Bu Komut Dosyasıyla Duyarlı Sıralanabilir Izgara Düzenleri Oluşturun

Özel ızgaralar sıfırdan oluşturulacak en zor özelliklerden bazılarıdır. Duvarcılık ızgara eklentileri bol bulabilirsiniz ama onlar her birinin kendi sınırlamaları ve gereksinimleri vardır..

Muuri betiği ihtiyacı olan herkes için güçlü bir alternatif dokunmatik destekli sıralanabilir ve hassas ızgara elemanları.

İnşa edilmiştir Animasyonlar için Velocity.js, ile birlikte Mobil dokunuşla başa çıkmak için Hammer.js kütüphanesi. Muuri değil jQuery gerektirir, bu yüzden ızgara arayüzleri için az sayıdaki vanilya JavaScript eklentisinden biridir..

Ana proje sayfasında, bir tüm özelliklere sahip güzel ızgara demosu. Animasyon efektleri, sürükle ve bırak desteği ve çeşitli boyutlarda farklı ızgara öğeleri. Bu demo, bir Muuri şebekesi ile ne kadar kontrolünüz olduğunu gösterir.

Seçebilirsiniz görüntülenecek öğeler, sınıfları temel alan (yani filtreleme) boş alanları nasıl doldurmak istediğinizi.

Yığma ızgaralar genellikle boş noktalar bırakır; ızgara elemanları her zaman mükemmel bir şekilde birbirine uymuyor. Bu, Pinterest gibi daha büyük web siteleri için oldukça tipiktir. Rağmen, yapabilirsin sürüklenebilir ızgara öğeleri ekleyin hemen hemen her kullanıcı tarafından kontrol edilen arabirime.

Hakkında düşün Widgetized düzenleri ile sosyal profilleri ve nasıl çalışacaklarını. Ya da düşün aşamalı web uygulamaları olarak çalışan özel yapılacaklar listeleri JavaScript’te. Muuri sayfasında aslında yapılacaklar listesini gösteren ve cep telefonunda PWA olarak nasıl çalışabileceğini gösteren harika bir demo var..

Başlamak için sadece tüm JavaScript bağımlılıklarını ve Muuri scriptlerini dahil edin. Bunları npm'den aşağı çekebilir veya GitHub deposundan bir kopyasını alabilirsiniz.

Sonra siz bir kapsayıcı ızgara öğesi oluştur ve Bunu yeni bir örneğiyle hedefle Muuri () yöntem. Her şey çok basit ve özellikle Git kod parçasından kod parçacıklarını kopyalayarak kullanımı kolaydır.

İle tüm modern tarayıcılar (IE9 +) ve dokunmatik özellikli bir arayüz için tam destek, Bu eklenti ızgara özellikleri sürükle ve bırak için en iyilerinden biridir.

Muuri ana sayfasını okuyarak ve canlı demolarla uğraşarak daha fazla bilgi edinin. Bu bir dinamik ızgaralar için mükemmel sistem ve Onun hala aktif gelişim içinde, bu yüzden bu eklentinin uzun süre boyunca olacağına güvenebilirsiniz.