При написании CSS кода я привык записывать свойства в определенном порядке следования друг за другом. Так делают многие мои коллеги. Этот порядок появился в результате целого комплекса логических умозаключений, но сейчас я не буду вдаваться в их подробности, а обращу свое внимание на автоматизацию сортировки свойств в коде уже форматированном, но не соответствующему такому порядку.
Рассмотрим пример кода до сортировки:
body
{
font: 100% Arial, Verdana;
background: url(/i/bg.jpg) 0 0 no-repeat;
padding: 16px;
margin: 0;
}
В соответствии с порядком свойств, который установил для себя, код должен выглядеть так:
body
{
margin: 0;
padding: 16px;
background: url(/i/bg.jpg) 0 0 no-repeat;
font: 100% Arial, Verdana;
}
В случаях, когда приходится работать с чужим кодом я бы хотел иметь возможность быстро выстроить CSS свойства в том порядке, в котором я привык. О самом порядке следования, причинах упорядочивания и тех преимуществах, которые оно дает, я рассказывать не буду — это отдельная тема для обсуждения.
Меня заинтересовало, как автоматизировать процесс пересортировки свойств в чужом коде, либо коде не соответствующем моему привычному порядку следования свойств. Многие редакторы кода позволяют переформатировать код под определенный стиль, но я не встречал ни одного редактора способного упорядочить свойства в рамках фигурных скобок одного селектора.
Недолго думая, я решил написать онлайн инструмент позволяющий пересортировывать CSS свойства. На данный момент он не усложнен дополнительными функциями (хотя очень хотелось). Взору общественности представлена тестовая версия.
UPD 2009.10.16: см. свежий пост.
