css 분석툴? 정보
css 분석툴?본문
해외사용자 게시판에 맞는 글일지 모르겠지만,
리자님 독식을 막기위해서.. ㅎㅎ
새로 만들때도 있으면 좋겠지만, (그누보드 처럼) 기존 css 를 분석? 할 수 있는 툴이 있을까요?
특정 화면에서 사용하는 selector들만 쫘악 보여준다거나..
물론 브라우져 개발자 툴로, 특정 요소를 선택하면, 적용된 css 들을 볼수 있기는 한데,
뭔가 더 종합적인 구조로 볼 수 있으면 좋겠다는 생각을 가끔 합니다.
사실 어떤 기능을 원하는지도 잘 모르겠어요.. -_-
php 코드도 그렇지만, css 는 정말 뒤죽박죽이 되기 쉬워서,
자동으로 css 최적화등을 해주고, 쉽게 정리해서 보여주는 그런 툴이 있으면 좋겠다는 생각을 자주 해봅니다.
혹시 비슷한 툴을 아시면 알려주세요. ^^
추천
0
0
댓글 3개
크롬 개발자도구... 좋습니다.
네 저도 맨날 쓰고 있습니다. ^^
source 까지 연결하면 수정하면서 저장까지 되어서 좋죠.
제가 찾는 툴은, selector들의 전체적인 구조나, 하나를 수정할때 미치는 영향? 같은 것을 볼 수 있는 툴이랄까요? ㅎㅎ
물론 잘 설계된 id 를 많이 쓰면 해결되겠지만, 중복되는 것도 있고 아무래도 class와 selector 계층들을 잘 사용하면 좋을것 같아서요..
그러려면, 전체 구조를 머리속에 그리고 있어야 하는데, 처음부터 완벽하게 하기는 불가능하고, 작업하면서 추가해나가면서도 뭔가 계속 최적화된 결정을 도와주는..
아 쓰면서도 무슨 말인지 모르겠네요.. ㅎㅎ
일단은, 그누 css 분석을 좀더 시스템적으로 해놓으면 좋겠네요..
html 파서등을 써서 특정 화면에서 사용된 selector와 해당 css 요소들을 정리해볼까 합니다. ^^
source 까지 연결하면 수정하면서 저장까지 되어서 좋죠.
제가 찾는 툴은, selector들의 전체적인 구조나, 하나를 수정할때 미치는 영향? 같은 것을 볼 수 있는 툴이랄까요? ㅎㅎ
물론 잘 설계된 id 를 많이 쓰면 해결되겠지만, 중복되는 것도 있고 아무래도 class와 selector 계층들을 잘 사용하면 좋을것 같아서요..
그러려면, 전체 구조를 머리속에 그리고 있어야 하는데, 처음부터 완벽하게 하기는 불가능하고, 작업하면서 추가해나가면서도 뭔가 계속 최적화된 결정을 도와주는..
아 쓰면서도 무슨 말인지 모르겠네요.. ㅎㅎ
일단은, 그누 css 분석을 좀더 시스템적으로 해놓으면 좋겠네요..
html 파서등을 써서 특정 화면에서 사용된 selector와 해당 css 요소들을 정리해볼까 합니다. ^^
파폭 개발자 버젼과 웹디벨로퍼~~ 를 사용합니다