Le code HTML/CSS à toute vitesse ! | Carnet de Gilles Gissinger, consultant web

Le code HTML/CSS à toute vitesse !

Publié le 26 nov 2009 par leGizz dans Web & co

Le code HTML et CSS est souvent long et fastidieux à saisir, il faut ouvrir puis refermer des balises, placer des guillemets etc… Il existe, fort heureusement, une multitude d’outils qui permettent de simplifier la vie du développeur web (ou intégrateur), la plupart des logiciels d’édition HTML/CSS proposent par exemple l’auto complétion du code (vous saisissez les premiers caractère le soft vous propose la suite).

Cependant, il reste encore beaucoup de travail pour nos petits doigts fragiles s’usant à tapoter sur les claviers. C’est là qu’interviens Zen Coding, un plugin pour (Aptana, TextMate, Coda ou encore Espresso) qui vous permet d’abréger très sérieusement votre code !

Pour faire simple, Zen Coding vous permettra de saisir :

div#content>h1+p

Pour afficher ensuite cela

<div id="content">
<h1></h1>
<p></p>
</div>

Une vidéo de présentation vous en dira plus que de longs discours :

Si vous voulez tester le « bignou », la démo jouable en ligne est franchement sympa : http://zen-coding.ru/demo/ (javascript must be activitated).

Qu’en pensez-vous ? Vous avez testé ?

J’ai découvert Zen Coding sur Smashing Magazine, voir l’article complet (en english) pour plus d’information.

Tags : css, développement, html