Подборка CSS инструментов 2014. Часть первая.

В течении этого года я познакомился с рядом интересных  CSS инструментов. Что-то мне удалось применить на практике, что-то ещё ждёт своего часа. Ниже выкладываю небольшую подборку ресурсов CSS инструментария. В первой части я опишу инструменты и онлайн-сервисы.

 
Часть первая. Инструменты.
 
 
StaleStatsпарсер для сбора статистики стилей. Стоит указать url сайта и запустить парсер. На выходе получаем список используемых шрифтов, их размеры, цветовую гамму, и так далее.
 
 
extractCSS -  парсер стилей. Этот парсер позволяет из html  файла "вытянуть" и сформировать таблицу стилей css. Интерфес состоит из 2 окон. В левое вводится html код, в правом выводится спарсенная таблица стилей. Есть небольшая панель настроек  парсера.
 
 
 
CSS Shrink - чудесный инструмент оптимизации таблиц стилей. Данный инструмент можно использовать как онлайн, так и скачав исходники с GitHuba. Интерфес состоит из 2 окон. В левое вставляются стили, в правом выводится сжатый результат. Настройки сжатия присутствуют.
 
 
enjoycss.com - интерактивный онлайн-инструмент, позволяющий визуально настроить стили любых html элементов. На первый взгляд немного перегружен интерфейс. Но разобраться можно очень быстро.
 

Оставить комментарий

Похожие материалы