Категория: Windows
Пнд, 07/03/2016 - 17:08
Текстовый редактор Brackets 1.6 – отлично подходит для верстки веб-сайтов. Это великолепный инструмент от разработчиков компании Adobe. С функцией лайвкодинга (livecoding ) вам не придется перезагружать страницу во время верстки.
В общем, внешний вид редактора можно настраивать на свое усмотрение. В нем присутствует набор стандартных тем оформления. Каждая тема меняет внешний вид окна редактирования кода. Здесь меняется как фон, так и подсветка синтаксиса. Присутствуют и темные, и светлые темы. По умолчанию, все открытые файлы и папки группируются в левой панели, но их, также, можно разместить и в виде вкладок, над открытым редактируемым файлом. То есть в Brackets все сделано таким образом, чтобы вы смогли сделать все наиболее удобным для себя.
Возможности BracketsДанный текстовый редактор разработан с помощью веб-технологий и имеет все их преимущества. Например, это кроссплатформенность. То есть вы сможете запустить Brackets на любой платформе, будь то Windows, Linux или Mac.
Brackets имеет встроенный Color Picker для определения цвета во время верстки. Красиво и быстро работает автодополнение кода, причем имеется еще и система автодополнения путей к файлам и изображениям. Это будет экономить вам кучу времени и избавит от поиска нужных файлов по папкам. Плюс, присутствует сниппет для вставки текста-рыбы (lorem ipsum).
Также, помимо встроенных функций Brackets вы сможете расширить его функциональность при помощи плагинов. В маленьком вертикальном столбике справа есть иконка, похожа на элемент конструктора lego. При нажатии на нее откроется модальное окно со списком всех доступных плагинов. Их установка занимает всего несколько секунд и производится нажатием лишь одной кнопки.
Наверное, самой важной и отличительной особенностью Brackets является функция livecoding. которая отображает все изменения в коде сразу на веб-странице. Данная функция реализована здесь отлично. Это не банальная перезагрузка после внесения изменений, это именно лайвкодинг. Чтобы запустить ее нужно нажать на иконку в виде молнии в правой панели редактора. Это действие откроет в браузере файл для живого просмотра. Также, здесь можно включить функцию подсветки на странице того места где вы находитесь в коде. Это очень удобно и при частой работе с ней экономит для вас массу драгоценного времени.
Несмотря на весь такой богатый функционал, Brackets можно скачать бесплатно. Он отлично подойдет для повседневной работы и станет хорошей заменой вашему нынешнему редактору.
Версия: Brackets 1.6
Статус: Бесплатно
Язык: Русский
Автор: Adobe
Система: Windows
Размер: 36.7Mb
Brackets — бесплатный редактор для web-дизайнеров и разработчиков. Преимущественно предназначен для написания и редактирования HTML, CSS и JavaScript кода.
Интерфейс редактора выполнен качественно и стильно. Общее оформление, цвета и шрифты подобраны очень хорошо. Слева расположена навигационная панель со списком файлов. Справа рабочая область, в которой вы редактируете файлы. Вы можете разделить рабочую область на две части по вертикали или по горизонтали и открывать различные файлы в них.
При первом запуске программы сразу открывается HTML-файл с кратким описанием возможностей и интересных функций Brackets. Помимо этого доступен пример CSS файла.
Brackets обладает несколькими очень полезными и удобными функциями. Например, есть возможность быстрого редактирования CSS свойств: вы редактируете HTML файл, переводите курсор на какой-либо тег и нажимаете Ctrl+E. После этого сразу же всплывает удобное окошко для редактирования CSS свойств данного тега, при этом сам CSS файл не открывается. Аналогично можно вызвать окно для подбора цвета. Отмечу, что открывается не отдельно окно, а область редактирования появляется прямо внутри текста, сдвигая текст вниз. Подобное быстрое Inline-редактирование можно применять для JavaScript функций и для других ключевых слов.
Brackets поддерживает интерактивный просмотр в браузере — Live Preview. Это означает, что вы можете редактировать CSS файлы в реальном времени в редакторе, а изменения будут моментально отображаться в браузере. На данный момент есть некоторые ограничения данной функциональности, но разработчики утверждают, что «проблемы» будут решены.
Также стоит отметить хорошую автоподсветку синтаксиса и автодополнение.
Сама программа Brackets написана с применением JavaScript, HTML и CSS. Программа Brackets поддерживает установку дополнений и тем оформления.
Программа Brackets разрабатывается компанией Adobe. Полностью переведена на русский язык и доступна для Linux, Windows, Mac OS X.
СкриншотыРедактирование HTML файла в Brackets. Пример Inline-редактирования
Лечение: не требуется
Системные требования:
Intel® Pentium® 4 or AMD Athlon® 64 processor
256MB of RAM (2GB of RAM recommended for Live Development)
1280x800 display with 16-bit video card
Описание:
Brackets — Open Source IDE для веб-разработки от Adobe
Linux Preview Improvements & Fixes: File delete, Extension Manager and HTML Highlighting in Live Preview are now enabled. Also, we've fixed several bugs when installing the Debian package.
CSS Regions Named Flow Code Hints: Named Flows for CSS regions will now appear in code hints for flow-into and flow-from properties.
Function Parameter Hints: Hints appear automatically when you first type inside parentheses, or when invoked manually with Ctrl+Shift+Space.
Replace All: Replace All displays a panel showing all occurrences that will be replaced. You can review and uncheck any occurrences you don't want to replace.
Note: Theseus Extension Update Required: All users of the Theseus extension must update due to a break in compatibility. Also, Brackets developers can now use the Theseus to debug an instance of Brackets.
Updated Translations: The French, Japanese, German, and Turkish translations have been updated.
!ВНИМАНИЕ!
Сайт не предоставляет электронные версии произведений, а занимается лишь коллекционированием и каталогизацией ссылок, присылаемых и публикуемых на форуме нашими читателями. Если вы являетесь правообладателем какого-либо представленного материала и не желаете, чтобы ссылка на него находилась в нашем каталоге, свяжитесь с нами, и мы незамедлительно удалим её. Файлы для обмена на трекере предоставлены пользователями сайта, и администрация не несёт ответственности за их содержание. Просьба не заливать файлы, защищенные авторскими правами, а также файлы нелегального содержания!
Форум представлен на базе phpBB © rutracker-pro
Powered by ppkBB3cker v.2 © 2008-2016
Связь с администрацией
На рисунке - Brackets v 1.2 (2012 - 2015 гг). Интерфейс на русском языке. Вес 97,9 Мб. Работает в системах Mac, Windows и Linux.
Автор - Adobe.
Последняя версия Brackets v 1.6 (2016 гг).
Brackets представляет из себя редактор для создания веб-приложений.
Это редактор кода общего назначения и предназначен для людей, владеющих языками программирования.
Имеет множество расширений, которые можно загрузить с сайта программы. Как заявляют создатели Brackets, их цель - создать лучший редактор кода.
В качестве редактора html-страниц Brackets использовать не рационально.
Последнее обновление: март 2016 г.
О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.
Обновлено 11.05.2016 20:28
Свободный редактор HTML, CSS и JavaScript с основным упором на веб-разработку. Одна из наиболее интересных его возможностей заключается в Live Preview - Предварительный просмотр в режиме реального времени. Он был создан Adobe Systems, под лицензией MIT License, и в настоящее время находится на GitHub. Brackets доступен для Mac, Windows, и Linux. Функциональные возможности могут быть расширены за счет огромного количества плагинов. Переведен на русский язык.
4 ноября 2014 года, Adobe объявила о версии 1.0. В обновлении введены новые функции, такие как пользовательские комбинации клавиш быстрого вызова и более точные подсказки JavaScript.
В Brackets предусмотрено несколько функций, в том числе:
Быстрый редактор позволяет редактировать CSS, свойства цвета, и элементы JavaScript для разработчиков. Эта встроенная функция может быть применена к многократным функциям или свойствам одновременно, и все обновления применены непосредственно к файлу, связанному с измененными элементами.
Применение быстрого редактирования к элементам HTML выведет на экран все соответствующие свойства CSS в поле ниже выбранного элемента. Пользователи могут принять решение создать новые правила CSS непосредственно в редакторе и отредактировать CSS свойства, не выходя из контекстного файла HTML.
На функциях JavaScript быстрое редактирование выполняет ту же процедуру как с элементами HTML, но показывает тело выбранной функции в рамках выпадающего списка. Все обновления тела функции будет распространяться и обновлять непосредственно в соответствующей JavaScript -файл.
Для свойств цвета быстрое редактирование возвратит встроенную палитру цветов для функциональности предварительного просмотра и цветокалибровки.
Brackets 30
Название программы: Brackets
Версия программы: 30
Архитектура: x32,x64
Формат пакета: deb
Официальный сайт: brackets.io
Язык интерфейса: Русский, Английский и другие
Лечение: не требуется
Системные требования:
Intel® Pentium® 4 or AMD Athlon® 64 processor
256MB of RAM (2GB of RAM recommended for Live Development)
1280x800 display with 16-bit video card
Описание:
Brackets — Open Source IDE для веб-разработки от Adobe
Хотя приложение пока находится на ранних стадиях разработки, работает оно достаточно стабильно, и на данный момент обладает хорошим перечнем возможностей. Проект создан и поддерживается компанией Adobe.
Программа Brackets является редактором кода HTML, CSS и JavaScript и, кстати, сама создана с применением вышеупомянутых языков, благодаря чему вы буквально можете влиять в процессе работы на его внешний вид.
В отличие от других подобных программ, в нем нет ненужных функций, оно легкое в освоении и управлении. Самыми важными возможностями в Brackets можно назвать функции Live Development и Quick Edit. Суть первого в возможности просмотра вносимых изменений в режиме реального времени, а другая функция, думаю, в объяснениях не нуждается. Таким образом, главная фишка – возможность предварительного просмотра изменений в браузере в режиме реального времени. Для этого достаточно просто нажать [Ctrl + S] на клавиатуре, и изменения автоматически отобразятся в обозревателе.
Хотя редактор Brackets предназначен для использования на десктопных ПК, есть официальная информация, о возможном появлении в будущем версии для мобильных устройств.
Brackets – проект разработанный компанией Adobe. Изначально задумывался как редактор кода, для упрощённого создания web-приложений. За последний год вышло несколько обновлений, которые не просто повысили работоспособность редактора, но и добавили несколько функций, которые будут полезны разработчикам.
На данный момент актуальная версия — Brackets 1.2.
Давайте начнем с интерфейса программы:
ИнтерфейсИнтерфейс программы состоит:
Так же можно выделить кнопку для включения режима Live Preview. но о ней чуть позже.
Изначально, без плагинов и тем оформлений, интерфейс программы довольно прост и стандартен. Ничего лишнего для начинающего разработчика: подсветка синтаксиса кода в области редактирования, каталог директорий проекта.
С помощью комбинации CTRL++ / CTRL+- можно увеличивать/уменьшать размер шрифта.
С выходом версии 0.42 появилась поддержка смены и установки тем. По стандарту были только Light и Dark. Должен признать, что темная тема для меня приятнее на вид.
Смена тем производиться во вкладке Вид – Themes. В той же вкладке можно поменять шрифт и его размер .
Split ViewВерсия 0.44 исправила большое количество багов, улучшила работоспособность, а также добавила такую функцию как Split View. Эта функция позволят разделить область редактирования на две части, и работать с двумя файлами одновременно. Надо признать — это в разы упростило разработку.
Разделение возможно по горизонтали.
А так же, можно разделить и по вертикали.
Палитра цветовТак же в Brackets присутствует полезна функция как вызов палитры цветов с помощью комбинации CTRL +E. Работает она так:
Ставите курсов в коде цвета и нажимаете комбинацию CTRL+E. Откроется палитра цветов, где вы можете указать какой цвет и с какой прозрачностью вам нужно.
Extract for brackets (Preview)Спустя три года после выхода самой первой версии Brackets была выпущена версия 1.0. Помимо улучшения производительности, был добавлен такой плагин как Extract for brackets (Preview) .
Он позволяет открывать шаблоны в формате PSD прям в Brackets, и просматривать их как в Photoshop по слоям. С его помощью можно посмотреть размеры того или иного элемента страницы, например блоков, в пикселях или процента, а также его расположение, и потом сразу же в редакторе ввести эти значения.
Изначально идея отличная, и довольно полезная. Но проблема заключалась в том, что в версии 1.0 плагин некорректно работал, тормозил и нагружал систему.
Так же минусом является необходимость наличия учетной записи в «облаке» Adobe Creative Cloud, потому что PSD шаблоны загружаются туда.
Честно говоря, даже после выхода новых версий, я этой функцией не пользуюсь, из-за «глючности».
Менеджер расширенийУстановка плагинов происходит в окне Менеджера расширений. там же можно установить и темы оформления .
Плагины в Brackets позволяют расширить стандартный функционал и облегчить разработку проектов. Один из таких плагинов, всеми известный Emmet .
Emmet – плагин позволяющий с помощью сокращений написать большой код, с экономией времени.
Написав такой код в html документе:
При знании синтаксиса написания, довольно удобно. Но об этом и других плагинах мы поговорим в других статьях.
Live PreviewНу и напоследок расскажу о такой замечательной функции как Live Preview. С помощью этой функции можно видеть результат в реальном времени. Принцип прост: выбираете html документ, включаете Live Preview. Откроется окошко браузера, в котором будет отображаться ваш проект в текущем варианте написания. Стоит добавить, что эта функция работает только с браузером Chrome . Вроде бы говорили о поддержке других браузеров, но только в будущих версий программы.
Но эта функция, на мой взгляд, ключевая. Особенно для разработчиков работающих с двумя экранами.
ЗаключениеНа этом я хочу закончить этот обзор. Еще могу добавить, что Brackets отлично подойдет начинающим web-разработчикам. Я как начинающий верстальщик сайтов, рекомендую использовать его. Этот редактор не требователен к ресурсам, прост в интерфейсе, а с помощью горячих клавиш и плагинов позволяет ускорить и упростить написание кода.