The Square Grid est un framework CSS simple mais très pratique pour structurer rapidement le layout de vos sites web.

Contrairement aux frameworks CSS Blueprint ou 960 Grid System, The Square Grid se base sur une division de la page web en 35 colonnes égales.

Pratique si l'on veut positionner plus en détail nos colonnes avec quelques lignes de code HTML.

Au niveau des compatibilités navigateur, le framework supporte:

    Internet Explorer 6+
    Firefox 2.0+
    Chrome 6.0+
    Opera 9.5+
    Safari 3.0+

Son utilisation est relativement simple, il suffit de manier habillement les classes de vos divs pour placer convenablement vos blocs.

1.<div class="sg-10">
2.Block de 10 colonnes
3.</div>
4.<div class="sg-24">
5.Block de 24 colonnes
6.</div>
7.<div class="clear"></div>

Un pack est téléchargeable, comprenant:

    Une grille imprimable pour faire ses mockups / Wireframe
    La grille photoshop avec les règles déjà configurées
    La grille pour Illustrator
    La grille pour InDesign
    Des exemples de codes et de layout pour bien démarrer



Qu'en pensez-vous? Convaincu par les 35 colonnes ?

LIEN