나는 적어도 말하기 힘들게 작성된 CSS로 작업하고 있습니다. 나는 디자인/CSS 전문가는 아니지만 최소한 CSS에서는 C을 이해합니다. VS-2008 내부에 내장 된 CSS 지원은 이전 버전에 비해 훨씬 향상되었지만 여전히 내가 원하는 것을 수행하지는 못합니다.나를 리팩터링하는 데 도움이 될 수있는 유틸리티가 있습니까?
누군가가 ReSharper가 C#으로 할 수있는 것과 같은 리팩토링 및 정리에 도움이되는 훌륭한 프로그램이나 유틸리티를 알고 있는지 궁금합니다. 좋은 것
일부 기능이합니다 :
Dust-Me Selectors Firefox extension은 웹 사이트를 스캔하여 사용 된 CSS와 사용되지 않은 CSS를 알려줍니다. 사용되지 않는 CSS를 제거하는 것은 리팩토링에서 좋은 첫 걸음입니다.
일부 섹션이 웹 사이트에서 제거되면 HTML은 제거되지만 CSS는 삭제되지 않는 경우가 종종 있습니다.
Firebug은 매우 훌륭한 Firefox 확장 기능으로 어떤 CSS 선언이 문서 트리에서 어떤 DOM 요소에 대해 활성화되어 있는지 확인할 수 있습니다.
개선을위한 제안은 없지만 손으로 CSS 코드를 디버깅/단순화 할 때 큰 도움이됩니다.
Web Developer 확장 또한 큰 도움이됩니다.
저는 방화범이 끌려 꽤 광범위하게 사용하지만, 실제로 필요한 것은 어떤 스타일이 벙어리인지 말해 줄 것입니다. 예를 들어 모든 단일 클래스에서 글꼴 스타일과 색상을 설정하는 경우. 나는 이것이 멍청하다는 것을 알고 있지만, 나는이 정보를 얻는 더 빠른 길을 찾고있다. – Josh
내가 Expression Web에서의 CSS 시설을 좋아하지있다. 하지만 CSS를 최소화하거나 통합하는 데별로 도움이되지 않습니다. CSS를 올바르게 사용하는 방법을 이해해야합니다.
저는 꽤 좋은 CSS 편집기/검사기/디버거 앱인 WestCiv의 StyleMaster을 사용했습니다. afforementioned 방화범과 그것을 결합, 당신은 도울 수 없지만 귀하의 CSS 위에 머물러 있어야합니다.
이 사이트는 적어도 규칙을 정렬하고 최소화하는 데 도움이됩니다. http://www.cleancss.com/
원하는 위치로 이동하지는 않지만 좋은 첫 번째 단계입니다.
어쩌면 CssTidy 또는 CssOptimiser이 업을 정리하는 데 도움이 할 수 있습니다 작은
HAML이라는 루비 보석이있다 css2sass라는 실행 파일과 함께 제공됩니다. 이 실행 파일은 CSS를 SASS으로 변환합니다.이 언어는 CSS 상단의 메타 언어로, 리팩터링하기가 훨씬 쉬워집니다 (선택자 간의 관계를보다 잘 보여줌으로써). 보세요.
내 시도는 Less for .NET입니다.
게시 된 링크가 잠시 동안 죽었지 만 github 프로젝트가 유지 관리되고있는 것 같습니다 : http://github.com/dotless/dotless/wiki – fordareh
조금 늦을 지 모르지만 ReSharper 6 Early Access Preview (EAP)가 이것을 처리합니다!
CSS 파일에서 "#"을 입력하면 프로젝트의 모든 ID가 자동 완성됩니다. 마침표 "와 동일합니다." 모든 수업을 나열합니다.
최상의 부분 : 선택기의 이름을 바꿀 때 프로젝트 전체 이름이 바뀝니다. CSS는 리팩토링을 훨씬 즐겁게 만듭니다.
팁 리암 덕분에 꽤 괜찮습니다! – Josh
Dust-Me는 인라인 스타일 시트를 검사하지 않고 외부 스타일 만 체크하는 것을 지원하지 않습니다. –
다운로드 페이지에는 의견이 있습니다. 실제로 스타일을 정리하는 도구가 필요합니다 ... http://jclaim.sourceforge.net 시작 ... 메뉴로 이동 : 일반/편리한 도구/CSS 정리 ...이 플러그인에서 파일을 제공하십시오. 그리고 당신의 CSS 파일 그리고 그것은 당신에게 깨끗한 CSS 파일을 보여줄 것입니다 – Vihung