Emmet, comment ça marche ?

Emmet vous permet de gagner du temps lorsque vous écrivez du HTML / CSS.
Nous allons découvrir (ou revoir) quelques exemples d’utilisations d’Emmet.

Pour celles et ceux qui ne connaissent pas le plugin Emmet : wikipedia (en)

Exemples d’utilisation d’Emmet en HTML :

Voici quelques raccourcis :

  • ul>li*3>a.my_class{Item $}
  • header+article*3+footer
  • #thidID
  • nav#navbar
  • .thidClass
  • article.post
  • div.class_1.class_2.class_3
  • lorem*2
  • lorem5
  • html:5
  • #page>div.logo+ul#navigation>li*5>a{Item $}

Exemples d’utilisation d’Emmet en CSS :

Divers :

Michael

Développeur / intégrateur, travaillant en agence web depuis 2005, je viens à présent vous proposer de venir découvrir mes créations personnelles de plugins / themes pour le CMS Wordpress & Prestashop, quelques solutions en mode SAAS & un peu d'actualité web ( / Twitter).

Vous aimerez aussi...

Laisser un commentaire

Votre adresse de messagerie 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.