Zen Coding, comment gagner du temps

<div id="container">...<a href="#">...</a><strong>...</strong></div><span>...</span>... etc

Tout développeur de site web s'est déjà forcement arraché les cheveux sur une page HTML constituée d'une suite interminable de balises <XXX>...</XXX> plus ou moins enchevêtrées et en s'efforçant de bien indenter leur code pour ne pas oublier une foutue balise fermante...

Bref, c'est long, chiant et pas très intéressant... mais il faut le faire !

Heureusement, il existe une façon pour un peu moins se prendre la tête (je ne vous parle pas des outils comme Dreamweaver ou autres... que je n'affectionnent   pas particulièrement) non !
Je vous parle là simplement d'une autre façon de coder dans votre éditeur préféré : Le Zen Coding !

Ce code par exemple :
<div id="content">
<h1></h1>
<p></p>
</div>

Pourra s'écrire :
div#content>h1+p (un div d'id "content" contenant un h1 et un p)

Il vous suffit simplement d'ajouter l'extention à votre édteur (si elle est dispo... au pire c'est pas trés compliqué à coder) et c'est parti.

Plus d'infos sur ce site.

Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.