Approuvés: 0/1
======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>.