Статьи

10 онлайн-инструментов для оптимизации и форматирования CSS

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

Похожие сообщения:

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

Веб-инструмент для уменьшения размера файлов каскадных таблиц стилей. Чтобы сэкономить больше места, оптимизированные файлы могут быть беспорядочными, поэтому вы можете вывести их в виде файла. Неправильные или взломанные (для некоторых браузеров) CSS-файлы могут привести к ошибке.
Интернет-CSS-Optimiser1.jpg
Источник

2. CSS Compressor — CSS Drive

Используйте эту утилиту, чтобы сжать ваш CSS и увеличить скорость загрузки веб-страницы, а также немного сэкономить на пропускной способности.
CSS-компрессор --- CSS-Drive.jpg
Источник

3. CSS Analyzer

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

4. FlumpCakes Online CSS Оптимизатор / Оптимизатор

Этот многофункциональный инструмент берет ваш CSS-файл, анализирует и выводит более скудную версию, удаляя все ненужные избыточности и атрибуты. Вот полный список того, что он может сделать:
> Удаляет комментарии
> Удаляет пробелы (например, лишние пробелы)
> Преобразует значения RGB в шестнадцатеричные (они меньше)
> Преобразует шестнадцатеричные значения в формате #RRBBGG в #RGB.
> Изменяет нулевые значения с размером, указанным на 0. (0px изменится на 0)
> Изменяет значения, такие как граница: 1px 2px 1px 2px; к границе: 1px 2px;
> Преобразует несколько атрибутов фона, шрифта, поля, отступов, списка в один атрибут
> Преобразует несколько значений границ в отдельные атрибуты
> Возможность преобразования абсолютных значений (PX и PT) в относительные значения (EM)
> Группировать атрибуты и значения стиля, которые появляются несколько раз в одном стиле

Этот инструмент читает CSS так же, как браузер. Поэтому использование хаков, специфичных для браузера, даст случайные результаты, убедитесь, что все хаки удалены перед использованием.
flumpCakes-Online-CSS-оптимизатор или-Optimizer.jpg
Источник

5. Styleneat — CSS Организатор

Упорядочивает и стандартизирует ваши CSS — селекторы, субселекторы и свойства — в структуре, которая упрощает определение областей страницы, облегчая просмотр их взаимосвязи.
Styleneat --- CSS-Organizer.jpg
Источник

6. Чистый CSS — оптимизируйте и отформатируйте свой CSS

Оптимизатор и форматировщик CSS с разумным количеством опций, который берет ваш код CSS и делает его более четким и лаконичным.
Гладко CSS --- Оптимизировать-и-Format-ваш-CSS.jpg
Источник

7. CSS Compressor — онлайн кодовый компрессор

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

8. Code Beautifier — CSS форматтер и оптимизатор

Этот инструмент основан на популярном CSS-парсере с открытым исходным кодом и оптимизаторе CSS Tidy. Code Beautifier предлагает больше возможностей по сравнению со всеми инструментами в этой статье.
Код-Beautifier --- CSS-Formatter-и-Optimizer.jpg
Источник

9. CSS SuperScrub

Это может значительно уменьшить размер и сложность вашего CSS, удаляя ненужный контент, удаляя лишние вызовы и разумно группируя оставшиеся имена элементов.
CSS-SuperScrub.jpg
Источник

10. CSS Tidy

Программное обеспечение с открытым исходным кодом, которое вы можете использовать для оптимизации и сжатия вашего файла CSS. Он доступен в формате .exe (только для Windows) и в формате zip-сценария php (все платформы, для веб-разработчиков).
CSS-Tidy.jpg
Источник