Zen Coding HTML

Ma formule préférée en Zen coding: !>(header>div#banner>(a[href=page$.htm]>img[src=”path$.jpg”])*3)+(aside>ul>li>p*3>lorem)+(article.module*4>p*2>lorem)+footer>ul>li>a[href=”#”]*5 Cette ligne va générer une page en HTML 5 avec un header contenant 3 images pour un slider, une conteneur aside (habituellement une présenté en sidebar), 4 articles, et un footer contenant 5 liens. Soit la base d’un site vitrine classique, à adapter selon ses besoins…   Pour

Read More →

Sauvegarder une page HTML avec son CSS et ses images

L’extension Scrapbook pour Firefox fait très bien le boulot, à savoir sauvegarder une page, les images incluses, ainsi que toutes les images référencées par les feuilles de style. Extrêmement utile lorsqu’on a besoin de créer une maquette basée sur un site existant. https://addons.mozilla.org/fr/firefox/addon/scrapbook/