En Etkileyici 10 jQuery Izgarası
jQuery genellikle HTML öğelerini seçmek ve DOM'u değiştirmek için kolay bir yöntem olduğundan, JavaScript programlamasına ayaklarını daldırmak isteyen çoğu kişi için ilk tercihtir. jQuery, W3Techs'in son istatistiklerine göre, çılgınca popüler, “jQuery, JavaScript kütüphanesini bildiğimiz tüm web sitelerinin% 95.4'ü tarafından kullanılıyor.”
jQuery ayrıca birçok JavaScript kütüphanesi tarafından bir bağımlılık olarak kullanılır ve yeni ana sürümün alfa sürümü olan jQuery 3.0 zaten oradadır. Projeniz herhangi bir şekilde jQuery kullanıyorsa ve istediğiniz dinamik, esnek düzen Tasarımınız için, ön uç yığınıza bir jQuery ızgara eklentisi eklemeyi düşünmeye değer.
JQuery Izgaraları Nasıl Çalışır??
jQuery ızgaraları size izin verir Siteniz için Pinterest benzeri mizanpajlar oluşturun. Sanal bir matris gibi çalışıyorlar, “bir kutu içinde bir kutu” prensip. jQuery ızgaraları, öğelerin en iyi düzenlemesinin ne olduğunu dinamik bir şekilde hesaplar ve bu sayfalarda gördüğünüz gibi, en az boş alan bırakacak şekilde sayfaları bunlarla doldurur.
JQuery ızgaralarının CSS ızgaralarına göre ana avantajı, farklı genişlik ve yüksekliğe sahip görüntüler veya diğer medya elemanları ile çalışmaktır. Harika JavaScript efektleri, modern bir düzen oluşturmak için jQuery gridlerini kullanmanın büyük bir nedenidir.
Bu yazıda hakkında okuyabilirsiniz 10 en etkileyici jQuery ızgaraları şu anda piyasada olan - tabii ki, tıpkı jQuery gibi, hepsi açık kaynak ve ücretsiz.
1. iç içe geçmiş jQuery
jQuery Nested size kullanışlı bir özellik sunar. duyarlı çok sütunlu ızgara düzeni ve her türlü cihazda çalışır. Bu jQuery eklentisi tamamen boşluksuz olarak kendini tanıtıyor. İlk başta bu slogan ucuz bir pazarlama hilesi gibi gelebilir, ancak eklenti aslında yaratıcıları için söz verdiği gibi boşluk özgürlüğünü çok güzel bir şekilde yerine getiriyor.
jQuery Nested, benzersiz bir komut dosyasını izler. ızgara matrisini doldurma. İlk önce bir çoklu sütun ızgarası yaratır, daha sonra boşluklar için matrisi tarar ve farklı elemanları yeniden sıralayarak bunları doldurur. Sonunda - ve bu ızgarayı aralıksız yapan adımdır - alt sıradaki boşluğa tam olarak sığmayan herhangi bir elemanı yeniden boyutlandırır..
2. Freewall
Freewall, görüntü ızgarası, yuvalanmış ızgara, duvarcılık veya metro tarzı ızgara olmasını istediğiniz düzeni oluşturmanıza olanak sağlar. Gibi JavaScript değişkenleri olarak ayarlayabilirsiniz birçok seçenek vardır gutterX, gutterY, canlandırın, cellW, cellH, vb gibi özel olaylara sahiptir. onGapFound ve OnResize, ve özel yöntemler de.
Güzel kod örneklerini web sitelerinde bulabilirsiniz. Devs ayrıca, eski tarayıcılar için tasarım yapmak zorunda olan zavallı ruhları da önemsiyordu, bu yüzden Freewall destekliyor. Internet Explorer 8, ve ayrıca bir engelli JavaScript çözümü, kullandığı gibi JS geri dönüş stratejisi olarak CSS 3 animasyonları. Freewall hakkındaki makalemize buradan göz atın.
3. Duvarcılık
Eski ve iyi Masonluğun adı, her deneyimli tasarımcının kulaklarına aşina olmalıdır. Bunu duymamışsanız, duvarcılık bir basamaklı ızgara düzeni kitaplığı hem jQuery hem de vanilya JavaScript ile çalışır.
Bu kullanışlı eklenti birçok popüler WordPress temasının temelidir. Kütüphaneyi doğrudan bir CDN'den kolayca bağlayabileceğiniz için sunucunuza yüklemeniz bile gerekmez.
>
