Emmet is a plugin for many text editors which aim to improves HTML & CSS workflow
Using abbreviations: emmet's synthaxe it 's an like CSS selectors with a few extensions specific to code generation
In running time each abbreviation is trasformed: by slightly change its name you get different result
We can quickly write bunch of code, wrap code with new tags quickly traverse and select important code parts and more"
Time is money
Users can easly add new snippets and fine-tune Emmet experience with just a Few JSON files
ImmersionEmmet source code recycled its modules to create our personnal and original actions
Emmet is written in pure js and works accross different platforms: web browser, Node.js, Microsoft WSH and Mozila Rhino
The heart of the Emmet toolkit: Abbreviation
#page>div.logo+ul#navigation>li*5>a{Item $}
instead of
<div id="page">
<divequal"logo"></div>
<ul idequal"navigation">
<li><a hrefequal" ">Item 1</a></li>
<li><a hrefequal" ">Item 2</a></li>
<li><a hrefequal" ">Item 3</a></li>
<li><a hrefequal" ">Item 4</a></li>
<li><a hrefequal" ">Item 5</a></li>
</ul>
</div>
This example illustrate the power of emmet skills: a single key stroke remplaces all of those rows code
More, in editors like Sublime Text 2, Eclipse, Espresso inter alia, plugins can generate proper tabstop marks so you can quickly traverse between important places of generated code with the Tab key.
Emmet aims to makes developping process easier and faster. Here is the link for more details
Download plugin for your editor