CSS를 리팩터링하는 데 도움이 되는 유틸리티가 있습니까?
-
02-07-2019 - |
문제
나는 최소한으로 작성되지 않은 일부 CSS로 작업하고 있습니다.저는 디자인/CSS 전문가는 아니지만 적어도 씨 CSS에서.VS-2008 내부의 내장 CSS 지원은 이전 버전에 비해 훨씬 향상되었지만 여전히 내가 원하는 기능을 제대로 수행하지 못합니다.
ReSharper가 C#에서 허용하는 것과 같이 CSS를 리팩터링하고 정리하는 데 도움이 되는 좋은 프로그램이나 유틸리티를 아는 사람이 있는지 궁금합니다.
있으면 좋을 몇 가지 기능은 다음과 같습니다.
- CSS 파일을 검사하고 글꼴 스타일, 색상 등과 같은 일반적인 스타일을 추출하는 방법을 결정합니다.
- VS-2008 플러그인은 정말 멋질 것입니다!
- 마크업 파일을 검사하고 현재 클래스 및 스타일 사용을 개선하기 위한 몇 가지 제안 사항을 제시합니다.
해결책
그만큼 Dust-Me 선택기 Firefox 확장 웹사이트를 스캔하여 CSS가 사용되는 것과 사용되지 않는 것을 알려줄 수 있습니다.사용되지 않는 CSS를 제거하는 것은 리팩토링의 좋은 첫 번째 단계입니다.
웹사이트에서 일부 섹션을 제거하면 HTML은 제거되지만 CSS는 제거되지 않는 경우를 종종 발견했습니다.
다른 팁
ASP.NET 2.0을 사용하는 경우 다음이 있습니다. 리팩터링!ASP.NET용
저는 운좋게 잘 사용했어요 스타일라이저 과거에.더 멋지고 비용은 TopStyle의 1/6에 불과합니다.
css2sass라는 실행 파일과 함께 제공되는 HAML이라는 Ruby gem이 있습니다.해당 실행 파일은 CSS를 다음으로 변환합니다. SASS, 는 리팩토링을 훨씬 쉽게 해주는 CSS 기반의 메타언어입니다(선택기 간의 관계를 더 잘 보여줌으로써).한 번 살펴볼 가치가 있을 것 같습니다.
저는 WestCiv를 사용하곤 했어요 스타일마스터, 꽤 좋은 CSS 편집기/검사기/디버거 앱입니다.이를 위에서 언급한 Firebug와 결합하면 CSS를 완벽하게 파악할 수 있습니다.
가지고 놀려는 나의 시도 .NET에 대한 간략한 설명.
조금 늦었을 수도 있지만 ReSharper 6 조기 액세스 미리보기(EAP)가 이를 해결해 드립니다!
CSS 파일에서 "#"을 입력하면 프로젝트의 모든 ID가 자동 완성됩니다.한 기간과 동일 "." 모든 수업을 나열합니다.
제일 좋은 부분:선택기의 이름을 바꾸면 프로젝트 전체의 이름이 변경됩니다.즐겁지는 않더라도 CSS를 훨씬 빠르게 리팩토링할 수 있습니다.
나는 Expression Web의 CSS 기능을 좋아합니다.그러나 CSS를 최소화하거나 통합하는 데는 큰 도움이 되지 않습니다.CSS를 올바르게 사용하려면 CSS가 어떻게 작동하는지 이해해야 합니다.
Firefox용 EditCSS는 놀랍습니다.
이 사이트는 최소한 규칙을 정렬하고 최소화하는 데 도움이 됩니다. http://www.cleancss.com/
그것은 당신이 원하는 곳으로 당신을 데려다주지는 못하지만 좋은 첫 번째 단계입니다.