Pour ceux qui ne connaissent pas encore, il existe des framework CSS, ils permettent de mettre en place rapidement et efficacement des designs tout en étant compatible avec tous les navigateurs et les problèmes que l’ont peut avoir, principalement avec IE.

Un framework css reprend donc les principales déclarations que nous avons besoin lors de la création d’un site internet, et une couche est rajoutée pour avoir un rendu simple et rapide avec quelques lignes de codes.

Crédit http://bidouilleur.com/grille-css-en-moins-d-1ko/

Une des notions importantes avec les frameworks CSS est l’utilisation de grille, en effet le but est de structurer l’information sur votre site.

Réaliser simplement des div qui feront 25,50,75% de la largeur de votre page sans vous soucier des alignements, des float, retour à la ligne etc… Le framework CSS gère tout cela pour afficher comme sur l’image à coté.

Ces fonctions font gagner un gain fou, permettent d’être réutilisé pour n’importe quel projet sur lequel vous travaillez. De plus on peut imaginer utiliser quelques fichiers de style pour plusieurs projets et héberger ces fichiers sur des serveurs du genre Amazon pour les distribuer encore plus rapidement lors du chargement de page.

Par défaut, dans le framework CSS que j’ai choisi la taille d’une grille est de 960 divisé en 24 sous grille.

A quoi cela correspond-il ?

Tout simplement, lorsque vous voudrez avoir une div qui fasse toute la longueur de votre site, soit 960px il faudra utiliser dans le cas de BluePrint <div class= »span-24″></div>, pour une div de 480 <div class= »span-12″></div>.

Et oui cela est aussi simple que ces quelques lignes pour créer une structure à votre site internet.

Un gros inconvénient vient du fait que si vous voulez utiliser le framework CSS il faut redéfinir les 24 valeurs des div pour avoir une structure cohérence, très long me direz vous ! C’est là qu’intervient Boks, un utilitaire qui rendra plus d’un webmaster/webdesigner heureux. En plus de la facilité de programmation avec les framework CSS ils sont entièrement personnalisable.

Grâce à Boks, vous pouvez recréer votre framework CSS selon vos besoin, choisir le nombre de colonne, choisir la taille totale de votre site, définir la taille des margin, padding et pleins d’autres options.

En quelques minutes grâce à BluePrint et Boks vous pouvez créer la structure de votre site et l’adapter à n’importe quelle découpage tout en gardant une structure cohérente et solide vis à vis des bugs et des contraintes de rendu entre chaque navigateur.

Plus de lecture avec un Pealrtree sur les framework CSS, Boks …