Emmet, integrez à la vitesse du CSS

Je viens de tomber sur un petit outil fichtrement pratique que je tenais à vous faire partager !

Emmet.io est un plugin multi os/multi IDE (sublime text, eclipse, coda, notepad++ etc…) permettant de générer en temps réel votre html (indenté, avec les id, les classes etc) directement via de la syntaxe css.

Par exemple taper :

div.mainBloc>ul#mainmenu.menu>li.item#item-$*4>span{Hello}

Générera le code suivant (en live si il vous plait) :

image

Inutile de dire que pour les habitués de la syntaxe CSS, et pour n’importe qui qui possède quelques notions d’intégrations, c’est un moyen simple de générer un code propre et complet 10 fois plus rapidement qu’en temps normal.

Mais ce n’est pas tout ! L’outil propose une dizaines d’autres fonctionnalités tout aussi bien pensées accessibles par quelques raccourcis permettant tout un tas de trucs comme l’encodage en base 64 d’une image, la  récupération de la taille d’une image, le comment d’un bloc d’instruction, etc etc…

Une petite vidéo avec quelques démo sur le site de l’auteur.

En plus d’être bien pensé et ultra ergonomique, l’outil a été porté sur plus de 15 IDE populaires

image

Sans compter les 7 IDE en lignes ou les 11 IDE supplémentaires ajoutés par la communauté.

A adopter rapidement.

4 réactions au sujet de « Emmet, integrez à la vitesse du CSS »

  1. Bronco Réponse

    Woohou ! \o/ Idle le retour ! ^^
    Comment ça va bien ?!
    Tu sais que c’est vachement intéressant ce plugin ? On se demande pourquoi on n’a pas eu l’idée avant !
    Hop, récup et test asap 😉

    • Idleman Auteur ArticleRéponse

      La patate et toi ? 😀
      J’aime assez le principe d’utiliser les selecteurs css oui, dans l’idéal ça serait même cool d’utiliser ça pour générer le html ET le css tant qu’a faire ^^, mais n’en demandons pas trop :p

  2. Thibaut severac Réponse

    je connaissais déjà, cependant, je ne connaissais pas la version textarea ! bientot on pourras coder directement dans un textarea, en quelques secondes 🙂

    Sinon, je conseil se plugin, je ne peux plus vivre sans 🙂

    PS: lit tes emails idleman stp 🙂 !!!!!

  3. sem seo bordeaux Réponse

    Emmet accorde donc plus d’accessibilité et de vitesse en matière de téléchargement. Il m’arrive parfois de perdre beaucoup à télécharger des images et d’autres fichiers. Je vais tester celle-ci je pense. Merci.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.