Easy Neatly - Аккуратные таблицы каскадных стилей CSS (Утилита преобразования CSS для WEB-мастеров).

О программе Easy Neatly

Программа предназначена для облегчения труда WEB-мастеров, ускорения их работы и улучшения качества создаваемого CSS кода. Название программы несет в себе два основных действия и девиз Easy - Просто и Neatly - Аккуратно. Easy - Означает простой компактный код каскадных стилей, оптимизированный для загрузки браузером пользователя. Neatly - Означает развернутый и разобранный в смысловые группы код. В Простом коде CSS все лишние знаки : пробелы, последний символ ";" в селекторе, лишние переносы строк удаляются. В аккуратном коде вся таблица каскадных разворачивается в аккуратные лесенки, которые легко читать и разбивается комментариями на секции (простые теги, ссылки, таблицы, дополнения, цвета, хаки) по определенным признакам. Т.е. преобразование кода работает в обе стороны и в упрощение и в структуризацию. Любой код сортируется, форматируется высота букв. Как это работает? Наша программа следует стандартам и знает стандарты СSS Level 1 и CSS Level 2. Главное чтобы ваш CSS код был валиден. Проверить валидность вашего CSS вы можете на сайте http://jigsaw.w3.org/css-validator/. Любой валидный CSS файл разбирается без проблем в структуры, из которых по шаблонам формируются либо простой компактный код, либо структурированный отформатированный лесенкой и разбитый на секции код. Хаки *, хоть и не считаются валидным CSS кодом, нормально разбираются и выделяются в отдельную секцию HACKS. Код разбирается на Правила (Rules [charset; font-face; import; media; page]) и Селекторы. Правила и Селекторы разбираются на свойства и их значения. Все имена свойств, преобразуются в нижний регистр. Цвета в виде #RRGBB трансформируются в верхний регистр, стандартные имена цветов Red, Green и т.п. преобразуются в нижний регистр с первой заглавной буквой. Дополнительная функция - квантование цвета позволяет оптимально при помощи линейной аппроксимации сократить длину цвета цвета сокращается с (7)семи символов до (4)четырех. Все селекторы для простых тегов без определения имени класса или ID выделяются в секцию MAIN (body, p, h1…), все ссылки с классами выделяются в секцию LINKS, вcе элементы таблиц выделяются в секцию GRIDS, все селекторы содержащие только одно из свойств - color или background-color выделяются в секцию COLORS, все селекторы содержащие только одно свойство но не цвет относятся в группу COMMON. Все оставшиеся селекторы причисляются к группе LAYOUT. Все имена свойств селекторов сортируются в алфавитном порядке. Имена селекторов и имена их свойств преобразуются в нижний регистр, форматируются цвета. Далее полученная структура форматируется по определенному шаблону или это шаблон Easy для компактного кода, или это шаблон Neatly для аккуратного и разгруппированного CSS. Шаблон компактного кода удаляет все комментарии, шаблон аккуратного кода комментарии оставляет и также их форматирует.

Примеры кода до и после преобразований.

Код плохо отформатированный и не упорядоченный

Щелкните чтобы увеличить изображение.

Код отформатированный правилом --easy

Щелкните чтобы увеличить изображение.

Код отформатированный правилом --neatly

Щелкните чтобы увеличить изображение.

Как использовать.

Ключи коммандной строки для EasyNeatly

Программа EasyNeatly является консольным приложением. Запуск из коммандной строки с ключами:

-f	--file	Задает файл для обработки
-p	--pattern	Имя файла шаблонов без расширения
-i	--indexpattern	Индекс секции в файле шаблонов
-r	--regmenu	Зарегистрировать контекстное меню на языке выбранном при инсталляции
-s	--menurus	Зарегистрировать контекстное меню на русском языке
-g	--menueng	Зарегистрировать контекстное меню на английском языке
-?	--help	Подсказка помощь по ключам программы
-e	--easy	Упростить код CSS убрать все лишние знаки и комментарии
-n	--neatly	Создать аккуратно отформатированный код CSS разделенный на смысловые группы.
-q	--quant	Квантовать цвета длинна цвета сокращается с (7)семи символов до (4)четырех.

#easynetly.exe -f="C:\style.css" -e :: Правило Easy
#easynetly.exe -f="C:\style.css" -n :: Правило Neatly
#easynetly.exe --neatly;quant;file=C:\style.css :: Правило Neatly с квантованием цветов.
#easynetly.exe --quant;file=C:\style.css --easy :: Правило Easy с квантованием цветов.

Пример запуска под Linux

#wine easyneatly.exe -f=/myweb/site1/style.css -nq

Вывод результата работы программы в консоли

Контекстное меню Windows

Также программа интегрируется в контекстное меню WindowsTM Explorer.

и можно применять правила просто открыв контекстное меню для вашего CSS файла.

Тестирование.

Тестировалась под WindowsXP и Linux Fedora 7 MoonShine - under Wine 0.9.36.

Планы на будущее.

На данный момент ядро разбора кода и шаблоны трансформации встроены непосредственно в exe. Мы планируем выделить ядро в отдельный Plug-in и создать ряд Plug-in для других языков (html, php, asp, js, pascal, c, c++). Относительно CSS трансформатора - планируется сделать функцию оптимизации кода для объединения множества развернутых свойств селекторов в одно групповое, устранение дублей кода и Эвристический анализатор создающий новые классы оптимизируя предыдущие - при этом прийдется менять HTML код, но качество CSS будет значительно выше.

Помоги проекту.

Если Вам это интересно Вы можете поддержать проект вашими мыслями, о том какие функции были бы Вам необходимы, или сообщив нам о наших ошибках. Пишите нам письма KUIPACUIP или No Buen Hombre или оставьте сообщение в гостевой книге.

Пожертвования.

Вы можете пожертвовать деньги на развитие проектов

через систему Яндекс-Деньги. Номер нашего кошелька: 4-1001-7067-5788.

Или через систему WEBMoney, наши кошельки: E299-159-428-708 R394-608-273-039 U244-722-471-350 Z891-637-007-807