Le 10 reti jQuery più affascinanti

jQuery è solitamente la prima scelta per la maggior parte delle persone che vogliono immergersi nella programmazione JavaScript poiché fornisce un metodo semplice per selezionare elementi HTML e manipolare il DOM. jQuery è molto popolare, secondo le recenti statistiche di W3Techs, “jQuery viene utilizzato dal 95,4% di tutti i siti Web di cui conosciamo la libreria JavaScript.”

jQuery viene anche utilizzato da molte librerie JavaScript come dipendenza e la versione alpha della nuova major release, jQuery 3.0 è già disponibile. Se il tuo progetto utilizza jQuery in qualche modo e vuoi un layout dinamico e flessibile per il tuo progetto, vale la pena considerare di includere un plugin di griglia jQuery nel tuo stack di frontend.

Come funzionano le griglie jQuery?

Le griglie di jQuery ti permettono crea layout simili a Pinterest per il tuo sito. Funzionano come una matrice virtuale, seguono il “scatola in una scatola” principio. Le griglie jQuery calcolano dinamicamente qual è la migliore disposizione degli oggetti e popolano la pagina con loro in un modo che lascia il minimo spazio, qualcosa di simile a ciò che vedi in queste caselle qui.

Il vantaggio principale delle griglie jQuery rispetto alle griglie CSS è che funzionano con immagini o altri elementi multimediali con larghezze e altezze diverse. I fantastici effetti JavaScript sono anche una grande ragione per usare le griglie jQuery per creare un layout moderno.

In questo post puoi leggere il 10 griglie jQuery più affascinanti che sono attualmente sul mercato - ovviamente, proprio come jQuery, tutti sono open-source e gratuiti.

1. jQuery annidato

jQuery Nested ti offre una mano layout di griglia a più colonne che è reattivo e funziona su tutti i tipi di dispositivi. Questo plugin jQuery si annuncia completamente vuoto. All'inizio questo slogan può sembrare un trucco di marketing economico, ma il plug-in raggiunge davvero molto bene la libertà di spazio, proprio come promesso dai suoi creatori.

jQuery Nested segue uno script unico in popolamento della matrice della griglia. Prima crea una griglia a più colonne, quindi analizza la matrice per gli spazi e li riempie riordinando i diversi elementi. Finalmente - e questo è il passaggio che rende questa griglia senza pause - ridimensiona qualsiasi elemento nella riga in basso che non si adatta correttamente nello spazio.

2. Freewall

Freewall ti consente di creare il layout che desideri sia che si tratti di una griglia di immagini, una griglia nidificata, una muratura o una griglia in stile metro. Ha molte opzioni che puoi impostare come variabili JavaScript come gutterX, gutterY, animato, cellW, cellH, ecc. Ha eventi personalizzati come onGapFound e onResize, e anche i metodi personalizzati.

Puoi trovare esempi di codice piacevoli sul loro sito web. Gli sviluppatori si sono occupati anche delle povere anime che devono ancora progettare per i browser più vecchi, quindi supporta Freewall Internet Explorer 8, e ha anche un soluzione per JavaScript disabilitato, come si usa Animazioni CSS 3 come strategia di fallback JS. Controlla il nostro articolo su Freewall qui.

3. Massoneria

Il nome della buona vecchia Massoneria deve essere familiare alle orecchie di ogni designer esperto. Nel caso tu non ne abbia sentito parlare, la Massoneria è un libreria a cascata di layout di griglia che funziona con jQuery e vanilla JavaScript.

Questo pratico plugin è la base di molti famosi temi WordPress. Non è nemmeno necessario caricarlo sul server in quanto è possibile collegare facilmente la libreria direttamente da una rete CDN.

>