Bookmarklet pour afficher la grille de Foundation
Dans un récent article, je vous parlais de in-browser prototyping. Si vous utilisez cette méthode et plus particulièrement Foundation, le bookmarklet que j'ai créé pourrait vous intéresser.
Le bookmarklet est très simple, il vous permet d'afficher la grille pour un site basé sur le framework open source Foundation. En phase de prototypage, c'est particulièrement pratique, on n'a pas à regarder le code pour vérifier si une div est sur trois ou quatre colonnes. Ca permet aussi de vérifier les alignements.
La grille peut être paramétrée pour s'adapter à tous les graphismes (couleur et opacité des lignes, z-index).
Ce bookmarklet comme Foundation sont sous license MIT. Les sources sont disponibles sur GitHub, n'hésitez pas à le forker.
Voici un exemple avec le site Backup Train réalisé dans le cadre du WIF12 :
