Brackets

Одним из путей современной веб-разработки является создание связи между дизайном и реализацией. Brackets – это редактор исходного кода HTML, CSS, и JavaScript, разработанный Adobe, и стремящийся придерживаться вышеописанного подхода. Он предлагает разнообразные инструменты, чтобы ускорить процесс веб-разработки, и улучшить преобразование макета в графическом редакторе в конечный продукт на выбранном языке.

Это приложение с открытым исходным кодом имеет простой и понятный интерфейс. Оно умеет автоматически распознавать код, раскрашивая его и делая отступления, чтобы облегчить вам работу по его написанию. Вы можете упорядочить все элементы в вашем проекте в дерево категорий, в котором объединены вместе графические элементы и код.

Одной из наиболее интересных возможностей является режим динамического просмотра, в котором вы можете открыть свой проект в браузере и сразу же видеть все изменения, вносимые в исходный код. Функциональные возможности редактора можно расширять с помощью сторонних дополнений. Одно из них под названием Extract for Brackets, устанавливается вместе с приложением, и позволяет экспортировать информацию о форматировании в PSD-файл для Photoshop. Правда для этого вам потребуется зарегистрировать аккаунт в Adobe.