CSS

The Square Grid: Un semplice framework CSS

The Square Grid - Un semplice framework CSS

The Square Grid è un semplice framework CSS per designer e programmatori, basato su 35 colonne di uguali larghezza.

E’ dotato di una griglia di base di 18 celle verticali da 28px ciascuna. Ogni blocco div viene definito con un margine di 28 px per distanziarlo dal successivo blocco e la larghezza totale della griglia è 994 pixel – che la maggior parte dei moderni monitor supporta.

Per utilizzare il framework basta collegare il foglio di stile squaregrid.css con le nostre pagine e durante la scrittura del codice assegnare classi agli elementi del documento come da esempio:

dove 8 corrisponde al numero di celle (28px ciascuna) da utilizzare come unico blocco di contenuto.

Oltre al file CSS, il pacchetto di download viene inoltre fornito di template per Photoshop, Illustrator , e InDesign e un file PDF per la stampa.

Per il download del framework e per vedere altri esempi di utilizzo visitate la pagina del progetto The Square Grid.

You might also like

LEAVE A REPLY