Таблицы стилей разрастаются довольно быстро. Я уже рассказывал о замечательном средстве поиска неиспользуемых классов CSS. Чтобы быть уверенным, что наши веб-страницы отображаются корректно и быстро существует множество онлайн утилит для оптимизации и компрессии CSS-таблиц, форматирования и проверки.
Оптимизация и компрессия CSS
CSS Optimizer это простой онлайн оптимизатор, который обрабатывает Ваш CSS и выводит его сжатую версию. Можно "скормить" ему hotlink (прямую ссылку), загрузить с компьютера CSS-файл или просто ввести в форму его содержимое.
CleanCSS базируется на довольно известной утилите CssTidy. Можно выбрать уровень компрессии, от максимального сжатия до наиболее читабельного варианта (5 степеней). Довольно много различных опций по форматированию и конвертированию различных величин.
Кстати, можно присмотреться к CSS Formatter and Optimiser, который базируется на более свежей версии CSSTidy.
CSS Drive Gallery- CSS Compressor
Этот компрессор имеет два режима работы: Обычный и Продвинутый, в котором больше опций. Вы можете убирать из CSS комментарии превосходящие по размеру определенный лимит длины. Опять же можно выбрать уровень компрессии.
Это еще один довольно простой CSS компрессор, который базируется на утилите для OS X и Linux. Существуют два пути для ввода CSS: непосредственно в форму или указав адрес Вашей таблицы стилей. Кстати, в дополнение есть и декомпрессор, чтобы вернуть Вашим CSS удобоваримый вид.
Еще один довольно популярный онлайн CSS компрессор. Кстати, можно скачать его исходники на PHP. Есть необходимый набор опций по компрессии (цвета, единицы измерения и т.п.). К тому же есть довольно полезная утилита для комбинирования и компрессии CSS-файлов. Для чего это нужно, Вы сможете прочитать в следующих статьях.
flumpCakes Style Sheet Optimizer
Еще один компрессор с возможностями форматирования и некоторым набором опций. Ест возможность автоматического комбинирования атрибутов фона, шрифтов, списков и границ в сокращенном виде и опция Pretty Print для придания коду читаемости.
Онлайн утилиты форматирования CSS
Позволяет корректировать и форматировать ваш CSS. Есть неплохой список правил для форматирования, которые можно применить к Вашему коду.
Этот сервис на ограничивается одним CSS - тут можно отформатировать и исходники других типов: PHP, Java, C++, C, Perl и JavaScript. Есть неплохой выбор опций для автоматического форматирования.
Многоязычный сервис для стандартизации пробелов и отступов в исходниках. Поддерживает HTML, CSS и C.
Онлайн утилиты проверки CSS стилей
The W3C CSS Validation Service
Самый авторитетный сервис от WWW-консорциума. Прост в использовании: достаточно указать адрес вашей таблицы стилей и отправить его на проверку.
Сочетает в себе проверку от W3C с дополнительными анализами на контрастность цветов и мер измерения в CSS. Выходной отчет содержит исчерпывающую информацию с найденными предупреждениями и ошибками.
Простая утилита для проверки на неиспользуемые стили. Достаточно ввести адрес CSS-файла и адреса страниц, пользующихся этими таблицами стилей.
Напомню, что от размера и корректности стилей CSS зависит не только дизайн наших страниц, но и скорость их загрузки, а также нагрузки на сервер. Грамотный и легкий дизайн может не только сохранить посетителей, но и привлечь новых.
On FriendFeed, this post was liked by 0 people and commented on 0 times
Зачётный списочек.
[...] Онлайн утилиты для CSS [...]