the all new EMMET

EMMET (formerly Zen Coding) :

Emmet is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSL, and other structured code formats via content assist. The project was started by Vadim Makeev in 2008 and continues to be actively developed by Sergey Chikuyonok and Emmet users.

Emmet (formerly Zen Coding) is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSL, and other structured code formats via content assist. The project was started by Vadim Makeev in 2008 and continues to be actively developed by Sergey Chikuyonok and Emmet users

Features

• Familiar syntax: as a web-developer, you already know how to use Emmet. Abbreviation syntax is similar to CSS Selectors with shortcuts for id, class, custom attributes, element nesting, and so on.
• Dynamic snippets: unlike default editor snippets, Emmet abbreviations are dynamic and parsed as-you-type. No need to predefine them for each project, just type to convert any word into a tag.
• CSS properties shortcuts: Emmet provides a special syntax for CSS properties with embedded values. For example, bd1-s#f.5 will be exampled to
•  border: 1px solid rgba(255, 255, 255, 0.5).
• 
  
• 
  
• Available for most popular syntaxes: use the
  single abbreviation to produce code for most popular syntaxes like HAML, Pug, JSX, SCSS, SASS, etc.