Boks est un éditeur de grille CSS développé avec Air (utilisable sur Windows, Mac et Linux) qui fournit une interface visuelle pour travailler avec le framework CSS Blueprint. Les frameworks sont souvent très utiles mais le paramétrage d’un pas de grille personnalisé peut s’avérer fastidieux. Outre la configuration du nombre de colonnes, de la largeur de la page et de la valeur de la gouttière, Boks permet de configurer la grille verticale en déterminant les valeurs des principales balises HTML.
L’interface de Boks
Paramétrez finement votre grille
Exporter les fichiers CSS et HTML
Lors de l’export, les fichiers CSS sont compatibles avec Blueprint en version 0.9.1 mais rien ne vous empêche de vous en servir de la grille ainsi générée pour d’autres frameworks, voire juste pour avoir les `width` et autres `margin-left`, etc. dont vous avez besoin, comme je l’ai fait ici pour la mise en place de mon nouveau thème WordPress !
Il est possible d’obtenir les fichiers CSS screen.css, print.css et ie.css ou de les rassembler automatiquement dans un seul fichier pour optimiser le nombre de requêtes HTTP
Énorme ce truc. Qd je pense que j’ai tout fais à la main pour mon prochain design, avec recompilation ruby et tout le tintouin pour changer la largeur…
Je bookmarke merci.
ah la recompilation ruby… je compatis. Avant Boks j’utilisais http://kematzy.com/blueprint-generator/ qui s’occupe de la partie grid.css 😉
Je connaissais déjà et je vous conseil (si vous ne l’utilisez pas déjà) Pixus pour calculer une zone précise sur l’écran.
Excellent, ce Pixus, merci pour le lien 🙂
Comment peut on se procurer ce merveilleux outil?
Merci
Ben il y a un lien au tout début de l’article.
Merci Bruno, je vais tester ce machin qui semble énorme. Ce commentaire surtout pour te remercier au passage pour ton excellent et incontournable blog que je lis régulièrement.