Есть ли какие-нибудь утилиты, которые помогут мне провести рефакторинг CSS?
https://stackoverflow.com/questions/114272
-
02-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
Я работаю с CSS, который написан, мягко говоря, плохо.Я не эксперт по дизайну/CSS, но, по крайней мере, понимаю С в CSS.Хотя встроенная поддержка CSS в VS-2008 значительно улучшена по сравнению с предыдущими версиями, она по-прежнему не совсем соответствует моим запросам.
Мне было интересно, знает ли кто-нибудь хорошую программу или утилиту, которая поможет мне провести рефакторинг и очистить мой CSS, например, то, что ReSharper позволяет делать с C#.
Некоторые функции, которые было бы неплохо иметь:
- Изучите файлы CSS и определите способы извлечения общих стилей, таких как стиль шрифта, цвет и т. д.
- Плагин к VS-2008 был бы потрясающим!
- Изучите файлы разметки и внесите несколько предложений по улучшению текущего использования классов и стилей.
Решение
А Расширение Dust-Me Selectors для Firefox может просканировать веб-сайт и сказать вам, какой CSS используется, а какой нет.Удаление неиспользуемого CSS — хороший первый шаг в рефакторинге.
Я часто обнаруживал, что при удалении какого-либо раздела с веб-сайта HTML удаляется, а CSS — нет.
Другие советы
Высший стиль популярен, и я всегда слышу, что его рекомендуют.Там есть рекомендации по стилям и т. д.
я использую Аптана но это не выполняет рефакторинг, а просто отмечает ошибки и позволяет ориентироваться на определенные браузеры.Использование этой приличной книги по CSS может помочь.
поджигатель — очень хорошее расширение Firefox, которое позволяет вам проверять, какие объявления CSS активны для какого элемента DOM в дереве вашего документа.
Хотя он не содержит никаких предложений по улучшению, он очень помогает при отладке/упрощении кода CSS вручную.
А Веб-разработчик расширение также является большим подспорьем.
Если вы используете ASP.NET 2.0, есть РеФактор!для ASP.NET
Мне повезло использовать Стилизатор в прошлом.Это приятнее и стоит всего 1/6 стоимости TopStyle.
Существует драгоценный камень Ruby под названием HAML, который поставляется с исполняемым файлом css2sass.Этот исполняемый файл преобразует CSS в САСС, который представляет собой метаязык поверх CSS, который значительно упрощает рефакторинг (путем лучшей иллюстрации отношений между вашими селекторами).Возможно, стоит посмотреть.
Раньше я использовал WestCiv СтильМастер, который является довольно хорошим приложением для редактирования/инспектора/отладки CSS.Объедините это с вышеупомянутым Firebug, и вы не сможете не оставаться в курсе своего CSS.
Моя попытка поиграться с Меньше для .NET.
Возможно, я немного опоздал, но предварительная версия раннего доступа ReSharper 6 (EAP) сделает это за вас!
В файле CSS ввод «#» автоматически заполнит каждый идентификатор вашего проекта.То же самое с периодом ". Чтобы перечислить все свои занятия.
Лучшая часть:когда вы переименовываете селектор, он переименовывает его для всего проекта.Это делает рефакторинг CSS намного быстрее, если не сказать более приятным.
Мне нравятся CSS-возможности Expression Web.Но это мало что дает для минимизации или унификации вашего CSS.Вы должны понимать, как работает CSS, чтобы правильно его использовать.
EditCSS для Firefox просто потрясающий.
Этот сайт, по крайней мере, помогает сортировать и минимизировать ваши правила: http://www.cleancss.com/
Это не приведет вас туда, где вы хотите быть, но это хороший первый шаг.
Может быть CSSTidy или CssOptimiser может помочь в уборке и уменьшении
