BlocksIt.js – Creare layaut dinamici a griglia in stile Pinterest

 

BlocksIt.js è un plugin in jQuery per la creazione di layout dinamici a griglia. Il plugin riesce a convertire gli elementi HTML in ‘blocchi’ e posizionarli in punti ben precisi del layout a griglia, in stile a Pinterest, uno dei più attuali siti web in questo momento. Come? Beh, semplicemente specificate il numero di colonne che si desidera avere e BlocksIt.js farà il resto per voi. Inoltre, è possibile anche combinare i ‘blocchi’ tra loro e fare un blocco unico!

Come si usa

Prima di tutto includere file di script di jQuery e di BlocksIt.js all’interno di tag <head> come al solito.

Dovrebbe funziona bene con jQuery 1.7.1 (non è stato testato con le versioni inferiori).

Dopodichè richiamare la funzione BlocksIt() su un oggetto jQuery. Per tutti dettagli di configuazione fare riferimento qui.

Demo Download Info | Sito Web | Autore

pixolo ads
Animal Comix
2221 | Articolo pubblicato 4 anni fa nella categoria In evidenza, jQuery - Javascript.
Puoi seguire tutti i nuovi articoli e gli aggiornamenti di Pixolo.it attraverso i Pixolo feeds feed RSS.
Puoi inoltre lasciare un commento, oppure fare un trackback dell'articolo dal tuo sito.
2
SHARES
Be Sociable,
share and enjoy!
Resta aggiornato!
Segui Pixolo anche su Facebook!
Don't show more - I am already fan
×
Salva il post su Facebook
What is a Facebook Save Button?

The save button lets you save the current page to your private list on Facebook for a future use or consultation.
info | close
×