Редактор кода Brackets




Полезные программы и ресурсы в помощь начинающему вебмастеру.

Аватара пользователя

Администратор

Сообщения: 5001

Зарегистрирован: 22 янв 2011, 16:48

Баллы репутации: 203

Сообщение Серега » 18 ноя 2014, 00:54

Редактор кода Brackets

Привет друзья. Хочу познакомить вас с новым офигенски офигенным :D редактором кода Brackets.
Я по нему уже начал записывать видеокурс. Первые 6 уроков разместил на своем канале Youtube.

Screenshot-Brackets.jpg
Screenshot-Brackets.jpg (53.83 КБ) Просмотров: 8836

Список уроков по Brackets
Ребят, большая просьба - ставьте плиз лайки и подписывайтесь на канал. Не жмитесь :)
Всем советую попробовать этот редактор. Особенно любителям Sublime Text 3

Список уже доступных уроков:
  1. Установка редактора Brackets
  2. Исправляем проблему русского шрифта в Brackets
  3. Интерфейс редактора Brackets
  4. Базовая настройка редактора Brackets
  5. Split - разделение экрана в Brackets
  6. Боковая панель в Brackets
  7. Live Preview - интерактивный просмотр в Brackets
  8. Быстрый просмотр в Brackets
  9. Inline Editors для HTML - быстрое редактирование в Brackets
  10. Inline Editors для CSS - быстрое редактиврование в Brackets
  11. Быстрая документация CSS в Brackets
  12. Темы в Brackets
  13. Brackets Icons - иконки в редакторе
  14. Overscroll в Brackets
  15. Special Charecters - таблица спецсимволов в Brackets
  16. Brackets CSS Color Preview - быстрый просмотр цветов
  17. ColorHints - быстрый выбор цвета
  18. Brackets Color Palette - выбор цвета с картинки
  19. Indent Guides - ориентация во вложенности кода
  20. CodeFolding - сворачивание кода в Brackets
  21. Documets Toolbar - горизонтальная панель открытых файлов
  22. Emmet - быстрый набор HTML и CSS
  23. CssFier - бысрая вставка селекторов в CSS
  24. Minifier - сжатие CSS и JS файлов
  25. JS Beautifier - форматируем код
  26. Autoprefixer - автоматические префиксы
  27. Extract for Brackets (Preview) - Часть 1
  28. Extract for Brackets (Preview) - Часть 2
to be continued :wave:

Преимущества Brackets:
  1. Легок для новичков (русский + кнопки)
  2. Масса плагинов и тем (аля Sublime Text)
  3. Встроенное живое редактивроание (Live Preview - интерактивный просмотр)
  4. Быстрое редактирование в одном файле (Inline Editors)
  5. Верстка прямо из PSD макета
  6. Быстрый просмотр (не тоже что и пункт 4 )
  7. Плагин для продвинутой адаптивной верстки
Это только капля в море. Большинство плагинов, которые есть в Sublime Text в нем тоже присутствуют.

Пока в курсе уроки по настройке, завтра выложу еще - будет уже по работе (намного интереснее)
Редактор реально продвинутый и очень крутой.

Поэтому,
Друзья, если будут замечания, вопросы или предложения - пишите сюда.
Будем совместно помогать друг другу. Вместе мы СИЛА :thumbup:
Аватара пользователя

Администратор

Сообщения: 5001

Зарегистрирован: 22 янв 2011, 16:48

Баллы репутации: 203

Сообщение Серега » 18 ноя 2014, 01:09

Для тех кто проходит Верстаем на 5+ добавлю - туда встроены функции Безье. Как мы разбирали на сайте.
Аватара пользователя

Стажёр

Сообщения: 77

Зарегистрирован: 12 янв 2012, 20:25

Откуда: Франкфурт-на-Майне

Баллы репутации: 25

Сообщение dignityinside » 18 ноя 2014, 08:06

Про Brackets я услышал в первые 18 май 2014, если не ошибаюсь в этот день вышла первая версия под Linux (инструкция по установки есть на моём форуме), установил, попробовал но особо времени разбираться в нём не было. Буду рад просмотреть видео курс, чтобы узнать о новых возможностях. Возможно он заменит платный Sublime Text. Спасибо, Серёга!
https://phpland.org
Аватара пользователя

Администратор

Сообщения: 5001

Зарегистрирован: 22 янв 2011, 16:48

Баллы репутации: 203

Сообщение Серега » 18 ноя 2014, 08:16

Я тоже раньше его ставил. И тоже мне не понравися, так как сырой был. Но сейчас редактор - ОГОНЬ :)
Аватара пользователя

Новичок

Сообщения: 13

Зарегистрирован: 14 май 2012, 16:19

Откуда: Россия, Красноярский край

Баллы репутации: 0

Сообщение mikele65 » 18 ноя 2014, 13:17

Спасибо, Сережа. Установил, мне понравился редактор. Поолайкал и подписался на канал :D
Аватара пользователя

Стажёр

Сообщения: 77

Зарегистрирован: 12 янв 2012, 20:25

Откуда: Франкфурт-на-Майне

Баллы репутации: 25

Сообщение dignityinside » 18 ноя 2014, 16:13

Re:

Серега писал(а):Я тоже раньше его ставил. И тоже мне не понравися, так как сырой был. Но сейчас редактор - ОГОНЬ :)


https://dl.dropboxusercontent.com/u/881 ... s-menu.jpg
Серёг а шрифт меню не знаешь как поменять?
https://phpland.org

Стажёр

Сообщения: 98

Зарегистрирован: 26 апр 2014, 07:30

Баллы репутации: 28

Сообщение Олег2 » 18 ноя 2014, 22:23

Главное Emmet работает, очень хорошо помогает при верстке.

Новичок

Сообщения: 3

Зарегистрирован: 07 янв 2014, 09:38

Баллы репутации: 0

Сообщение sancers » 18 ноя 2014, 23:06

Спасибо. Буду пробовать. :thumbup:
Аватара пользователя

Администратор

Сообщения: 5001

Зарегистрирован: 22 янв 2011, 16:48

Баллы репутации: 203

Сообщение Серега » 19 ноя 2014, 06:18

https://dl.dropboxusercontent.com/u/881 ... s-menu.jpg
Серёг а шрифт меню не знаешь как поменять?

Неа. У тебя и меню по другому. Какой плагин ставил?

Пожалуйста друзья!
След.

Вернуться в Полезные программы и сервисы

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1

cron

Как создать свой сайт самому?
Обучение компьютеру | Контакты | Партнёрская программа | Магазин | Подписка на уроки