• Yazılım
  • 563
  • 0

22 Harika JQuery Eklentisi

22 Harika JQuery Eklentisi

JQuery kitaplığı için yazılmış on binlerce jQuery eklentisi var. 2006 yılında John Resig tarafından oluşturulan jQuery kitaplığı, en popüler JavaScript kitaplıklarından biridir. Kullanıcı etkileşimlerini hızla tasarlamak ve geliştirmek için harika bir kaynak. Bir resim galerisi veya form, içeriği açığa çıkaran CSS animasyonu veya bir patlama efekti olsun, kütüphane, hızlı prototip oluşturmanıza ve minimum kod ve çabayla benzersiz bir kullanıcı arayüzü sunmanıza olanak tanıyan temel yapı taşlarını sağlar.

Ancak, herhangi bir soruna kendi çözümünüzü yaratabildiğiniz için, bu yapmanız gerektiği anlamına mı geliyor? Tabii ki değil! Biraz ortak işlevsellik yaratmak istediğiniz her seferinde tekerleği yeniden icat etmenize kesinlikle gerek yoktur; anında bir davranış eklemek için eklentileri kullanın. Bunu yapmak size daha fazla zaman ve emek kazandıracaktır. Aşağıda yararlı jQuery eklentileri listemiz bulunmaktadır. Çoğu da ücretsizdir.

01. CZM Social Chat Support

Bu sosyal sohbet desteği jquery eklentisi, Whatsapp, Messenger, Skype, Twitter, Telegram ve Instagram dahil olmak üzere sınırsız sosyal hesaplar için destek eklemenizi sağlar. Kurulumu kolaydır ve düğmeleri istediğiniz gibi özelleştirebilirsiniz. Bu listedeki eklentilerin çoğunun aksine, ücretsiz değil ve indirmeniz 14 dolara mal olacak.

02. RTO+P Video Player

Elbette, videoyu YouTube’dan veya herhangi bir yerden gömmek kolaydır, ancak videonuz üzerinde biraz daha fazla kontrol istiyorsanız, RTO + P Video Oynatıcı bir zorunluluktur. Kendi sunucunuzdan veya CDN’den veya genel bir Vimeo akışından kendi video oynatıcınızı oluşturmanızı ve özelleştirmenizi kolaylaştırır. Hayatı kolaylaştırmak için HTML5 video etiketini kullanın veya daha iyi performans için yavaş yükleme seçeneğini kullanabilirsiniz.

03. Slick

Bu ihtiyacınız olan son atlıkarınca mı? Kesinlikle olabilir; Slick, tembel yükleme, otomatik oynatma, geri aramalar ve daha fazlası dahil olmak üzere oynayabileceğiniz her türlü seçenekle, istediğiniz hemen hemen her türden tam yanıt veren karuselleri sağlayan bir jQuery eklentisidir.

04. Muuri

Esnek düzenlerde son nokta için Niklas Rämö’s Muuri, bir göz atmaya değer. Yerleşim sistemi, çeşitli boyutlardaki ızgara öğelerini bir kap içinde akla gelebilecek hemen hemen her şekilde konumlandırmanıza olanak tanır ve duyarlı, sıralanabilir, filtrelenebilir ve sürüklenebilir. Varsayılan olarak, her şeyi ‘önce sığdır’ şekilde düzenler, ancak farklı bir düzen stili için kendi düzen algoritmanızı ekleyebilirsiniz.

05. Timeline.js

Bu jQuery eklentisi, atlıkarınca bileşeninde bir değişiklik sunar: Timeline.js, bir atlıkarınca zaman çizelgesi (yani kronolojik noktalara göre ilerleyen bir kaydırıcı) oluşturmak için ihtiyacınız olan her şeyi sağlar. Bol miktarda görsel ve işlevsel özelleştirme seçeneği içerir.

06. Tilted page scroll

Pete R.’nin bu eklentisi, insanların dikkatini çekmenin ve sitenize biraz daha fazla derinlik katmanın mükemmel bir yoludur. Yüklendiğinde, öğeler sayfayı yukarı kaydırdıkça görünüme doğru eğilir ve sayfanın üstünden dışarı doğru kaydırılırken tekrar eğilir. Güzel ve uygulaması kolay, harika görünümlü bir efekt.

07. Focuspoint

Duyarlı web tasarımıyla ilgili harika olan şey, herhangi bir cihazda güzel görünecek tek bir sayfa oluşturabilmektir. Bununla birlikte, siteniz görüntüleri belirli görünüm alanlarına uyacak şekilde otomatik olarak kırpıyorsa, genellikle odak noktasını kaybedebilir. Focuspoint ile, her görüntü için bir odak noktası belirleyerek görüntünüzün herhangi bir kapta harika görünmesini sağlayabilirsiniz ve eklenti, önemli bitlerden önce istenmeyen kısımları keser.

08. SVGMagic

SVG resimlerini kullanmak iyi bir fikirdir çünkü her boyutta keskin görünürler ve bu eklenti, bunları desteklemeyen tarayıcılar için endişelenmenize gerek kalmadan bunu yapmanıza yardımcı olur. SVG resimlerini arar ve SVG desteklenmiyorsa bunları PNG sürümleriyle değiştirir.

09. Face Detection

Jay Salvat tarafından yazılan ve Liu Liu’nun yüz algılama algoritmasını kullanan bu eklenti ile görüntüler, videolar ve tuvallerdeki insan yüzlerinin koordinatlarını tespit edin ve alın.

10. Round Slider

Bu dairesel kaydırıcı, kullanıcının fareyi dairenin üzerine getirerek bir dizi değer seçmesini sağlar. Tam kaydırıcı varsayılan ayardır, ancak bunu çeyrek daire, yarım daire ve pasta şekilleri elde etmek için de kullanabilirsiniz. Temayı çeşitli şekillerde ayarlayabileceğiniz CSS stilleri vardır, örneğin bir hız göstergesi gibi görünmek için. Hiçbir görüntü dahil değildir; hepsi CSS ve JavaScript ile yapılmıştır.

11. jInvertScroll

jInvertscroll, paralaks efekti ile yatay kaydırmayı uygulamayı kolaylaştırır. Bir derinlik yanılsaması yaratmak için iki yatay katman farklı hızlarda hareket ederken yanlara doğru hareket etmek için kaydırma tekerleğinizi demo sitesinde döndürün.

12. Slinky

Slinky, birçok alt menünüzün olduğu her senaryo için kullanışlı olan zarif, zamansız bir menü tasarımıdır. Bir öğe seçin ve bir animasyon alt menüyü kaydırır.

13. TwentyTwenty

Aralarındaki farkları göstermek için iki resmi yan yana yerleştirmek yerine, birini diğerinin üzerine yerleştiren bu eklentiyi kullanabilirsiniz. Kullanıcılar, alttaki görüntünün görünmesi için bir kaydırıcıyı sürükleyerek, öncesi ve sonrası durumda neyin değiştiğini görmelerini sağlar.

14. Material design hierarchical display

Hiyerarşik ekran animasyon efektleri, kullanıcıların dikkatini yönlendirmek ve onları bir süreçte bir noktadan diğerine yönlendirmek için kullanılabilir. Bu animasyon tasarımınıza uyacak şekilde özelleştirilebilir ve sizi harekete geçirecek harika belgelere sahiptir.

15. Tabslet

Adından da anlaşılacağı gibi, Tabslet sekme yapmak için hafif bir eklentidir. Sonraki / önceki kontrolleri, rotasyonu, özel etkinlikleri, derin bağlantıyı destekler ve birçok başka kullanışlı işlev vardır.

16. nanogallery2

nanogallery2, resim galerilerinizi basitleştirmek için tasarlanmıştır ve albümlerde, ışıklı kutuda, küçük resimlerde birleştirilebilir vurgulu efektler, slayt gösterileri, tam ekran, sayfalandırma ve görüntü tembel yüklemede çok seviyeli gezinme sunar. Dokunmatik, duyarlı, hızlıdır ve bulut depolamayı destekler.

Sürüm 2, iyileştirilmiş kullanıcı deneyimi ve anahtar kelimelere göre filtreleme, alışveriş sepeti, sosyal paylaşım, gelişmiş fareyle üzerine gelme efektleri, küçük resim görüntüleme geçişleri, Google Haritalar konumu içeren bir bilgi sayfası ve daha fazlası gibi yeni özellikler sunar.

17. Tooltipster

Tooltipster, klasik araç ipucunun modern bir yorumu olup, ekranı kontrol etmek için kullanılan CSS ile semantik işaretlemede tamamen HTML etkin araç ipuçları sunmanıza olanak tanır. Her senaryo için özelleştirilebilir kılan çok çeşitli yapılandırma seçenekleri vardır.

18. Magnific Popup

Bu, jQuery için olabildiğince hafif ve uyumlu olmaya odaklanan bir lightbox eklentisidir. Geliştirici performans ve kullanıcı deneyimine odaklanmıştır, bu nedenle alternatif ışık kutusu eklentilerinin tüm özelliklerine sahip değildir, ancak süper hızlıdır ve Yüksek DPI (Retina) cihazlar gibi çok çeşitli cihazlarda mükemmel çalışır. MacBook Pro.

19. jQuery Knob

jQuery Knob, giriş öğelerini alır ve bunları masaüstünde de çalışan dokunmatik aramalara dönüştürür. Bu, içeriğinizi yeni paradigmalara uyacak şekilde nasıl uyarlayabileceğinizin mükemmel bir örneğidir ve başka hiçbir şey değilse de teknik yaklaşıma bakmaya değer.

20. Typeahead.js

Twitter’ın geliştirme ekibinin ürünü olan Type Ahead, kullanıcılarınız bir giriş kutusuna yazarken yerel veya harici bir veri kaynağından çekerek, otomatik tamamlama önerileri sunan, uygulaması kolay bir araçtır.

21. Lettering.js

Lettering.js, türünüzdeki tek tek karakterler üzerinde ayrıntılı kontrol sağlayarak karakter aralığı uygulamanıza, harfleri tek tek renklendirmenize ve olay dinleyicileri uygulamanıza olanak tanır. Ayrıca FitText (aşağıda) ile güzel bir şekilde oynayarak size duyarlı kalırken tipografiniz üzerinde masaüstü tarzı kontrol sağlar.

22. FitText

Bu kullanışlı eklenti, kapsayıcınızın genişliğini türünüzle doldurmanıza olanak tanır, ancak metin boyutunu otomatik olarak uygun şekilde yukarı veya aşağı ölçeklendirir. Duyarlı başlıkları kolaylaştırmak için tasarlanan eklenti, karakter başına ayrıntılı stil oluşturmaya izin vermek için Lettering.js ile de entegre olur.