Spesso quando si disegna il layout di un sito, si vogliono avere un numero X di colonne distanziate Y pixel tra loro.
Solitamente tali calcoli sono fatti a mente o con la calcolatrice. Griddy è un semplice plugin per jQuery che calcola automaticamente la larghezza delle colonne e l’altezza delle righe in base al numero di righe o colonne che devono essere presenti nella pagina e sovrappone sulla pagina stessa una griglia di dimensioni appropriate.
Si può anche calcolare l’altezza delle righe e la larghezza delle colonne automaticamente in base al numero di righe e/o colonne e lo spaziotra di loro. Il plugin è personalizzabile con alcune opzioni, tra cui: file, altezza della riga, distanza tra le righe, colonne, altezza della colonna, larghezza delle colonne, colore e opacità.
Tutto lo stile è creato al volo al fine di evitare il collegamento a un file CSS esterno o di dover usare immagini. I numeri in alto sono la larghezza delle colonne, i numeri che scorrono lungo il lato sinistro sono l’altezza delle righe. Potete anche dare un’occhiata a 960.gs overlay, un plugin sempre per jQuery che crea una cosa simile.
Sito autore e demo: http://devgrow.com/griddy-overlay/
Popolarità: 9%
