emmet-livestyle
Время для прочтения: 0 мин. 30 сек.

Emmet LiveStyle

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

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

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

Возможности 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.

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.