Notepad++ : guide pratique

Zen Coding

Nicolas Liautaud

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.

Cet article est publié avec l'aimable autorisation de Nicolas Liautaud.

L'article original peut être lu sur son blog : Notepad++, Zen Coding.

Commentez

- Titre : Notepad++ : guide pratique

- Auteur : Nicolas Liautaud

- Parution : 1 août 2013

- Licence : Le contenu de cet article est rédigé par Nicolas Liautaud et est mis à disposition selon les termes de la Licence Creative Commons Attribution 3.0 non transposé. Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright ® 2013 Developpez.com.

Sommaire

- I. Présentation

- I-A. Utilisation

- Remerciements

I - 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 :

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

Pour obtenir quelque chose comme cela :

<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>

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

Animation en format "vimeo" non supportée.
Contenu uniquement consultable en ligne à cette adresse :
https://player.vimeo.com/video/7405114

Pour une explication complète de Zen Coding, voici un article écrit par son créateur : Zen Coding: A Speedy Way To Write HTML/CSS Code.

Pour information, le portage de Zen Coding dans Notepad++ a été réalisé en Python au moyen du plugin Npp Python Script.

I-A - Utilisation

Les fonctionnalités de Zen Coding sont principalement accessibles 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 Ctrl+Alt+Enter.

Remerciements

Cet article est publié avec l'aimable autorisation de Nicolas Liautaud.

L'article original peut être lu sur son blog : Notepad++, Zen Coding.