Верх страницы
Логотип Telegram
@Злой_Полицейский — авторский канал вашего покорного слуги в Telegram, где я пишу заметки о веб-разработке, программировании, PHP, инструментах и WordPress.
Обложка к записи Emmet LiveStyle
Время для прочтения: 0 мин. 12 сек.

Emmet LiveStyle

Сергей Чикуёнок вновь порадовал всех front-end разработчиков, запилив Emmet LiveStyle, — плагин для живого двунаправленного редактирования CSS нового поколения (браузер ↔ редактор).

На данный момент он работает в Google Chrome, Safari и Sublime Text. Поддержка других браузеров и редакторов планируется в самом ближайшем будущем.

Демонстрация наиболее мощных функций LiveStyle

Emmet LiveStyle sneak peekEmmet LiveStyle sneak peek

Возможности LiveStyle

  • Результат виден сразу после внесения изменений — никаких сохранений и обновлений страниц
  • Нет необходимости хранить файлы локально
  • Кроссплатформенность
  • Multi-view и multi-device: результат можно просматривать одновременно в нескольких разных окнах, все изменения будут происходить «на лету». Удобно для тестирования адаптивного дизайна
  • Мультисайтовость: можно редактировать одновременно несколько сайтов, например, мобильную и настольную версию
  • Легкая установка: достаточно открыть CSS-файл в редакторе и связать его с файлом стилей сайта

Установка

Для начала установите Package Control в Sublime Text. После инсталляции откройте Command Palette при помощи комбинации клавиш Ctrl+Shift+P выберите Package Control: Install. Найдите и установите расширение LiveStyle.

В браузере Google Chrome установите расширение Emmet LiveStyle. После установки откройте DevTools при помощи комбинации клавиш Ctrl+Shift+I и увидите новую вкладку LiveStyle.

Ссылки

Автор: Кобзарёв Михаил

Суровый русский разработчик. Жил в Магадане, в офисе московских веб студий и в Тульской деревне. Виртуозно знает WordPress, PHP, ООП, Vue.js и вот это вот все.

Ведет блог о разработке, дайджест в телеграмме и в ВК.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Михаил Кобзарёв (mihdan)

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, фильмы и сериалы