Bookmarklet pour afficher la grille de Foundation

Bookmark and Share
Mardi 3 avril 2012

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.


Installer le bookmarklet.

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 :

Foundation grid displayer


Aucun commentaire
Laissez votre commentaire :