960 grid system
Une connaissance a récemment attiré mon attention sur ce projet libre. Je dois bien avouer qu’au départ je n’y ai rien compris, la doc semblant pratiquement inexistante, et le site officiel assume qu’on sait déjà ce qu’est le projet (ce qui est assez fort).
Je vous passe le pourquoi du comment d’un tel système, n’étant pas designer pour un sou ; il suffira de dire que le CSS pré-défini rend le prototypage et la création de designs vite faits beaucoup plus rapide.
Le concept est simple. Il repose sur l’utilisation d’une grille en 960px à 12 ou 16 colonnes. Les éléments du site seront alors alignés dans cette grille pour un rendu du meilleur effet.
Le projet propose un package avec une suite de classes CSS pour faciliter la mise en oeuvre, et des templates pour Gimp et d’autres logiciels moins libres pour aider les designers purs et durs.
Au niveau du template CSS, il est assez simple de s’en servir. On définira un conteneur dans la page (ou plusieurs) avec comme classe container_12 (pour un 12 colonnes) ou container_16 et les éléments à l’intérieur seront quant à eux de classe grid_1, grid_2 ou grid_n, où n est la largeur désirée (en colonnes bien sûr).