CSS LINT?
CSS Lint는 오픈 소스 기반의 CSS 코드 성능 도구(CSS code quality tool)로
Nicholas C. Zakas와 Nicole Sullivan에 의해 작성되었다고 합니다.
소스 코드의 정적분석(static analysis)을 실행하고, 개발자에게 문제를 일으킬만한 패턴이나 오류를 찾아냅니다.
기본적인 문법 오류 확인부터 문제가 있는 패턴이나 성능면에서 좋지 않은 부분들을 잡아내기도 합니다.
세부적으로 어떤 부분을 확인하는지는 아래 규칙을 보면서 살펴보시면 좋겠습니다.
규칙
원문: https://github.com/stubbornella/csslint/wiki/Rules
번역: https://github.com/hyunchulkwak/csslint/wiki/규칙
번역된 부분은 CSS Lint가 어떤 부분을 오류나 문제를 일으키는 패턴으로 판단하는지 정하는 규칙(Rules) 부분입니다.
CSS Lint 개발자에게 허락을 받았기 때문에 다른 곳에 공유하셔도 무방합니다.
wiki 전체 원문은 여기에서 확인하시면 됩니다. 규칙 외의 다른 부분에 대한 한글 번역은 완료되지 않았습니다.
사용하기
- http://csslint.net 으로 접속합니다.
마음을 아프게 하지만 코드는 좋게 만들어준다는 친절한(?) 메세지가 보입니다.
거기에다가 많을 수록 좋으니 가진 걸 다 내놓으라고 하네요.
- 입력란에 확인해볼 CSS를 추가하고 LINT! 버튼을 누르면
CSS Lint의 모든 규칙을 이용해 오류나 문제가 되는 패턴을 찾아내줍니다.
- 특정한 규칙을 제외하고 싶다면 LINT! 옆의 ▼ 버튼을 눌러서
해당 규칙의 체크를 해제해주면 제외할 수 있습니다.
- CSS Lint가 CSS에 있는 오류와 잘못된 패턴에 대해 경고를 정리해서 보여줍니다.
관련정보
- CSS Lint http://csslint.net/
- CSS Lint @ Github https://github.com/stubbornella/csslint
- 개발자 웹사이트 http://www.stubbornella.org/content/
0개의 댓글