Бесплатный редактор для верстки Brackets от Adobe

Здравствуйте, уважаемые посетители сайта ZametkiNaPolyah.ru. Продолжаем рубрику бесплатных полезных программ и ее раздел бесплатные текстовые редакторы. Вашему вниманию ранее предлагался список бесплатных текстовых редакторов для верстки HTML макетовЕще на моём сайте вы сможете найти описание трех редакторов: кроссплатформенный редактор jEdit, сверхрасширяемый редактор Sublime Text 2 и бесплатный редактор на каждый день Notepad++. Сегодня мы познакомимся с бесплатным и очень удобным редактором для вёрстки Brackets  от Adobe.

Бесплатный редактор для верстки Brackets от Adobe

В отличие от Apple, Adobe, кажется, любит обнародовать свои разработки ещё на проектном этапе их внедрения. Это и хорошо, и плохо. Пользователю любопытно заглянуть «на кухню» Adobe. Правда, жаль тратить время на освоение проекта, который впоследствии порой так и не реализуется, а просто бесследно исчезает. Столь же малоприятно опробовать в работе раннюю бета-версию какого бы то ни было программного продукта. Допускать пользователей к работе с едва функционирующей модификацией вашего ресурса рискованно — можно отбить у них всякий интерес к окончательному варианту. Такие мысли, наверное, посещали многих, когда Adobe анонсировал бесплатный редактор для верстки Brackets.


Бесплатный редактор для верстки Brackets от Adobe

Как бы то ни было, Adobe часто предлагает публике свои лишь готовящиеся к запуску разработки, а последний пока пример таковой — текстовый редактор для верстки под названием Brackets. По заверениям представителей Adobe, это приложение будет открытым, инновационным, позволяющим целенаправленно решать конкретные задачи и расширяемым. Оправдает ли редактор для верстки Brackets столь высокие ожидания?

Что такое бесплтный редактор для верстки Brackets?

Домашняя страница редактора Brackets преподносит нам данное приложение как «редактор кодовой основы с открытым исходным кодом, сконструированный с помощью веб-средств для веб-среды». Имеется в виду способ его построения средствами HTML, CSS и javascript, а значит, и его максимальная податливость к расширению и модификации. Здорово, тем более, что исходный код его 100 % открытый.

Открытый исходный код Brackets — особенность весьма примечательная. Не припомню, чтобы корпорация Adobe когда-либо вообще всерьёз тратила время и силы на разработку бесплатных приложений с открытым исходным кодом. Похоже, мы наблюдаем историческое событие, интересно, каковы будут его последствия?

Проект редактора для верстки Brackets сам по себе уже является достойным ответом на эти упрёки. Если чем и можно расположить к себе веб-дизайнерское сообщество, так именно шагом навстречу ему с неким гостинцем, с которым всем интересно повозиться и внутрь которого можно заглянуть. Кроме того, редактор Brackets — проект, (наконец-то!) специально предназначенный программистам, не WYSIWYG-полуфабрикат, рассчитанный на полное вытеснение программирования из процесса веб-проектирования. Кому, как не Adobe, разрабатывать текстовые редакторы в качестве отраслевых стандартов — так нет же, возглавляет их список продукция вовсе не с «Adobe-конвейера»: Sublime Text, Textmate, Coda, Espresso; все эти названия гораздо более на слуху, чем Adobe.

Установка редактора для вёрстки Brackets

Поскольку редактор Brackets — проект с открытым исходным кодом, его текущее размещение на Git Hub вполне объяснимо. То есть, любой вооружённый знанием CSS, HTML и javascript мастер может подключиться к проекту, внеся в его развитие свою лепту. Adobe, вообще-то, даже делает упор на коллективный способ реализации данного проекта. Если вы заметите в нём некие недочёты, смело исправляйте их!

При желании лично опробовать редактор Brackets в деле откройте страницу проекта, найдите раздел скачивания и позаимствуйте оттуда .zip-файл. Будьте готовы к тому, что ресурс представляет собой нечто не вполне привычное, ведь приложение ещё очень «сырое» и совсем не предназначено для использования в обычном режиме. Скачав .zip, откройте его, и увидите целый массив файлов. Само приложение хранится в папке “bin” («корзина»), а зачем же там всё прочее?

Остальные файлы как раз и содержат исходные коды. Поскольку данное приложение сконструировано средствами HTML, CSS и javascript, оно не является «родным» своей программной среде, оно лишь снабжено «родной» ей «обёрткой» для облегчения ему доступа к локально сохраняемым файлам. Имея прямой доступ ко всем исходным данным, вы можете сразу же открывать нужные файлы и вносить в них изменения. Запросто!

Работа с редактором для вёрстки Brackets

Открыв редактор для верстки макетов Brackets, вы сразу заметите, что Adobe очень старается уйти от своей привычной «панельной» модели интерфейса — загромождённой иконками, значками инструментальных меню, списками опций и т. п. Явно видя во всей этой всячине «архитектурные излишества», попросту затрудняющие веб-проектирование, разработчики корпорации предпочли строгий двухстолбцовый интерфейс, показанный ниже.

Как видите, данный сервис смотрится довольно браво, а его пользовательский интерфейс сильно напоминает столь знаменитый интерфейс Лорена Брихтера (Loren Brichter) с тёмной боковой панелью и светлым центром. Опции меню пока доступны через окно приложения, но это временное неудобство, оно будет устранено в дальнейшем. Функция синтаксического выделения настроена и запущена, окно просмотра файлов слева вполне симпатичное, только, что же тут новаторского?

Беглое радктирование в  Brackets

Представители Adobe уверяют, что у них масса идей по превращению редактора для верстки Brackets в действительно новаторский текстовый редактор. С учётом того, что данный сегмент рынка уже в течение нескольких лет испытывает настоящий инновационный голод (одним Sublime Text 2 сыт не будешь), радоваться определённо есть чему.

К сожалению, степень новизны проекта такова, что в данный момент его и сравнить почти не с чем. Всё же, пару нюансов рассмотреть стоит, первый из них — Quick Edit. Скажем, просматриваете вы вашу HTML-кодировку, и вам вдруг срочно требуется внести некую CSS-правку. В любом другом текстовом редакторе вам бы пришлось открывать для этого CSS-файл. Brackets же позволяет вам обойтись наведением курсора на класс и нажатием клавиш Command+E для вызова функции Quick Edit.

Как видите, HTML-кодировка раздвигается, являя взору скрытый CSS-уровень. Справа отображаются CSS-правила, задающие свойства выбранного вами класса. Выбирайте нужное простым кликом по нему и редактируйте текст слева, обновляя тем самым данные вашего .css-файла. Не случайно я так часто повторял, что Brackets — редактор для верстки веб-страниц.

Очень даже удобно, и все мы действительно ждали от разработчиков текстовых веб-редакторов именно такой свежей новаторской идеи. Надеемся вскоре увидеть ещё больше подобных находок.

Предварительный просмотр текущей правки (Live Preview) в редакторе для вёрстки Brackets

Ещё одно ценное новшество — возможность «примерять» ваш HTML-документ на браузер. Окно предварительного просмотра результатов текущей правки документа в вашем браузере открывается кликом по значку молнии в правом верхнем углу. В этом окне будут отображаться все последующие изменения — внося правку в CSS-структуру страницы, вы сможете на ходу наблюдать результаты её применения. В кнопке «Обновить» вообще нет необходимости. Очень удобная функция при верстке макетов в редакторе Brackets, не так ли?

На данный момент опция работает только для Chrome и позволяет править только CSS. Если вы решите править непосредственно разметку, то вам придётся обновлять страницу вручную. Повторяю, эти неудобства нам, видимо, терпеть недолго.

Выводы о редакторе для верстки Brackets

Давать оценку редактору Brackets на данном этапе явно рановато, однако, разработчики Adobe вынесли сервис на суд общественности, так что, прилюдно обсудить его достоинства, по-моему, вполне уместно.

В своём нынешнем виде редактор Brackets совершенно не годится для повседневного использования. Сервис «зависает», сбоит, ведёт себя непредсказуемо; все прелести недоработанной бета-версии налицо. Далее, порадовать пользователя ему особо нечем, разве что, опцией Quick Edit. Даже стандартные функции, без которых немыслим профессиональный редактор, всё ещё в процессе добавления: переключение в режим разделённого экрана, возможность многократного выделения фрагментов и т. д.

При всём при том, текущее состояние проекта — не главное, гораздо важнее его будущее. У редактора Brackets есть все шансы превратиться в нечто грандиозное, если его доведут до ума настоящие умельцы. Sublime Text продемонстрировал нам, насколько расширяют возможности обычного текстового редактора податливость к адаптации и богатство модульной архитектуры. Brackets продолжает и развивает эту традицию. Если Adobe не забросит этот проект и хотя бы пару лет будет заниматься им достаточно плотно, то мы получим шикарный текстовый редактор.

Подведём итоги: отрадно видеть, что подход Adobe к реализации проекта, рассчитанного на веб-разработчиков, выбран с учётом интересов этих самых веб-разработчиков, и я надеюсь, корпорация данный проект не загубит.

Рекомендую посмотреть и почитать: