Таблицы стилей разрастаются довольно быстро. Я уже рассказывал о замечательном средстве поиска неиспользуемых классов CSS. Чтобы быть уверенным, что наши веб-страницы отображаются корректно и быстро существует множество онлайн утилит для оптимизации и компрессии CSS-таблиц, форматирования и проверки.

Оптимизация и компрессия CSS

CSSOptimizer

CSS Optimizer это простой онлайн оптимизатор, который обрабатывает Ваш CSS и выводит его сжатую версию. Можно "скормить" ему hotlink (прямую ссылку), загрузить с компьютера CSS-файл или просто ввести в форму его содержимое.

CleanCSS

CleanCSS базируется на довольно известной утилите CssTidy. Можно выбрать уровень компрессии, от максимального сжатия до наиболее читабельного варианта (5 степеней). Довольно много различных опций по форматированию и конвертированию различных величин.

Кстати, можно присмотреться к CSS Formatter and Optimiser, который базируется на более свежей версии CSSTidy.

CSS Drive Gallery- CSS Compressor

Этот компрессор имеет два режима работы: Обычный и Продвинутый, в котором больше опций. Вы можете убирать из CSS комментарии превосходящие по размеру определенный лимит длины. Опять же можно выбрать уровень компрессии.

Online CSS Optimizer

Это еще один довольно простой CSS компрессор, который базируется на утилите для OS X и Linux. Существуют два пути для ввода CSS: непосредственно в форму или указав адрес Вашей таблицы стилей. Кстати, в дополнение есть и декомпрессор, чтобы вернуть Вашим CSS удобоваримый вид.

CSS Compressor

Еще один довольно популярный онлайн CSS компрессор. Кстати, можно скачать его исходники на PHP. Есть необходимый набор опций по компрессии (цвета, единицы измерения и т.п.). К тому же есть довольно полезная утилита для комбинирования и компрессии CSS-файлов. Для чего это нужно, Вы сможете прочитать в следующих статьях.

flumpCakes Style Sheet Optimizer

Еще один компрессор с возможностями форматирования и некоторым набором опций. Ест возможность автоматического комбинирования атрибутов фона, шрифтов, списков и границ в сокращенном виде и опция Pretty Print для придания коду читаемости.

Онлайн утилиты форматирования CSS

FormatCSS

Позволяет корректировать и форматировать ваш CSS. Есть неплохой список правил для форматирования, которые можно применить к Вашему коду.

prettyprinter.de

Этот сервис на ограничивается одним CSS – тут можно отформатировать и исходники других типов: PHP, Java, C++, C, Perl и JavaScript. Есть неплохой выбор опций для автоматического форматирования.

Tabifier

Многоязычный сервис для стандартизации пробелов и отступов в исходниках. Поддерживает HTML, CSS и C.

Онлайн утилиты проверки CSS стилей

The W3C CSS Validation Service

Самый авторитетный сервис от WWW-консорциума. Прост в использовании: достаточно указать адрес вашей таблицы стилей и отправить его на проверку.

Juicy Studio: CSS Analyser

Сочетает в себе проверку от W3C с дополнительными анализами на контрастность цветов и мер измерения в CSS. Выходной отчет содержит исчерпывающую информацию с найденными предупреждениями и ошибками.

CSS Redundancy Checker

Простая утилита для проверки на неиспользуемые стили. Достаточно ввести адрес CSS-файла и адреса страниц, пользующихся этими таблицами стилей.

Напомню, что от размера и корректности стилей CSS зависит не только дизайн наших страниц, но и скорость их загрузки, а также нагрузки на сервер. Грамотный и легкий дизайн может не только сохранить посетителей, но и привлечь новых.

Google slashdot YahooMyWeb Digg Technorati Delicious Забобрить эту страницу! Добавить на Newsland.ru Добавить на СМИ2 Добавить на RUmarkz Добавить на Ваау! Добавить на rucity.com Добавить в закладки МоёМесто.ru
Link:

Эта статья была опубликована в в воскресенье, декабря 28, 2008 at 11:24 am в рубрике How to, Бесплатные программы, Полезное, Разработка, Фишки. Вы можете отслеживать ответы на нее через RSS 2.0. Вы можете оставить отзыв, или trackback из вашего сайта.


2 комментария to “Онлайн утилиты для CSS”

  1. Игорь_Ш on декабря 30, 2008 at 3:51 am

    Зачётный списочек.

  2. Каки, факи, хаки » » Как увеличить производительность вашего сайта on февраля 18, 2009 at 7:01 pm

    [...] Онлайн утилиты для CSS [...]

Оставить отзыв