О сайтостроении, музыке и путешествиях

Онлайн инструмент для сортировки CSS свойств

При написании 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: см. свежий пост.