Верх страницы
Обложка к записи 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.

Ссылки

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

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

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

Вы всегда можете нанять меня.

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

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись
Следующая запись

Давайте дружить
в Телеграме

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