SciTE에서 css tidy 사용하기
SciTE에서 css tidy 사용하기
[블로그 스킨 만들기] 블로그 속도를 빠르게 - css tidy에서 소개해드렸던 사이트는 사실 css tidy의 웹버전입니다.
그래서 웹에 접속하지 않고 css tidy라는 툴을 이용하면 SciTE에서 바로 css 최적화를 할 수 있습니다.
css tidy 는 원래 commandline tool로 개발되었습니다. 그래서 SciTE 메뉴에 도구(Tool) 추가하기를 참고하여 SciTE에서 사용할 수 있는 거죠.
우선 위 홈페이지에서 CSS Tidy를 "SciTE가 설치된 폴더\CSS tidy"에 내려받습니다.
CSS Tidy를 SciTE 도구 메뉴에 추가하기
SciTE 메뉴 - 설정 - css.properties 파일 열기를 선택합니다.
아래 내용을 css.properties 파일의 제일 아래에 넣고 저장하세요.
command.name.10.$(file.patterns.css)=CSS Tidy
command.10.$(file.patterns.css)="$(SciteDefaultHome)\CSS Tidy\csstidy.exe" "$(FilePath)" --remove_last_;=true sort_properties=true --template=highest "$(FilePath)"
command.is.filter.10.$(file.patterns.css)=1
command.save.before.10.$(file.patterns.css)=1
command.shortcut.10.$(file.patterns.css)=Ctrl+T
command에 있는 매개변수들은 css tidy usage에서 확인할 수 있습니다.
이제 SciTE에서 css 파일을 편집할 때, 편집을 끝내고 Ctrl + T를 누르면 css가 최적화됩니다.
수정된 내용은 SciTE 하단의 output pannel에 표시됩니다.
최적화된 css를 홈페이지나 블로그에 사용하세요.
블로그 속도를 빠르게 - css tidy
SciTE 메뉴에 도구(Tool) 추가하기
SciTE에서 같은 단어 표시하기
SciTE에서 문장 끝의 공백 지우기
'Autoit > SciTE' 카테고리의 다른 글
SyntaxHighliter 오토잇 구문강조 색 변경 (0) | 2012.02.08 |
---|---|
SciTE에서 선택영역을 HTML로 복사하기 3 (0) | 2011.10.20 |
SciTE에서 문장 끝의 공백 지우기 (0) | 2011.06.06 |
SciTE에서 사용하면 좋은 Lua Script 2 (0) | 2011.06.02 |
SciTE에서 같은 단어 표시하기 (0) | 2011.05.30 |
give start - 굿네이버스 - 사랑의 열매 - 아름다운재단 - 어린이재단 - 유니세프 | ||
---|---|---|