Zen coding : comment coder en HTML rapidement ?


Zen Coding est un plugin pour éditeur type Notepad++ (ou Netbeans, DreamWeaver…) pour vous faciliter la vie lorsque vous souhaitez rédiger du code HTML.
En effet une fois ce plugin installé vous n’avez plus qu’à construire votre code sous forme xPath (comme en CSS) et d’appuyer sur les touches CTRL+ALT+ENTRER pour le convertir en plusieurs éléments HTML.

Voyez plutôt l’exemple ci-dessous :

Si l’on entre le code suivant dans l’éditeur :

div#content>h1+p

Le résultat obtenu après avoir appuyé sur les touches CTRL+ALT+ENTRER sera le suivant :

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

Apercu en vidéo

Vous pouvez tester vous même le plug-in en cliquant ici

Nicolas Verhoye

Développeur Magento, Freelance

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *