Я занимаюсь программированием. Фактически им одним и занимаюсь, но довольно часто приходится отвлекаться на менее любимые дела – работа с js, а также отладка файлов стилей. Мне часто на своем сайте приходится что-то добавлять, что-то удалять из файла style.css.
В итоге получается противоречие: мне нужен читальный файл стилей, чтобы можно было легко находить нужные мне классы и редактировать их, и в тоже время я “повернут” на оптимизации и мне нужен минимальный размер этого файла. То есть дилемма: читабельность кода – оптимизированность кода налицо.
Что я делал до 4 января 2010 года:
открывал стили,
добавлял в нужные мне места пробелы и табуляцию для улучшения читабельности,
редактировал все, что мне надо,
проверял работу,
возвращался в файл стилей и удалял все ненужные пробелы и табуляцию,
сохранял.
Многовато шагов выходило, причем 2 и 5 пункт занимают много времени и кучу внимания, чтобы не удалить скобку или еще что нужное. Но 4 января я нашел программу snap{css}, которая значительно облегчила мне жизнь.
Что я делал после 4 января 2010 года:
открывал файл стилей,
нажимал в программе кнопку Tools-Beautify,
редактирую все, что надо,
проверяю работу,
возвращаюсь в программу и нажимаю Tools-Collapse,
сохраняю.
По количеству пунктов – все то же самое, но по затратам времени – 2 и 5 пункт стали в десятки раз быстрее, уж поверьте.
Как из названия Beautify и Collapse вы уже поняли, эта программа позволяет в полностью автоматическом режиме добавить для всех классов табуляцию и сделать код супер-читабельным. Посмотрите видео:
Лично мне эта программа значительно облегчила жизнь и помогла сэкономить силы и размер css файла – у меня терпения хватило для ужатия до 25 килобайт. Эта программа сжала одним кликом до 22кб. Мелочь – а мне приятно…
В общем, советую взять ее на вооружение все, кто часто работает с файлами стилей. Ну а если это не для вас – ковыряться для оптимизации – обращайтесь ко мне за помощью ;)
Пожалуйста, подождите. Комментарии загружаются.