I 50 plugin jQuery più utili per lo sviluppo di frontend

Pubblicato: 2021-06-15

Sono 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.

plugin jQuery di pagePiling.js per "accumulare" le tue sezioni 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.

plug-in jQuery di siti Web a scorrimento a schermo intero fullPage.js

gridscrolling.js

gridscrolling.js è un plug-in per posizionare sezioni e sezioni in una griglia e consentire una facile navigazione con i tasti cursore.

plugin jQuery gridscrolling.js Un layout per posizionare sezioni e parti laterali 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.

Contenuti Flickerplate leggeri e sensibili al tocco

jInvertScroll

jInvertScroll è un plugin leggero che ti permette di muoverti orizzontalmente con un effetto di parallasse mentre scorri verso il basso.

jInvertScroll plugin leggero effetto parallasse orizzontale

Animazione

Animsition è un semplice plugin per aggiungere transizioni di pagina con animazioni CSS.

Animsition - Un semplice plugin jQuery 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.

Brick Work è un plug-in jQuery 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.

ScrollMe è un plugin jQuery leggero che ti permetterà 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.

jquery.smoothState.js - Un plug-in jQuery 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.

multiscroll.js è un semplice plug-in jQuery per la creazione di siti Web a scorrimento multi nelle novità di questa settimana

matchHeight.js

matchHeight.js è un plug-in di uguale altezza più robusto per jQuery.

jquery.matchHeight.js è un plug-in di uguale altezza più robusto per il front-end 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.

Plugin jquery con menu push in stile app frontend di barre di scorrimento

scotchPanels.js

scotchPanels.js è un plug-in di menu e pannello fuori tela jQuery.

scotchPanels.js un menu jQuery fuori tela e un plug-in del pannello

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.

Plugin Focuspoint jQuery per il ritaglio reattivo

Scatola fluida

Fluidbox è una replica del modulo lightbox di Medium.com, con alcuni miglioramenti aggiunti.

Plugin jquery del modulo lightbox medio di Fluidbox frontend

GifPlayer

GifPlayer è un piccolo plugin che ti permette di controllare quando giocare e fermare le GIF animate.

Il plug-in GifPlayer controlla la riproduzione e interrompe le gif animate jquery

rowGrid.js

rowGrid.js è un plugin per posizionare le immagini su una griglia con supporto per lo scorrimento infinito.

rowGrid.js immagini griglia infinito scorrimento frontend plugin jquery

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.

Plugin jquery di fallback SVGMagic semplice SVG

Guarda jQuery

Vide è un plugin jQuery per aggiungere facilmente sfondi video alle tue pagine web.
Vide - plugin jQuery facile come l'inferno per sfondi video

Dense.js

Dense.js è un plug-in per fornire facilmente immagini pronte per la retina.

Dense.js - Un plug-in jQuery per servire 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.

Covervid è un semplice plugin jQuery che ti permetterà di far sì che il tuo video HTML5 si comporti 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).

plugin jquery frontend per il ritaglio di immagini jQuery-Cropbox

Riconoscimento facciale

Face Detection è un potente plugin jQuery/Zepto che rileva i volti su immagini, video e tele.
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.

BttrLazyLoading carica il plug-in di scorrimento della visualizzazione delle immagini

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'.

jQuery Slider semplicissimo e leggero

FSVS

FSVS è un semplice dispositivo di scorrimento verticale a schermo intero che utilizza transizioni CSS3 con fallback jQuery.
Slider verticale a schermo intero semplice FSVS che utilizza transizioni CSS3 con fallback jQuery

anoFlow

anoFlow è un plug-in lightbox/galleria ricco di funzionalità e reattivo.

plug-in galleria lightbox reattivo ricco di funzionalità anoFlow

nanoGALLERIA

nanoGALLERY è un plug-in per la galleria di immagini reattivo, abilitato al tocco e facile da usare.

nanoGALLERY plug-in jquery per la galleria di immagini abilitato al tocco reattivo e facile da usare

Justified.js

Justified.js è un plugin che crea una griglia di immagini giustificata.

Justified.js - Un plug-in jQuery 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.

Plugin Shuffle Images che ti consente di visualizzare e mescolare più immagini all'interno di una galleria

Skippr

Skippr è un plugin per slideshow super semplice e leggero per jQuery.

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.

jQuery.fontFlex.js estensione jQuery leggera per la modifica dinamica delle dimensioni dei caratteri

Macchina da scrivere

t.js è un plugin jQuery leggero per effetti di testo simili a quelli di una macchina da scrivere.

t.js 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.

Alimentato da Animate.css Morphext è un semplice plug-in carosello jQuery 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.

Splitchar è un plug-in jQuery che ti consente di modellare e progettare la prima, la seconda o entrambe le metà di un personaggio nelle novità di questa settimana

Plugin degli elementi del modulo jQuery

Bootstrap Validator

BootstrapValidator è un plugin jQuery per la convalida dei moduli Bootstrap.

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.
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.
Plugin jQuery per la convalida dei moduli per tutti gli usi di Guardian 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.

selettore di icone semplice del plug-in leggero fontIconPicker

Nascondino

HideSeek è un plug-in jQuery semplice ma personalizzabile per la ricerca live.

Plugin jQuery personalizzabile HideSeek per la ricerca dal vivo

Selezionatore di orologi

ClockPicker è un timepicker in stile orologio per jQuery o Bootstrap.

ClockPicker è un timepicker in stile orologio per Bootstrap o jQuery

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.

jQuery Conferma Mailto plug-in jQuery per confermare prima di aprire i collegamenti mailto

jNottery

jNottery è un plugin che ti permette di aggiungere note a una pagina.

jNottery Plugin jQuery che ti consente di aggiungere note a una pagina web

Schede reattive

Schede reattive è un plug-in che offre funzionalità di schede reattive.

Schede reattive Un plug-in jQuery 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.

estrae il colore dominante dalle immagini sulla tua pagina web e applica magicamente il colore ai loro plugin jquery principali

…e infine…

Planetario

Planetarium è un plugin jQuery che ti permette di costruire pianeti interattivi e costruire l'Universo!

jQuery.planetarium Costruisci pianeti interattivi e costruisci l'Universo

trascinatore da tavolo

table-dragger ti consente di aggiungere facilmente l'ordinamento drag-and-drop alla tua tabella senza jQuery.

trascinatore da tavolo

Selettore

Selector è una libreria micro JavaScript utilizzata in sostituzione di jQuery, con un peso di quasi 5 KB.

Selettore

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!"

plugin jquery frontend jquery.wanker.js