Avr 09, 2014

Le plugin Emmet

Capture d’écran 2014-04-09 à 12.15.47

Le web regorge d’outils formidables, aussi pour les personnes qui souhaitent gagner du temps en intégration de pages web, je souhaitais vous faire partager aujourd’hui ce petit plugin bien sympathique (certainement déjà connu par pas mal d’initiés). « Emmet » c’est son nom vous fera gagner beaucoup de temps.
Autrefois connu sous le nom de « Zen Coding » c’est un outil pour les web développeur qui souhaitent optimiser le temps d’intégration en HTML et CSS.

Pour faire simple, ce plugin marche par abréviation, le plugin est très bien documenté, alors juste quelques exemples :

p*4>lorem   vous donnera 4 paragraphes en balise <p> contenant un texte lorem……………formidable non

autre exemple mon préféré:

tapez dans votre code html :  div>ul>li et vous obtiendrez ceci le code avec balise ouverte puis fermée contenant une ul et une li :

<div>

<ul>

<li></li>

</ul>

</div>

…bref que de temps de gagner, il y a plein d’infos à découvrir alors, vous savez à présent quoi faire…

Vous le trouverez ici :
http://emmet.io/

J’utilise depuis un certains temps déjà l’éditeur de code Sublime Text qui permet l’autocompletion la colorisation syntaxique et autres avantages considérables et ce plugin vient donc s’y greffer à merveille.

NOTE : pour les personnes utilisant un autre éditeur pour coder n’ayez aucune inquiétude car il peut s’installer sur coda, Espresso, Komodo Edit, Notepad++, dreamweaver et j’en passe…

80