Есть ли какие-либо утилиты, которые помогут мне реорганизовать CSS

Я работаю с некоторыми CSS, которые плохо написаны, если не сказать больше. Я не эксперт по дизайну /CSS, но по крайней мере понимаю CSS C в CSS. Хотя встроенная поддержка CSS внутри VS-2008 значительно улучшена по сравнению с предыдущими версиями, она по-прежнему не совсем делает то, что я ищу.

Мне было интересно, знает ли кто-нибудь о хорошей программе или утилите, которая поможет мне реорганизовать и очистить мой CSS, как то, что ReSharper позволяет делать с С#.

Некоторые функции, которые были бы хороши:

Изучите файлы CSS и определите способы извлечения общих стилей, таких как стиль шрифта, цвет и т.д.
Плагин для VS-2008 будет потрясающим!
Изучите файлы разметки и внесите некоторые предложения по улучшению текущего использования классов и стилей.

Ответ 1

Dust-Me Selectors Расширение Firefox может сканировать веб-сайт и рассказать вам, что используется CSS, а что нет. Удаление неиспользуемого CSS - один из первых шагов в рефакторинге.

Я часто обнаружил, что когда какой-либо раздел удаляется с веб-сайта, HTML удаляется, но CSS не является.

Ответ 2

TopStyle популярен и всегда тот, который я рекомендую. Он имеет рекомендации по стилям и т.д.

Я использую Aptana, но это не делает рефакторинг только флагов ошибок и позволяет настроить таргетинг на определенные браузеры. Использование этого может помочь достойная книга CSS.

Ответ 3

Firebug - очень хорошее расширение Firefox, которое позволяет вам изучить, какие объявления CSS активны, для какого элемента DOM в вашем дереве документов.

Несмотря на то, что он не делает никаких предложений по улучшению, это очень помогает при отладке/упрощении кода CSS вручную.

Расширение Web Developer также является отличной помощью.

Ответ 4

Если вы используете ASP.NET 2.0, ReFactor! для ASP.NET

Ответ 5

Там камень Ruby называется HAML, который поставляется с исполняемым кодом css2sass. Этот исполняемый файл переводит CSS в SASS, который является метаязыком поверх CSS, что значительно облегчает рефакторинг (лучше иллюстрируя отношения среди ваших селекторов). Может стоить взглянуть.

Ответ 6

Мне довелось использовать Stylizer в прошлом. Это лучше и стоит только 1/6 от TopStyle.

Ответ 7

Я использовал WestCiv StyleMaster, который является довольно хорошим редактором CSS/инспектором/отладчиком. Объедините это с азартным Firebug, и вы не сможете не оставаться на вершине своего CSS.

Ответ 8

Моя попытка играть с Less for.NET.

Ответ 9

Возможно, я немного опоздаю, но предварительный просмотр предварительного просмотра ReSharper 6 (EAP) сделает это за вас!

В файле CSS ввод "#" будет автоматически заполнять каждый идентификатор из вашего проекта. То же самое с периодом "." чтобы перечислить все ваши классы.

Лучшая часть: при переименовании селектора она переименует ее по всему проекту. Это делает рефакторинг CSS намного быстрее, если не приятным.

Ответ 10

Мне нравится Expression Web CSS. Но это не делает для минимизации или унификации CSS. Вы должны понять, как CSS работает, чтобы правильно использовать его.

Ответ 11

EditCSS для firefox поражает.

Ответ 12

Этот сайт по крайней мере помогает сортировать и сводить к минимуму ваши правила: http://www.cleancss.com/
Это не приведет вас туда, где вы хотите быть, но это хороший первый шаг.

Ответ 13

Возможно CssTidy или CssOptimiser может помочь очистить и сделать меньше