Freetile è un plugin per jQuery che permette l’organizzazione dei contenuti di pagine web in un layout efficiente, dinamico e reattivo.
Applicato ad un elemento “contenitore” organizzerà il layout sfruttando nel miglior modo lo spazio dello schermo e disponendo automaticamente tutti gli elementi in esso cotenuti secondo uno stile compatto che fa venire in mente quello presente sull’ormai celebre Pinterest.
Tuttavia, Freetile si differenzia da altre simili soluzioni in alcuni aspetti specifici a proprio vantaggio.
La caratteristica più rilevante è quella di permettere qualsiasi dimensione degli elementi da organizzare senza l’utilizzo di una dimensione fissa stabilita per la griglia di colonne, in modo da non dovere preoccuparvi di specificare una larghezza per le stesse colonne che risulti adeguata alle dimensioni dei vostri elementi.
Una routine di animazione permette inoltre di filtrare dinamicamente gli elementi presenti in base a selettori specificati. Visualizzate la demo per vedere il plugin in azione.
Esempio di implementazione base di Freetile
1 2 3 4 5 |
$('#container').freetile({ animate: true, elementDelay: 30, selector: '.thumbs' }); |
Demo Download Info | Sito Web | Autore