Web tasarım ile ilgileniyorsanız Javascript ile sık sık karşılaşıyorsunuz demektir.Aslında bir çok nedenden dolayı javascript’den çok jquery ile daha çok haşır neşir oluyorsunuzdur.Çünkü web sitelerinde kullanılan bir çok interaktif uygulama tarayıcı uyumlu ve kolay kodlanması açısından jquery ile yazılıyor.Kodlama diyorum ama jquery tabi ki bir programlama dili değil, jquery, javascript ile yazılmış bir kütüphanedir.Web sitelerinden kullanılan slider,lightbox,açılır kapalır menuler,interaktif buton işlemleri,ajax gibi bir çok işlem jquery kullanılarak yapılıyor.Ve internette hem ücretli hem de ücretsiz olarak binlerce jquery eklentisi bulmak mümkün.
Tabi ki jquery eklentilerini(plugin) proje bazlı olarak kullanmak gerekiyor.Jquery kullanım kolaylığı,kaynak sayısındaki sınırsız imkan ve farklı tarayıcılarda uyumlu çalışması gibi çok yararlı özelliğinin yanında, gelişi güzel kullanıma bağlı bazı zararlı yanları da mevcut.Ki gereksiz ve fazladan kullanılan her jquery eklentisi sitenizin şişmesine ve açılış hızına negatif etki olarak döndüğünü unutmayalım.
Yukarıda jquerynin ne olduğunu ve ne gibi faydaları olduğunu yazdım.Bugün ki yazımızın ana konusu web site tasarımlarında kullanabileceğiniz bazı proje bazlı jquery eklentilerini tanıtacağım.Bu eklentilerin bazıları hemen hemen her projede bazılarını sadece proje bazlı olarak kullanabilirsiniz.Dediğim gibi jquery ile oluşturulmuş binlerce eklenti olsana ben listemi kısa tutarak, bazı projelerim de kullandığım yararlı olanları paylaşdım.Başlayalım…
MıxItUp
MixItUp,internette bulabileceğiniz ücretsiz olarak sunulan bana göre kaliteli jquery filtreleme eklentisidir.Peki ne işe yarar bu filtreleme eklentisi derseniz aslında siteye girdiğiniz de daha iyi fikir sahibi olabilirsiniz ama ben açıklamaya çalışayım.Özellikle fotoğrafçılar,tasarımcılar gibi yaptıkları işleri (portföy) paylaşan insanların, kategoriler şeklinde ayrılmış çalışmalarını ziyaretçilerin bu belirli kategoriye göre listelemesi işlemdir.Burada kategorilere göre butonlar ekleyip kullanıcılar bu butonlardan birine bastığında,sadece o kategoriye ait çalışmalar ekranda gözükür diğer çalışmalar görüntüden kaybolur.Kendisi basit açıklaması zor bir eklenti oldu 🙂
Masonry
Masonry,Pinterest tarzı layout(yerleşim) oluşturmak için güzel bir jquery eklentisi.Normalde grid sistemi yada flex ile tasarladığınız sutun-kutu(box) tasarımları aynı hizadan başlarlar.Bu göze hoş gelse de özellikle Pinterest’den sonra dağınık yerleşim popüler olmaya başladı.Eğer projenizde Pinterest tarzı bir tasarıma ihtiyacınız varsa bu ücretsiz jquery eklentisi deneyebilirsiniz.
Stellar.js
Stellar, son yıllarda web tasarım trendleri arasına giren parallax scrolling oluşturmaya yarayan bir jquery eklentisidir.İnanın bu parallaks yöntemini açıklaması çok zor.Aslında ilk olarak sabit bir arka plan fotoğrafı ile sayfayı aşağıya doğru kaydırdığınızda yazıların akması ile başlamıştı herşey:)Şimdiler de hem arka plan değişiyor hem de üzerindeki yazılar vs..Buradaki hile göz yanılgıdır.Özellikle son yıllarda firmaların ürünlerini teşhir ederken kullandığı çok güzel bir uygulamadır.
FitText
FitText, oldukça basit bir eklenti olduğundan fazla açıklama yapmıyorum.Web sitelerinde kullandığınız yazıları özellikle çok büyük olan başlık yazılarını, responsive olarak yani ekrana göre uyumlu hale getiren bir jquery eklentisidir.Sitenizin responsive yapısını incelemeniz bazı test araçlarını bu yazımda bahsetmiştim.Dilerseniz okuyabilirsiniz.
Retinajs
Retina, küçük ekran boyutlarında yüksek çözünürlüğe sahip akıllı telefonların hayatımıza girmesiyle Apple tarafından ortaya atılmış bir kavram.Retina.js bu dar alandaki daha yoğun pixel yüzünden bozulan görüntü kalitesini gidermeye yarayan bir jquery eklentisidir.Bu eklentiyi sitenize entegre ettiğiniz de mevcut görselin daha yüksek kalite olanını tarıyor ve bulursa kullanıcılara onu gösteriyor.
Slicknav
Slicknav, Ücretiz olarak kullanabileceğiniz responsive menu oluşturmaya yarayan bir jquery eklentisidir.Bunu açıklamaya gerek duymuyorum.
Jquery’in belki de en çok kullanılan eklentileri slider ve lightboxlardır.Fakat listemde bunlara yer vermedim.Çünkü daha önce Jquery Slider Eklentileri ve Jquery Lightbox Eklentileri diye konularda bunlarla ilgili ücretsiz ve kullanışlı jquery eklentilerini listelemiştim.Dilerseniz o yazılarıma da bakabilirsiniz.