Zen Coding est un ensemble d’outils pour optimiser le temps du codage HTML et CSS. En effet, il vous permettra de « Générer » du code HTML a partir d’une abréviation, exemple:

1

div#content>h1+span

donnera

1
2
3
4

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

Intéressant non? A l’origine, ZenCoding était propose par Vadim Makeev , il a été développé depuis Avril 2009 par  Sergey Chikuyonok. ZenCoding consiste en deux composants: un gestionnaire d’abréviations (les abréviations sont en quelques sorte des sélecteurs CSS), et un gestionnaire de concordance de tags HTML.

Plusieurs plugins existent en support complet:

• Aptana (eclipse);
• Coda, via TEA for Coda (Mac);
• Espresso, via TEA for Espresso (Mac);

et en support partiel comportant uniquement l’expansion des abréviations:

• TextMate (Mac, et peut être utiliser avec  E-text pour Windows);
• TopStyle;
• Sublime Text;
• GEdit;
• editArea;

Une demo de l’éditeur online existe : ICI

Une vidéo présentant les fonctionnalités (Anglais) :