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