Vai al contenuto

Griglia personalizzabile

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.

[Download non trovato]

Sito autore e demo: http://devgrow.com/griddy-overlay/

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi