Ön Uç Geliştirme için En Kullanışlı 50 jQuery Eklentisi

Yayınlanan: 2021-06-15

Kullanılabilir başka birçok JavaScript çerçevesi vardır, ancak jQuery açıkça en popüler olanıdır (BuildWith'e göre, şu anda en iyi milyon sitenin %78'inden fazlası tarafından kullanılmaktadır).

jQuery'nin amacı, genellikle birçok kod satırına ihtiyaç duyan bu JavaScript işlevlerinin çoğunu, bunları yalnızca tek bir kod satırıyla çağrılabilecek yöntemlerde toplayarak yönetmeyi ve yazmayı kolaylaştırmaktır.

Hafiftir ve genişletilebilir olduğundan, aklınıza gelebilecek hemen hemen her işlevsellik için ücretsiz olarak kullanılabilen jQuery eklentileri vardır.

İçindekiler:

  • Web ve Mobil Düzen Eklentileri
  • Menü ve Gezinme Eklentileri
  • Medya için Eklentiler
  • Slider, Carousel ve Galeri Eklentileri
  • Metin Efekti Eklentileri
  • Form Eklentileri
  • Yardımcı Eklentiler

Diğer jQuery Eklentileri:

  • Dinamik Düzen jQuery Eklentileri
  • Form Doğrulama jQuery Eklentileri
  • Galeri ve Lightbox jQuery Eklentileri
  • Duyarlı Gezinme jQuery Eklentileri
  • Slider & Carousel jQuery Eklentileri
  • Tipogrpahy Etkileri jQuery Eklentileri

Web ve Mobil Düzenler için jQuery Eklentileri

pagePiling.js

pagePiling.js, mizanpaj bölümlerinizi birbiri üzerine 'yığmak' ve bunlara kaydırarak erişmek için bir jQuery eklentisidir.

Bölümlerinizi birbiri üzerine 'yığmak' ve kaydırarak bunlara erişmek için pagePiling.js jQuery eklentisi

fullPage.js

fullPage.js, tam ekran kaydırma web siteleri oluşturmak için basit bir eklentidir.

fullPage.js tam ekran kaydırma web siteleri jQuery eklentisi

gridscrolling.js

gridscrolling.js, bölümleri ve kenarları bir ızgarada konumlandırmak ve imleç tuşunda kolay gezinmeye izin vermek için bir eklentidir.

gridscrolling.js jQuery eklentisi Bölümleri ve kenarları bir ızgarada konumlandırmak ve imleç tuşuyla kolay gezinmeye izin vermek için bir düzen

titreşim plakası

Flickerplate, içerik arasında 'kaydırmanıza' izin veren duyarlı, dokunmatik özellikli ve hafif bir eklentidir.

Flickerplate duyarlı dokunmatik özellikli hafif fiske içeriği

jInvertScroll

jInvertScroll, aşağı kaydırırken paralaks etkisi ile yatay olarak hareket etmenizi sağlayan hafif bir eklentidir.

jInvertScroll hafif eklenti yatay paralaks etkisi

animasyon

Animsition, CSS animasyonlarıyla sayfa geçişleri eklemek için basit bir eklentidir.

Animsition - CSS animasyonlarıyla sayfa geçişleri eklemek için basit bir jQuery eklentisi

tuğla işi

Brick Work, duyarlı dinamik düzenler oluşturmak için hafif (15 kb) ve zengin özelliklere sahip bir eklentidir.

Brick Work, duyarlı dinamik düzenler oluşturmak için hafif (15kb) ve zengin özelliklere sahip bir jQuery eklentisidir.

beni kaydır

ScrollMe, web sayfalarına basit kaydırma efektleri eklemenizi sağlayan hafif bir eklentidir.

ScrollMe, web sayfalarına basit kaydırma efektleri eklemenize olanak tanıyan hafif bir jQuery eklentisidir.

smoothState.js

jquery.smoothState.js, sayfaları daha çok tek sayfalık bir uygulama gibi davranacak şekilde aşamalı olarak geliştiren bir eklentidir.

jquery.smoothState.js - Sayfaları daha çok tek sayfalık bir uygulama gibi davranacak şekilde aşamalı olarak geliştiren bir jQuery eklentisi

multiscroll.js

multiscroll.js, iki dikey kaydırma paneli ile çoklu kaydırma web siteleri oluşturmak için basit bir eklentidir.

multiscroll.js, bu hafta tasarımcı haberlerinde çok kaydırmalı web siteleri oluşturmak için basit bir jQuery eklentisidir.

matchHeight.js

matchHeight.js, jQuery için daha sağlam bir eşit yükseklik eklentisidir.

jquery.matchHeight.js, jQuery ön ucu için daha sağlam bir eşit yükseklik eklentisidir

jQuery Gezinme ve Menü Eklentileri

kaydırma çubukları

Slidebars, uygulama tarzı bir push-menü oluşturmak için hafif (2kb) bir eklentidir.

Kaydırma çubukları ön uç uygulama stili push-menü jquery eklentileri

scotchPanels.js

scotchPanels.js bir jQuery tuval dışı menü ve panel eklentisidir.

scotchPanels.js tuval dışı bir jQuery ve panel eklentisi

Medya için jQuery Eklentileri (Görüntüler ve Video)

Odak noktası

Focuspoint, görüntünün konusunu kesmeden mevcut alanı doldurmak için görüntüleri dinamik olarak kırpmak için bir eklentidir.

Duyarlı kırpma için Focuspoint jQuery eklentisi

sıvı kutusu

Fluidbox, bazı ek iyileştirmelerle birlikte Medium.com ışık kutusu modülünün bir kopyasıdır.

Fluidbox ön uç Orta ışık kutusu modülü jquery eklentileri

GifOyuncu

GifPlayer, animasyonlu GIF'leri ne zaman oynatacağınızı ve durduracağınızı kontrol etmenizi sağlayan küçük bir eklentidir.

GifPlayer eklentisi kontrolü, animasyonlu gif jquery'yi oynatma ve durdurma

satırGrid.js

rowGrid.js, görüntüleri sonsuz kaydırma desteğiyle bir ızgaraya yerleştirmek için bir eklentidir.

rowGrid.js görüntüleri grid sonsuz kaydırmalı ön uç jquery eklentileri

SVGMagic

SVGMagic, sitenizdeki SVG görüntülerini bulan ve tarayıcı bunları desteklemiyorsa PNG sürümleri oluşturan basit bir SVG yedek eklentisidir.

SVGMagic basit SVG geri dönüş jquery eklentisi

jQuery'yi göster

Vide, web sayfalarınıza kolayca video arka planları eklemek için bir jQuery eklentisidir.
Vide - video arka planları için cehennem kadar kolay jQuery eklentisi

Yoğun.js

Dense.js, retinaya hazır görüntüleri kolayca sunmak için bir eklentidir.

Dense.js - Retinaya hazır görüntüleri kolayca sunmak için bir jQuery eklentisi

kapak videosu

Covervid, HTML5 videonun bir arka plan görüntüsü gibi davranmasını sağlayan basit bir eklentidir.

Covervid, HTML5 videonuzun bir arka plan görüntüsü gibi davranmasını sağlayacak basit bir jQuery eklentisidir.

jQuery-Cropbox

jQuery-Cropbox, yerinde görüntü kırpma için gerçekten kullanışlı bir eklentidir (seçme ve sürükleme yerine yakınlaştırma ve kaydırma).

jQuery-Cropbox görüntü kırpma ön uç jquery eklentileri

Yüz tanıma

Yüz Algılama, resimler, videolar ve tuvallerdeki yüzleri algılayan güçlü bir jQuery/Zepto eklentisidir.
Yüz Algılama - Resimler, videolar ve tuvallerdeki yüzleri algılayan güçlü bir jQuery/Zepto eklentisi

BttrTembelYükleniyor

BttrLazyLoading, web uygulamanızın yalnızca kullanıcı kaydırdıkça görüntü alanı içindeki görüntüleri yüklemesine olanak tanıyan bir eklentidir.

BttrLazyLoading yük görüntüleri görünüm alanı kaydırma eklentisi

jQuery Slider, Carousel ve Galeri Eklentileri

Basit jQuery Kaydırıcısı

Simple jQuery Slider, tam olarak bir kaydırıcının yapması gerekeni yapan hafif bir jQuery Slider'dır: 'slaytlar'.

çok basit ve hafif jQuery Slider

FSVS

FSVS, jQuery yedeği ile CSS3 geçişlerini kullanan basit bir tam ekran dikey kaydırıcıdır.
jQuery yedeği ile CSS3 geçişlerini kullanan FSVS basit tam ekran dikey kaydırıcı

anoFlow

anoFlow, zengin özelliklere sahip ve duyarlı bir ışık kutusu/galeri eklentisidir.

anoFlow zengin özelliklere sahip duyarlı ışık kutusu galerisi eklentisi

nanoGALERİ

nanoGALLERY duyarlı, dokunmatik özellikli ve kullanımı kolay bir resim galerisi eklentisidir.

nanoGALLERY duyarlı dokunmatik özellikli kullanımı kolay resim galerisi eklentisi jquery

haklı.js

Justified.js, haklı bir görüntü ızgarası oluşturan bir eklentidir.

Justified.js - Doğrulanmış bir görüntü ızgarası oluşturan bir jQuery eklentisi

Resimleri Karıştır

Shuffle Images, imleci hareket ettirerek veya sallayarak bir galeri içinde birden fazla görüntüyü görüntülemenize ve karıştırmanıza olanak tanıyan bir jQuery eklentisidir.

Bir galeri içinde birden fazla görüntüyü görüntülemenize ve karıştırmanıza olanak tanıyan Shuffle Images eklentisi

Atla

Skippr, jQuery için süper basit ve hafif bir slayt gösterisi eklentisidir.

Skippr, jQuery için süper basit ve hafif bir slayt gösterisi eklentisidir.

jQuery Metin Efekti Eklentileri

fontFlex.js

fontFlex.js, dinamik olarak yazı tipi boyutlarını değiştirmek için hafif bir eklentidir.

Dinamik olarak değişen yazı tipi boyutları için jQuery.fontFlex.js hafif jQuery uzantısı

Daktilo

t.js, daktilo benzeri metin efektleri için hafif bir jQuery eklentisidir.

daktilo benzeri metin efektleri için t.js hafif jQuery eklentisi

biçimsel metin

Morphext – Metin ifadeleri için Animate.css destekli jQuery carousel eklentisi.

Animate.css tarafından desteklenmektedir Morphext, metin ifadeleri için basit bir jQuery carousel eklentisidir.

Splitchar

Splitchar, bir karakterin birinci, ikinci veya her iki yarısını stillendirmenize ve tasarlamanıza izin veren bir jQuery eklentisidir.

Splitchar, bu hafta tasarımcı haberlerinde bir karakterin birinci, ikinci veya her iki yarısını stil ve tasarlamanıza izin veren bir jQuery eklentisidir.

jQuery Form Öğesi Eklentileri

Önyükleme Doğrulayıcı

BootstrapValidator, Bootstrap formlarını doğrulamak için bir jQuery eklentisidir.

BootstrapValidator - Bootstrap formlarını doğrulamak için bir jQuery eklentisi

etiket

Labelauty – Onay kutularına ve radyo düğmelerine güzellik katan hoş ve hafif bir jQuery eklentisi.
Labelauty - Onay kutularına ve radyo düğmelerine güzellik katan güzel ve hafif bir jQuery eklentisi

Muhafız

Guardian, esnek ve genişletilmesi kolay, çok amaçlı bir form doğrulama jQuery eklentisidir.
Guardian esnek ve genişletilmesi kolay çok amaçlı form doğrulama jQuery eklentisi

yazı tipiIconPicker

fontIconPicker, herhangi bir forma basit bir simge seçici (arama ve sayfalandırma ile) eklemenize izin veren hafif bir eklentidir.

fontIconPicker hafif eklenti basit simge seçici

Saklambaç

HideSeek, canlı arama için basit ama özelleştirilebilir bir jQuery eklentisidir.

Canlı arama için HideSeek özelleştirilebilir jQuery eklentisi

Saat Seçici

ClockPicker, jQuery veya Bootstrap için saat tarzı bir zaman seçicidir.

ClockPicker, Bootstrap veya jQuery için saat tarzı bir zaman seçicidir.

jQuery Yardımcı Eklentileri

jQuery Mailto'yu Onayla

jQuery Confirm Mailto, varsayılan e-posta istemcileri aracılığıyla herhangi bir mailto: bağlantısını açmadan önce kullanıcılarla Onaylamak için bir eklentidir.

jQuery Confirm Mailto jQuery eklentisi, mailto bağlantılarını açmadan önce onaylamak için

jNottery

jNottery, bir sayfaya not eklemenizi sağlayan bir eklentidir.

Bir web sayfasına not eklemenizi sağlayan jNottery jQuery eklentisi

Duyarlı Sekmeler

Duyarlı Sekmeler, duyarlı sekme işlevi sunan bir eklentidir.

Duyarlı Sekmeler Duyarlı sekme işlevi sunan bir jQuery eklentisi

adaptive-backgrounds.js

adaptive-backgrounds.js, web sayfanızdaki resimlerden baskın rengi çıkaran ve rengi üstlerine uygulayan harika bir eklentidir.

baskın rengi web sayfanızdaki resimlerden çıkarır ve rengi sihirli bir şekilde ana jquery eklentilerine uygular

…ve sonunda…

Planetaryum

Planetarium, etkileşimli gezegenler inşa etmenize ve Evreni inşa etmenize izin veren bir jQuery eklentisidir!

jQuery.planetarium Etkileşimli gezegenler inşa edin ve Evreni inşa edin

masa-sürükleyici

table-dragger, jQuery olmadan tablonuza sürükle ve bırak yöntemiyle sıralamayı kolayca eklemenizi sağlar.

masa-sürükleyici

seçici

Selector, jQuery'nin yerine kullanılan ve yaklaşık 5 KB ağırlığında bir mikro JavaScript kitaplığıdır.

seçici

wanker.js

jquery.wanker.js, insanlar sizin duyarlı kesme noktalarınızı görmeye çalışırken masaüstü tarayıcılarını aşırı derecede yeniden boyutlandırmaya başladıklarında bir kamu hizmeti duyurusunu ortaya çıkaran mizahi bir jQuery eklentisidir. 'Web okunmak içindir, ezilmek için değil!' dedikleri gibi.

jquery.wanker.js ön uç jquery eklentileri