IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Notepad++ : guide pratique

Zen Coding

Image non disponible

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.

21 commentaires Donner une note à l´article (5)

Article lu   fois.

L'auteur

Site personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

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 :

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

Pour obtenir quelque chose comme cela :

 
Sélectionnez
<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 :

Zen Coding

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.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

Licence Creative Commons
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.