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

Question

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

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

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

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

Answer 1

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

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

Answer 2

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

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

Answer 3

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

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

Расширение Web Developer также очень помогает.

Answer 4

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

Answer 5

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

Answer 6

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

Answer 7

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

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

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

Answer 8

Моя попытка поиграться с Меньше для .NET .

Answer 9

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

Answer 10

Может быть CssTidy или CssOptimiser может помочь очистить и уменьшить размер