Boks — Éditeur visuel de grilles CSS pour Blueprint, etc.

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

Fenêtre principale de Boks pour placer les blocs de votre design après avoir déterminé votre grille de mise en page.

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