Easy Neatly - программа, задача которой, навести порядок в css файле, с чем справляется очень достойно. Как известно, при выгрузке сайта (шаблона сайта) на сервер, рекомендуется оптимизировать графику, html и css, для того, чтобы страницы загружались в браузер пользователя как можно быстрее. Если с графикой неплохо справляется фотошоп, то css, как правило, оптимизируют вручную. И все бы ничего, если делать это единовременно. Но чаще получается, что после оптимизации нужно что-то поменять, добавить или удалить. И все происходит по кругу - добавляем переносы строк, удаляем...
С помощью программы Easy Neatly про это можно забыть. Всего лишь одним кликом css файл становится аккуратным, с расстановками, или же простым, пригодным для загрузки на сайт.
В Простом виде из css кода удаляются комментарии, пустые строки и лишние пробелы. В Аккуратном css код разворачивается, становится легко читаемым, разбирается на секции.
Хаки *, выделяются в отдельную секцию HACKS. Секция MAIN содержит селекторы для тегов без класса или ID (h1, body). В секции LINKS находятся ссылки с классами. GRIDS — элементы таблиц. Если селектор содержит только одно из свойств — color или background-color, то он выделяется в секцию COLORS, а содержащий только одно свойство, но не цвет, в группу COMMON. Оставшиеся селекторы помещаются в группу LAYOUT.
Правила и Селекторы разбираются на свойства и их значения. Все имена свойств, преобразуются в нижний регистр. Цвета в виде #RRGBB трансформируются в верхний регистр, стандартные имена цветов Red, Green и т.п. преобразуются в нижний регистр с первой заглавной буквой. Имена свойств сортируются в алфавитном порядке. Полученная структура форматируется по определенному шаблону — Easy, для компактного кода, или Neatly, для аккуратного CSS. Шаблон Easy удаляет все комментарии, в то время как Neatly комментарии оставляет и также их форматирует. Дополнительная функция - квантование цвета позволяет оптимально при помощи линейной аппроксимации сократить длину цвета. Цвет сокращается с семи символов до четырех, но использовать эту функцию стоит осторожно.
Программа встраивается в контекстное меню Проводника, вам остается только выбрать вариант преобразования.
Copyright MyCorp © 2024