Les petits bonheur du développeur : le Zen Coding (le 4 août 2010)

Même si ça n'est pas nouveau, je le blogue pour ceux qui auraient échappé à cette petite pépite.
Je vous invite à y jeter un oeil à une vidéo présentant le Zen Coding, si vous ne connaissez pas. Cette méthode est très agréable et plutôt puissante pour coder du HTML.

Un court exemple, vous tapez l'expression : div#page>div.logo+ul#navigation>li*2>a[title=""]

Et cette expression se remplace par le code :


<div id="page">
  <div class="logo"></div>
  <ul id="navigation">
   <li><a href="" title=""></a></li>
   <li><a href="" title=""></a></li>
  </ul>
</div>

Il existe des plugins pour les éditeurs usuels, pour ma part, j'utilise Pspad.
Le projet est hébergé sur Google Code : Zen Coding (Google Code).

En tout cas, j'essaie de prendre l'habitude, c'est vraiment pratique et efficace !

Permalien : https://www.nicolas-hoffmann.net/source/1308-Les-petits-bonheur-du-developpeur-le-Zen-Coding.html

Flux RSS des commentaires de ce billet : https://www.nicolas-hoffmann.net/rss/commentaires.php?id_news=1308

13 commentaires

Posté par Alf le 04/08/2010 à 16:18:53

Oui, mais alors pour le débugging, merci bien !
Je préfère mes bonnes vieilles indentations, au moins, c'est plus clair ! (Oui, je suis un "vieux" développeur allergique au progrès :-P)

Posté par Nico le 05/08/2010 à 9:34:13

C'est pas compliqué à débugger, en fait, ça te remplace l'abréviation par le code bien indenté. C'est juste pour saisir plus vite.

Posté par chris le 14/12/2010 à 8:21:43

Bonjour
J'utilise également PsPad mais pour que ça fonctionne il faut que j'ouvre le menu Scripts puiis Zen Coding et enfin l'option Expand Abbreviation.
Y-a-t-il une manipulation particulière à effectuer pour que le raccourci (Ctrl+,) soit opérationnel ?
Merci

Posté par Nico le 19/12/2010 à 18:23:55

Je ne sais pas, je n'ai pas réussi à faire fonctionner ce raccourci. J'ai attribué la combinaison CTRL * pour le faire fonctionner.

Sinon, tu as Ctrl Maj Alt A qui te demande une expression, mais c'est un tout petit peu moins pratique. Je m'en sers quand je veux encadrer du code, je le sélectionne, ctrl maj alt A, j'indique juste la balise, et ça encadre tout seul.

Posté par Slayer le 27/10/2012 à 10:55:23

Bonjour,
J'ai installé zencoding dans script/JScript mais sa ne fonctionne pas

Comment attribuer le raccourci? Ou est le menu script dont parle chris?

Merci

Posté par Nico le 27/10/2012 à 12:20:00

Slayer : sous PsPad ou Notepad++ ?

Posté par Slayer le 27/10/2012 à 13:31:26

PsPad! Sous NotePad++ c'est expliqué de partout ^^

Posté par Nico le 27/10/2012 à 14:02:42

Normalement, une fois copié dans script/Jscript, il te suffit de lancer PsPad, et dans la barre où y a Fichier/Projets/etc, tu as scripts, et y a le Zen Coding.

Posté par Slayer le 27/10/2012 à 14:48:41

Ah... Et bien je dois avoir un problème... J'ai la dernière version de PsPad et voici ce que j'ai:
http://img15.imageshack.us/img15/9652/sanstitre1zhy.jpg
J'ai mis ce fichier : http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-PSPad.v0.7.zip
à cette emplacement : C:Program Files (x86)PSPad editorScriptJScript et redémarrer mais rien...

Posté par Slayer le 30/10/2012 à 17:50:12

Pas de réponses?

Posté par Nico le 30/10/2012 à 17:51:01

Tu as dézippé le fichier bien sûr ?

Posté par Slayer le 30/10/2012 à 20:57:40

oui oui

Posté par Kyodev le 08/04/2013 à 17:27:38

réponse tardive, mais cela pourra servir à d'autres.

j'ai eu ce problème avec pspad et emmet (sucesseur de Zen Coding), le raccourci 'Ctrl+,' ne fonctionne pas, alors qu'il n'est pourtant pas attribué (pb clavier azerty?).
comme Nico l'indique, mais sans expliquer comment, il faut réattribuer le raccourci en modifiant la ligne 13870 pour emmet.js du 11/003/2013:
addMenuItem('Expand Abbreviation', menu_name, 'emmet_expandAbbreviation', 'Ctrl+*');
(au lieu de ...'Ctrl+,');
cela ne cible pas l'* du clavier numérique
Outils/Recompiler les scripts pour finaliser et utiliser sans redémarrer.

le successeur emmet se trouve ici:
emmet.io

Les petits bonheur du développeur : le Zen Coding

Les petits bonheur du développeur : le Zen Coding (le 4 août 2010)

13 commentaires

Ajouter un commentaire