- YaC 2013
- Всё, что вы делаете в Vim неправильно
- CSScomb 2.06
- IntelliJ IDEA → VIM
- Подкаст «Сделайте мне красиво!»
- Разыскиваются настройки
- Твиттер на коленке
- Видео с 404fest
- Домены .рф и зоны первого уровня
- Самое лучшее видео с 404fest
- Еду в Самару
- О локализации сайта
- Javascript API
- Автообновление IE9
- HTML5 Killers
- IE9 beta
- Про ссылки на RSS
- Про Flexbox, Grid, Template layout
- О теге audio и его атрибуте loop
- Управление цветами при помощи CSS
- Пишите правильно: «репозиторий»
- Лирическая заметка о WSD'09 в Минске
- CSS Reorder: Divide et impera
- О Минске, стандартах и просветлении
- Пятница — день обновлений CSS reorder
- H1
- Фотки с Я.Субботника
- HTML 5 demos
- Первый в мире сайт
- Вложенные списки
- Верстка сервисной навигации
- Про отсутствие курсора и как следствие :hover
- Кроссбраузерные полупрозрачные блоки с использованием opacity
- Футболки
- Масштабирование размера шрифта в IE
- Способ заклуглять уголки без картинок и без JavaScript
- Метассылки и кнопки в веб-интерфейсах
Онлайн инструмент для сортировки 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: см. свежий пост.