Большинство из нас разрабатывают каскадные таблицы стилей, используя следующую технику:
- Откройте URL проекта в браузере.
- Отредактируйте некоторый код CSS.
- Нажмите кнопку обновления браузера.
- Поклясться.
- Повторите с шага два до завершения / сбоя.
Это работает, но нажатие F5 каждые несколько секунд замедляет вас, когда вы находитесь в CSS-зоне! Существуют различные решения для автоматического обновления при возникновении изменений, но для большинства из них требуется специальный IDE и / или подключаемый модуль браузера. Многие перезагружают всю страницу, а не только CSS.
CSSrefresh — отличное решение от веб-инженера Фреда Хойссена . Это файл JavaScript, который вы можете скачать и включить на свою страницу. Кроме того, вы можете установить код как букмарклет браузера и запускать его всякий раз, когда начинаете разработку CSS.
Предполагая, что ваша страница запущена с удаленного или локального веб-сервера, CSSrefresh использует Ajax для проверки каждого файла таблицы стилей раз в секунду. Когда файл даты / времени изменяется, сценарий динамически загружает файл CSS, который применяется немедленно. Это также будет работать, если вы используете LESS , Sass , Stylus или любой другой препроцессор CSS.
Простой, умный, эффективный и, возможно, один из самых полезных бесплатных инструментов разработки, с которыми я столкнулся в последнее время. Возьмите CSSrefresh для себя…