—»     —»   11 онлайн утилит и приложений для оптимизации и форматирования CSS
  Раздел: CSS/Style Sheets   Комментариев: 2  

11 онлайн утилит и приложений для оптимизации и форматирования CSS



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

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

Данные утилиты могут быть очень полезными, если вы сомневаетесь в правильности и грамотности написанного вами кода.
Просим вас заметить, что данные утилиты не являются тестерами кода CSS на валидность или ошибки. Если вы ищите такой сервис, то вам лучше воспользоваться услугами The W3C CSS Validation Service.

Онлайн CSS-оптимизатор – flumpCakes

11 онлайн утилит и приложений для оптимизации и форматирования CSS

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

* Удаление комментариев
* Удаление нежелательных и ненужных пробелов
* Конвертация значений RGB в Hex (которые меньше по размеру)
* Конвертация значений Hex в RGB (#RRGGBB)
* Конвертация нулевых значений с указателем в обычный 0 (0px становится 0)
* Изменения значения границ (например: 1px 2px 1px 2px в 1px 2px)
* Комбинация нескольких значений указания фона, шрифта, отступа, наполнения и списков в один атрибут
* Конвертация значений многократных границ в одну
* Возможность конвертации абсолютных значений (pt/px) в относительные (em)
* Группирование повторяющихся стилистических атрибутов и значений в один стиль

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

Styleneat – органайзер CSS-кода

11 онлайн утилит и приложений для оптимизации и форматирования CSS

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

Clean CSS – оптимизация и форматирование CSS

11 онлайн утилит и приложений для оптимизации и форматирования CSS

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

CSS Compressor – Online онлайн компрессор кода

11 онлайн утилит и приложений для оптимизации и форматирования CSS

Утилита для сжатия CSS-кода, что позволяет ускорить загрузку вашей страницы. Вы можете выбрать 4 степени сжатия, в зависимости от того, какое соотношение вы хотите видеть между степенью сжатия и читаемостью кода.

Code Beautifier – форматер и оптимизатор CSS-кода

11 онлайн утилит и приложений для оптимизации и форматирования CSS

Утилита разработана на основе популярного бесплатного CSS-анализатора и оптимизатора – CSS Tidy. Утилита предлагает все самые важные опции, собранные в одном приложении.
Вы можете отсортировать и соединить селекторы и свойства, сжать значения цветов и шрифтов, выбрать между верхним и нижним регистром, а также есть опция отклонения неверных значений.

CSS SuperScrub

11 онлайн утилит и приложений для оптимизации и форматирования CSS

CSS SuperScrub может значительно уменьшить размер и запутанность вашего CSS-кода путём вырезания ненужного содержимого и группировки повторяющихся свойств.

Онлайн CSS оптимизатор

11 онлайн утилит и приложений для оптимизации и форматирования CSS

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

CSS Compressor – CSS Drive

11 онлайн утилит и приложений для оптимизации и форматирования CSS

С помощью данной утилиты вы можете сжать ваш CSS-код и значительно ускорить загрузку страниц. Есть выбор между тремя степенями сжатия, в зависимости от того, насколько вы хотите сжать код. «Нормальный» режим должен работать отлично, поддерживая баланс между уровнем сжатия и читаемостью кода.
Также есть пункт расширенных настроек, который позволит вам опционально выбирать методы сжатия.

CSS Analyser

11 онлайн утилит и приложений для оптимизации и форматирования CSS

Маленькая утилита, которая позволяет проверить ваш код CSS на валидность. Проводится тест на контрастность цветов, и проверка правильного указания единиц измерения размеров. Если CSS файл указан посредством URL, то есть возможность его загрузки в отдельное окно с последующим редактированием без повторной его загрузки на сервер.

CSS Redundancy Checker

11 онлайн утилит и приложений для оптимизации и форматирования CSS

Простая утилита с одной простой функцией. Утилита вычисляет селекторы CSS, которые не используются ни одним файлом HTML, и удаляет его, если в нем нет потребности.

CSS Code Formatter and Optimizer – Портал CSS

11 онлайн утилит и приложений для оптимизации и форматирования CSS

Еще один форматер и оптимизатор CSS.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, программы
Опубликовал Mysterious Master   Прочитано (раз): 10856   |   Оставлено комментариев: 2
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 января 2010 @ 16:39
Написал: ANDI — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Отличная статья!!!
Комментарий #2: 15 января 2010 @ 01:34
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1492   |   Комментариев: 177
ICQ: --- не указано ---
ANDI, говорим "спасибо", кликая сами знаете по чём smile
Чем больше таких "спасибо" мы получаем, тем больше интересного материала появится на нашем сайте.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации

















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2019    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
30