====== Différences ====== Ci-dessous, les différences entre deux révisions de la page.
| 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 : | ||