Les petits bonheur du développeur : le Zen Coding

Les petits bonheur du développeur : le Zen Coding (le 04/08/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 : http://www.nicolas-hoffmann.net/source/1308-Les-petits-bonheur-du-developpeur-le-Zen-Coding.html

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

Ajouter un commentaire

Pseudo/Nom :

Mail :
(les adresses e-mail ne seront pas affichées sur le site)
URL :
(sera supprimée ou nofollowée en cas d'abus manifeste)
Commentaire (obligatoire) :

Obligatoire : Combien font trois plus un ? 3+1= (en chiffres)
Se souvenir de mes informations (cookie durant 1 an)

L'option "Se souvenir de mes informations" utilise un cookie, elle ne sera pas effective si vous les avez désactivés.

Les balises HTML ne seront pas interprétées, il est donc inutile d'en mettre. Par contre, les sauts de lignes de votre commentaire seront pris en compte, ne mettez donc pas de <br />, le site s'en chargera. Bien sûr, un commentaire vide ne sera pas ajouté !

L'auteur (autrement dit moi) n'est pas responsable des éventuelles fautes d'orthographe dans les commentaires.
Tout propos raciste et/ou insultant sera supprimé sans préavis. Les commentaires hors de propos destinés à faire de la pub pour des sites seront également supprimés sans ménagement.

Je vous prie de me pardonner, j'ai énormément de mal à lire le "langage" SMS, il n'est donc pas du tout interdit de s'abtenir de l'utiliser. Qui plus est, vous avez sûrement un clavier digne de ce nom et pas celui d'un téléphone portable. Ne vous gênez pas pour utiliser l'option "Prévisualiser" si vous voulez vous relire avant de poster, je vous en remercie d'avance !

Retour aux nouvelles

Haut de page
Plan du site | Accessibilité