Справочник 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, ведь веб-технологии развиваются совместными усилиями целой отрасли. Нативные технологии приходят и уходят, а веб становится всё лучше и лучше с каждым годом. Мы с удовольствием будем использовать все его возможности.»

Каждый веб-разработчик использует удобную для себя среду разработки с редактором кода.
Рассмотрим 10 самых простых и самых удобных редакторов кода.

SynWrite является крутым редактором с широким спектром возможностей.
Идеей этого редактора было заключить все плюсы других HTML редакторов в одном качественно продукте. Его функциональность может быть существенно расширена с помощью дополнительных плагинов написанных на Python.

Скачать SynWrite


Programmer's Notepad — редактор предлагает современный интерфейс, который поставляется в двух типах, это светлый и тёмный. Кроме того подсветка синтаксиса очень удачная, хорошо подобрана цветовая гамма.

Скачать Programmer's Notepad


Notepad ++ — самый популярный блокнот для программиста во всём мире.
Notepad ++ имеет всё необходимое, что должен иметь текстовый редактор. Интерфейс можно настроить по Вашему желанию, а бесплатные плагины помогу расширить функционал редактора.

Скачать Notepad ++


PlainEdit.NET — редактор может открыть сразу же несколько файлов одновременно, так же могут быть добавлены плагины которые существенно расширят функции редактора, в том числе и тем оформления.
Кроме того Вы можете добавлять и изменять текст с помощью регулярных выражений, даже в тех документах, которые сейчас не открыты. Стоит отметить, что PlainEdit так же может работать с USB накопителя.

Скачать PlainEdit.NET


Sublime Text  — Это самый популярный редактор среди программистов и веб — разработчиков. Ни у одного подобного редактора не было такого триумфа как у Sublime Text 2. Его хвалят многие программисты. Редактор глубоко настраиваемый через различный разрешения и JSON файлов.

К этому популярному редактору можно найти обширные библиотеки документации как официальной так и не официальной. Учебники по Sublime Text 2 можно найти везде.

Sublime Text является частично бесплатным.

На сегодня уже появилась новая Sublime Text 3, но пока еще beta версия.

Скачать Sublime Text


Brackets — новый удобный современный редактор, о нем уже рассказывал в статье:

Подробно о Brackets

Скачать Brackets


Aptana Studio — редактор очень гибкий и его легко настроить под любые нужды, интеграция Git и встроенный терминал. Aptana Studio 3 поддерживает новейшие веб стандарты такие как HTML5 и CSS3.

Скачать Aptana Studio


NetBeans IDE — удобный, гибкий и функциональный редактор.

Скачать NetBeans
Установить UTF-8 в NetBeans необходимо открыть файл по адресу:

<NetBeans_dir>/etc/netbeans.conf

добавить в строку параметра netbeans_default_options, дополнительную опцию:

"-J-Dfile.encoding=UTF-8"

CodeLobster — удобный, гибкий и функциональный редактор.
Скачать CodeLobster


phpDesigner — удобный, гибкий и функциональный редактор.

Скачать phpDesigner