Справочник EMMET сокращений или шпаргалка EMMET представляет собой сборник всех комбинаций команд или аббревиатур широко известного плагина для ускорения верстки.

EMMET может все использоваться совместно с такими редакторами, как Sublime Text, PHPStorm и WebStorm, NetBeans, Eclipse, Aptana, Coda, TextMate, Komodo Edit, Notepad++, CodeMirror, Brackets, Adobe Dreamviewer и Ace

оф. сайт: http://emmet.io/


Базовый синтаксис EMMET

Дочерний: >
Соединение: +
Поместить выше (в дереве HTML): ^
Группировать: ()
Умножение: *
id и class
Атрибуты: []
Текст: {}

Отдельно рассмотрим HTML сокращения.

!
a:link
a:mail
base
br
link
link:css
link:favicon
link:rss
meta:utf
meta:vp
meta:compat
script:src
img
ifr
emb
obj
map+
area
form:get
form:post

Оф. сайт. brackets.io
Brackets — удобного редактировать код HTML+CSS+JS

Популярные горящие клавиши:

Ctrl + Alt + P — интерактивный просмотр
Ctrl+k — help
Crtl+пробел — подсказка
Crtl+E — помошник
Alt+C — Html marks

Полезные дополнение:
Emmet.io
CssFier
minifier
beautify
eqFTP
QuickFormTool
Brackets Snippets
Response for Brackets

Если использовать для PHP, то можно установить расширение PHP Debug