Vous aviez une idée de site internet intéressante, la mise en page est étudiée. Une fois quelques articles copiés sur le serveur, vous vous rendez sur la page d’accueil pour vous faire une idée de l’effet que votre site procurera à un visiteur lambda. Quelques connaissances sont présentes, et les remarques fusent : pourquoi placer l’article à cet endroit, les teintes à tel et tel endroit jurent, l’ouverture du menu prend trop de temps, la galerie d’images rame … bref, une solution s’impose, un outil qui permettrait d’éviter les aller-retour incessants entre les fichiers (html, php, javascript, css …) et la visualisation du résultat dans votre navigateur.
GRID SYSTEM
Au commencement du web, le design d’un site était uniquement assuré par des tables html, qui offraient peu de souplesse. Le format CSS (« Cascading Style Sheets » ou feuille de style) devint ensuite le nouveau standard : il permit de séparer le contenu (html, php, etc) de la forme (css). Malgré le but avoué de séduire les développeurs avec moins de code html, ce format réclame toutefois encore beaucoup de code superflu. Les éléments DIV ont remplacé les tables, mais restent imbriqués.
L’idée du système de grille, (le plus populaire étant 960 Grid System, 960.gs) même s’il demande de générer beaucoup d’éléments DIV et d’attributs de classe, permet une simplification du code et son adaptation aux différents systèmes de navigation...