Программа для оптимизации css – Snap{CSS}

Я занимаюсь программированием. Фактически им одним и занимаюсь, но довольно часто приходится отвлекаться на менее любимые дела – работа с js, а также отладка файлов стилей. Мне часто на своем сайте приходится что-то добавлять, что-то удалять из файла style.css.

В итоге получается противоречие: мне нужен читальный файл стилей, чтобы можно было легко находить нужные мне классы и редактировать их, и в тоже время я “повернут” на оптимизации и мне нужен минимальный размер этого файла. То есть дилемма: читабельность кода – оптимизированность кода налицо.

Что я делал до 4 января 2010 года:

1. открывал стили,
2. добавлял в нужные мне места пробелы и табуляцию для улучшения читабельности,
3. редактировал все, что мне надо,
4. проверял работу,
5. возвращался в файл стилей и удалял все ненужные пробелы и табуляцию,
6. сохранял.

Многовато шагов выходило, причем 2 и 5 пункт занимают много времени и кучу внимания, чтобы не удалить скобку или еще что нужное.  Но 4 января я нашел программу snap{css}, которая значительно облегчила мне жизнь.

Что я делал после 4 января 2010 года:

1. открывал файл стилей,
2. нажимал в программе кнопку Tools-Beautify,
3. редактирую все, что надо,
4. проверяю работу,
5. возвращаюсь в программу и нажимаю Tools-Collapse,
6. сохраняю.

По количеству пунктов – все то же самое, но по затратам времени – 2 и 5 пункт стали в десятки раз быстрее, уж поверьте.

Как из названия Beautify и Collapse вы уже поняли, эта программа позволяет в полностью автоматическом режиме добавить для всех классов табуляцию и сделать код супер-читабельным. Посмотрите видео:

Лично мне эта программа значительно облегчила жизнь и помогла сэкономить силы и размер css файла – у меня терпения хватило для ужатия до 25 килобайт. Эта программа сжала одним кликом до 22кб. Мелочь – а мне приятно…

Скачать snap{css}

В общем, советую взять ее на вооружение все, кто часто работает с файлами стилей. Ну а если это не для вас – ковыряться для оптимизации – обращайтесь ко мне за помощью ;)