Emmet

Уже давно использовал, в разных редакторах, возможность генерации целых блоков html по шаблонам вида: div.class>ul+.
И вот решил выяснить про данный функционал подробнее.

Итак, это проект называется Emmet

Он поставляется в виде плагинов для множества редакторов, например:

• Sublime Text
• Eclipse
• Komodo Edit
• Notepad++
• textarea
• NetBeans
• Adobe Dreamweaver

А также и для некоторых сервисов. Полный список можно посмотреть тут

Базовые примеры синтаксиса:

Детально можно прочесть в документации

На всякий случай оставил себе копию их cheatsheet: Скачать
и сдклал небольшую выдержку: Скачать

Интересные примеры:

 
.col*3>{$}

 
<div class="col">1</div>
<div class="col">2</div>
<div class="col">3</div>