Справочник 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

Atom — современный редактор кода (A hackable text editor for the 21st Century).
оф. сайт: https://atom.io/

Видео обзор данного редактора

Популярные плагины для веб разработки:

• atom-beautify
• autocomplete-html-entities
• color-picker
• emmet
• git-plus
• minimap
  
  

Немного об Atom. Данный редактор кода разработан Гитхаб (github).

Atom не является обычным веб-приложением. Это специализированный вариант браузера Chromium, переделанный так, чтобы быть в первую очередь текстовым редактором, а не веб-браузером. Каждое окно Atom — это отдельная локальная веб-страница.

За такими проектами будущее, как говорят сами разработчики: «Мы уверены в будущем платформы, на которой построен Atom, ведь веб-технологии развиваются совместными усилиями целой отрасли. Нативные технологии приходят и уходят, а веб становится всё лучше и лучше с каждым годом. Мы с удовольствием будем использовать все его возможности.»

Главное преимущество редакторов онлайн, это просмотр готового варианта в реальном времени.
После создания аккаунта, Вы можете зайти, посмотреть код и отредакторовать его, с любого места, где есть интернет.

Итак, список редакторов:
http://www.cssdesk.com/ — самый старый редактор, включает в себя html + css без js.
http://cssdeck.com/ — полноценный редактор с возможностью подключить разные библиотеки
http://jsbin.com/ — полноценный редактор, по сути похожий функционал, что и предыдущего редактора
http://jsfiddle.net/ — аналог предыдущим редакторам, одно основное отличие это дизайн.
http://codepen.io/ — еще один современный редактор.
http://rendera.herokuapp.com/ — еще один, хороший редактор для обучения, потому что, одна из вкладок это примеры, что сразу можно вставить и посмотреть код.
http://plnkr.co/ — и еще один.

Выбираете на свой вкус.

Оф. сайт. 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