Actualité web, solution Saas, CMS, eCommerce, Framework (Zend, Symfony, CSS), avec une pointe de SEO.

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 :

Posté le 14 Avr 2017 par Michael
  • emmet, plugin
  • 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.
    Auteur : Michael ( / Twitter )

    Commentaires publiés 0

    Écrivez-nous

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