Emmet – A Toolkit For Improving HTML & CSS Workflow

You may have heard of Zen Coding before and it now has a new name and website: Emmet.io.

Emmet is an editor plugin which has versions for many popular editors like Notepad++, Aptana, Coda, TextMate, Komodo Edit and more.

Once installed, using a CSS-like syntax, it is possible to create bulk HTML and CSS code (or nay other programming language code) with a single line for coding quickly.


For example, it can transform this command: ul#nav>li.item$*4>a{Item $} into an HTML unordered list with 4 items.

It can also generate Lorem Ipsum text and much more complex outputs than the example above.

There are various actions integrated for fastening the stuff more like splitting-joining, merging lines, browsing through important code points, etc.

  • Cool plugin. Make sure you don’t have the previous “Zen-Coding” (internally called “NPPScripting”) plugin for Notepad++ installed or you’ll get an access violation and a crash.