immagine avatar

Ciao come puoi notare ho dato una bella rinfrescatina al mio blog!
Attendo un tuo feedback, per suggerimenti e ulteriori proposte di miglioramento, ma anche, sperando che non ci siano, segnalazioni di errori o malfunzionamenti del blog. Buona lettura!

The Square Grid: Un semplice framework CSS

di MaiNick | 6 Ott 2010 | CSS | Commenta per primo

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:

<div class="sg-8">
  ...
</div>

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.

Tags: , ,

Lascia un Commento

^ Torna su