июля 09 2014
+1

Правильный css с помощью робота на javascript CSScomb

Alyona    9 июля 2014, 18:15    в избранное в избранном    5 комментариев
Техдокументация и мануалы   
Это отрывок из свежей статьи с хабра Приводим в порядок css-код. Опыт Яндекса.

Я не буду копировать сюда всю статью, приведу только пример того, что может CSScomb.js

исходный код
.block {
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
z-index: 2;
position: absolute;
height: 2px;
width: 2px;
color: #FFFFFF;
}


обработанный с помощью csscomb
.block
{
    position: absolute;
    z-index: 2;

    width: 2px;
    height: 2px;

    color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
       -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, .1);
}
Есть работа напряму с github и многое другое, подробности можно прочитать в оригинальной статье.

5 комментариев

0
Кстати CSScomb умеет работать с SASS/LESS (линк)
+2
Очень красиво получается ). А еще эта штука к PhpStorm привинчивается на раз-два.
0
Андрей, а эта штука разве не для Node.js?
0
Да, на nodejs. Устанавливается по инструкции из топика, потом в корень проекта кладется файл конфига csscomb и из консоли шторма запускается >csscomb path-to-less.

Можно прикрутить к file watcher в шторме.

А еще я нашел плагин CSSReorder к шторму в его репозитории, который работает на csscomb, но, к сожалению, на EAP-версии не идет.
0
А кто-нибудь использовал с Sublime Text 3? Поставил плагин, но на запуск никак не реагирует.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.