notepadpp:plugins:zen_coding

====== Différences ====== Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Prochaine révision
Révision précédente
notepadpp:plugins:zen_coding [2015/02/24 16:43]
127.0.0.1 modification externe
notepadpp:plugins:zen_coding [2015/02/26 14:25] (Version actuelle)
nliautaud
Ligne 1: Ligne 1:
-======Notepad++, ​Zen Coding====== +======Zen Coding======
- +
-{{http://​notepad-plus.sourceforge.net/​commun/​images/​chameleon-pencil-big.png }}+
  
 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...). 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...).
Ligne 10: Ligne 8:
  
 Sa syntaxe, basée sur la syntaxe CSS, est très simple à maîtriser, et vous permettra d'​écrire quelque chose comme cela : 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>+<Code:html>
 div#​page>​div.logo+ul#​navigation>​li*5>​a div#​page>​div.logo+ul#​navigation>​li*5>​a
-</code>+</Code>
  
 Pour obtenir quelque chose comme cela : Pour obtenir quelque chose comme cela :
-<code html>+<Code html>
 <div id="​page">​ <div id="​page">​
         <div class="​logo"></​div>​         <div class="​logo"></​div>​
Ligne 26: Ligne 24:
         </ul>         </ul>
 </​div>​ </​div>​
-</code>+</Code>
  
 Le meilleur moyen de saisir l'​étendue de ses capacités est d'en regarder la  démonstration vidéo : Le meilleur moyen de saisir l'​étendue de ses capacités est d'en regarder la  démonstration vidéo :