Archive for : mars, 2014

post image

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 en savoir plus à propos du Zen Coding (html+css) :
https://code.google.com/p/zen-coding/
http://en.wikipedia.org/wiki/Zen_Coding