======Zen Coding======

Zen Coding est une méthode d'écriture permettant de créer rapidement une structure HTML/CSS, existant sous forme d'extension pour tous les principaux éditeurs de texte et environnements de développement (Notepad++, Dreamweaver, VIM, Eclipse, Aptana, Gedit, Emacs, Espresso...).

Page du projet : http://code.google.com/p/zen-coding

=====Présentation=====

Sa syntaxe, basée sur la syntaxe CSS, est très simple à maîtriser, et vous permettra d'écrire quelque chose comme cela :
<Code:html>
div#page>div.logo+ul#navigation>li*5>a
</Code>

Pour obtenir quelque chose comme cela :
<Code html>
<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>
</Code>

Le meilleur moyen de saisir l'étendue de ses capacités est d'en regarder la  démonstration vidéo :

{{ vimeo>7405114?500x350 }}

Pour une explication complète de Zen Coding, voici un article écrit par son créateur : http://www.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code .

Pour information, le portage de Zen Coding dans Notepad++ a été réalisé en Python au moyen du plugin [[http://sourceforge.net/projects/npppythonscript|Npp Python Script]].

===Utilisation===

Les fonctionnalités de Zen Coding sont principalement accessible par raccourcis clavier et par le menu //Compléments -> Zen Coding - Python//.

La fonction principale, consistant à transformer la syntaxe tapée en une structure HTML complexe, doit être appelée lorsque le curseur d'édition est situé à proximité de la formule au moyen du raccourci <key>Ctrl+Alt+Enter</key>.