RSS
people

Утилиты для оптимизации и форматирования CSS-кода

Наверно каждый сталкивался с шаблонами, где в css-коде просто черт ногу сломит?! Да и после написания своего кода (при больших размерах) порой необходима небольшая чистка с точки зрения длины кода, а также его “веса” (другими словами – оптимизация кода). Так вот для этого и существуют специальные утилиты, некоторые из которых я и представлю Вашему вниманию, а Вы в свою очередь сможете выбрать наиболее понравившиеся для дальнейшей работы.

Итак, рассмотрим всего 5 подобных утилит и вот первый из них:

1. CSS-оптимизатор – flumpCakes

Является, пожалуй, самой многофункциональной утилитой по оптимизации кода. На выходе Вы получите почищенный код, поскольку утилита убирает все ненужное. Что же именно она делает?! Да все просто.. Убирает комментарии и ненужные пробелы, группирует повторяющиеся атрибуты и значения в один стиль, конвертирует нулевые значения в обычный ноль (т.е., например, если было 0px, то станет просто 0) и многое другоеCSS-оптимизатор – flumpCakes

2. CSS SuperScrub
Данная утилита вырезает ненужное содержимое, группирует повторяющиеся свойства и таким образом позволяет значительно уменьшить размер вашего файла, а значит и скорость загрузки сайтаCSS SuperScrub

3. CSS Compressor – CSS Drive
Данная утилита направлена именно для сжатия CSS-кода. При этом Вы можете выбрать одну из трех степеней сжатия в зависимости от желаемого результата. Однако стоит помнить, что при сильном сжатии код будет трудночитаем.CSS Compressor – CSS Drive

4. Органайзер CSS-кода Styleneat
Позволяет отсортировать свойства и селекторы в алфавитном порядке. Как раз недавно (не помню правда на каком сайте) читал советы по написанию таблицы стилей.. Так вот автор как раз рекомендовал писать свойства селекторов в алфавитном порядке, ведь действительно потом намного легче просматривать код.
Ну и кроме этого можно выбрать однострочный или многострочный тип форматированияОрганайзер CSS-кода Styleneat

5. Clean CSS
Название говорит само за себя.. Большое количество настроек позволит добиться краткости и чистоты Вашего кода.Clean CSS

Вот такой получился мини-обзорчик. Надеюсь кому-нибудь и пригодится ;)
Буду благодарен за ретвиты.


Кстати, при помощи все того же CSS можно сделать весьма интересное выпадающее меню. А начинающим я советую почитать статейку о том, как выбрать хостинг.

2 комментария для “Утилиты для оптимизации и форматирования CSS-кода”

  1. веб пишет:

    Я пользуюсь clean css и в принципе доволен. :)

  2. Газификация пишет:

    Самая удобная утилита это ” CSS-оптимизатор” на мой конечно взгляд.

Комментарии