I 50 plugin jQuery più utili per lo sviluppo di frontend
Pubblicato: 2021-06-15Sono disponibili molti altri framework JavaScript, ma jQuery è chiaramente il più popolare (secondo BuiltWith, è attualmente utilizzato da oltre il 78% dei migliori milioni di siti).
Lo scopo di jQuery è rendere più semplici da gestire e scrivere molte di quelle funzioni JavaScript che in genere richiedono molte righe di codice raggruppandole in metodi che possono essere richiamati con una sola riga di codice.
È leggero e poiché è estensibile, ci sono plugin jQuery disponibili gratuitamente per quasi tutte le funzionalità che ti vengono in mente.
Sommario:
- Plugin per layout Web e mobili
- Menu e plugin di navigazione
- Plugin per i media
- Plugin di scorrimento, carosello e galleria
- Plugin per effetti di testo
- Plugin di moduli
- Plugin di utilità
Altri plugin jQuery:
- Plugin jQuery con layout dinamico
- Plugin jQuery di convalida dei moduli
- Plugin jQuery Galleria e Lightbox
- Plugin jQuery di navigazione reattiva
- Plugin jQuery Slider e Carousel
- Plugin jQuery per effetti tipografici
Plugin jQuery per layout Web e mobili
pagePiling.js
pagePiling.js è un plug-in jQuery per "accumulare" le sezioni del layout l'una sull'altra e accedervi scorrendo.
fullPage.js
fullPage.js è un semplice plug-in per la creazione di siti Web a scorrimento a schermo intero.
gridscrolling.js
gridscrolling.js è un plug-in per posizionare sezioni e sezioni in una griglia e consentire una facile navigazione con i tasti cursore.
Piastra tremolante
Flickerplate è un plug-in reattivo, abilitato al tocco e leggero che ti consente di "sfogliare" i contenuti.
jInvertScroll
jInvertScroll è un plugin leggero che ti permette di muoverti orizzontalmente con un effetto di parallasse mentre scorri verso il basso.
Animazione
Animsition è un semplice plugin per aggiungere transizioni di pagina con animazioni CSS.
Lavori in muratura
Brick Work è un plug-in leggero (15kb) e ricco di funzionalità per la creazione di layout dinamici reattivi.
Scorrimi
ScrollMe è un plugin leggero che ti permette di aggiungere semplici effetti di scorrimento alle pagine web.
smoothState.js
jquery.smoothState.js è un plug-in che migliora progressivamente le pagine per comportarsi più come un'applicazione a pagina singola.
multiscroll.js
multiscroll.js è un semplice plug-in per la creazione di siti Web a scorrimento multiplo con due pannelli a scorrimento verticale.
matchHeight.js
matchHeight.js è un plug-in di uguale altezza più robusto per jQuery.
jQuery Navigazione e plugin di menu
Barre di scorrimento
Slidebars è un plug-in leggero (2kb) per la creazione di un menu a pressione in stile app.
scotchPanels.js
scotchPanels.js è un plug-in di menu e pannello fuori tela jQuery.
Plugin jQuery per i media (immagini e video)
Punto focale
Focuspoint è un plug-in per ritagliare dinamicamente le immagini per riempire lo spazio disponibile senza ritagliare il soggetto dell'immagine.
Scatola fluida
Fluidbox è una replica del modulo lightbox di Medium.com, con alcuni miglioramenti aggiunti.
GifPlayer
GifPlayer è un piccolo plugin che ti permette di controllare quando giocare e fermare le GIF animate.
rowGrid.js
rowGrid.js è un plugin per posizionare le immagini su una griglia con supporto per lo scorrimento infinito.
SVGMagia
SVGMagic è un semplice plugin di fallback SVG che trova le immagini SVG sul tuo sito e crea versioni PNG se il browser non le supporta.
Guarda jQuery
Vide è un plugin jQuery per aggiungere facilmente sfondi video alle tue pagine web.
Dense.js
Dense.js è un plug-in per fornire facilmente immagini pronte per la retina.
Covervid
Covervid è un semplice plugin che ti permetterà di fare in modo che i video HTML5 si comportino come un'immagine di sfondo.
jQuery-Cropbox
jQuery-Cropbox è un plug-in davvero utile per il ritaglio delle immagini sul posto (zoom e pan, invece di selezionare e trascinare).
Riconoscimento facciale
Face Detection è un potente plugin jQuery/Zepto che rileva i volti su immagini, video e tele.
BttrLazyLoading
BttrLazyLoading è un plug-in che consente alla tua app Web di caricare solo immagini all'interno del viewport mentre l'utente scorre.
Plugin jQuery Slider, Carousel e Gallery
Semplice cursore jQuery
Simple jQuery Slider è un leggero jQuery Slider che fa esattamente quello che dovrebbe fare uno slider: 'slides slides'.
FSVS
FSVS è un semplice dispositivo di scorrimento verticale a schermo intero che utilizza transizioni CSS3 con fallback jQuery.
anoFlow
anoFlow è un plug-in lightbox/galleria ricco di funzionalità e reattivo.
nanoGALLERIA
nanoGALLERY è un plug-in per la galleria di immagini reattivo, abilitato al tocco e facile da usare.
Justified.js
Justified.js è un plugin che crea una griglia di immagini giustificata.
Mescola le immagini
Shuffle Images è un plug-in jQuery che ti consente di visualizzare e mescolare più immagini all'interno di una galleria spostando o scuotendo il cursore.
Skippr
Skippr è un plugin per slideshow super semplice e leggero per jQuery.
Plugin per effetti di testo jQuery
fontFlex.js
fontFlex.js è un plugin leggero per modificare dinamicamente le dimensioni dei caratteri.
Macchina da scrivere
t.js è un plugin jQuery leggero per effetti di testo simili a quelli di una macchina da scrivere.
Morphext
Morphext: un plug-in carosello jQuery basato su Animate.css per frasi di testo.
Splitchar
Splitchar è un plug-in jQuery che ti consente di modellare e progettare la prima, la seconda o entrambe le metà di un personaggio.
Plugin degli elementi del modulo jQuery
Bootstrap Validator
BootstrapValidator è un plugin jQuery per la convalida dei moduli Bootstrap.
Etichettatura
Labelauty – Un plugin jQuery piacevole e leggero che dona bellezza alle caselle di controllo e ai pulsanti di opzione.
Custode
Guardian è un plug-in jQuery per la convalida di moduli per tutti gli usi flessibile e facile da estendere.
fontIconPicker
fontIconPicker è un plug-in leggero che ti consente di includere un semplice selettore di icone (con ricerca e impaginazione) all'interno di qualsiasi modulo.
Nascondino
HideSeek è un plug-in jQuery semplice ma personalizzabile per la ricerca live.
Selezionatore di orologi
ClockPicker è un timepicker in stile orologio per jQuery o Bootstrap.
Plugin di utilità jQuery
jQuery Conferma Mailto
jQuery Confirm Mailto è un plugin per confermare con gli utenti prima di aprire qualsiasi mailto:
link tramite il loro client di posta elettronica predefinito.
jNottery
jNottery è un plugin che ti permette di aggiungere note a una pagina.
Schede reattive
Schede reattive è un plug-in che offre funzionalità di schede reattive.
sfondi-adattivi.js
adaptive-backgrounds.js è un fantastico plugin che estrae il colore dominante dalle immagini sulla tua pagina web e applica il colore al loro genitore.
…e infine…
Planetario
Planetarium è un plugin jQuery che ti permette di costruire pianeti interattivi e costruire l'Universo!
trascinatore da tavolo
table-dragger ti consente di aggiungere facilmente l'ordinamento drag-and-drop alla tua tabella senza jQuery.
Selettore
Selector è una libreria micro JavaScript utilizzata in sostituzione di jQuery, con un peso di quasi 5 KB.
segaiolo.js
jquery.wanker.js è un divertente plug-in jQuery che rivela un annuncio di servizio pubblico quando le persone iniziano a ridimensionare eccessivamente il browser desktop mentre cercano di vedere i punti di interruzione reattivi. Come si suol dire "Il web è fatto per essere letto, non schiacciato!"