Magento

Ajoutez une ligne :

 div#page>div.logo+ul#navigation>li*5>a

et transformez la en appuyant sur un raccourci clavier :

 <div id="page">
      <div class="logo"></div>
      <ul id="navigation">
              <li><a href=""></a></li>
              <li><a href=""></a></li>
              <li><a href=""></a></li>
              <li><a href=""></a></li>
              <li><a href=""></a></li>
      </ul>
 </div>

Vous obtenez votre code développé à partir d’une stucture similaire aux déclaration “css”.

Zen coding supporte officiellement quelques éditeurs majeurs :

• aptana/eclipse/zend/
• textmate
• espresso
• komodo edit
• notepad++
• Pspad

and des application tierces :

• Dreamweaver (Windows, Mac)
• Sublime Text (Windows)
• UltraEdit (Windows)
• TopStyle (Windows)
• GEdit (crossplatform) — Franck Marcia’s plugin, Mike Crittenden’s plugin
• BBEdit/TextWrangler (Mac) — external download
• Visual Studio (Windows) — external download
• EmEditor (Windows) — external download
• Sakura Editor (Windows) — external download
• NetBeans (crossplatform)

• ntelliJ IDEA/WebStorm/PHPStorm (crossplatform)
• Emacs (crossplatform)
• Vim (crossplatform)
• ReSharper plugin for Visual Studio

Vous pouvez trouver plus d’infos concernant “zen coding” :

http://code.google.com/p/zen-coding/