SciTE에서 css tidy 사용하기

[블로그 스킨 만들기] 블로그 속도를 빠르게 - css tidy에서 소개해드렸던 사이트는 사실 css tidy의 웹버전입니다.

그래서 웹에 접속하지 않고 css tidy라는 툴을 이용하면 SciTE에서 바로 css 최적화를 할 수 있습니다.

css tidy 홈페이지

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에서 문장 끝의 공백 지우기