자주 사용하는 것들

  • Ultimate CSS Gradient Generator : 그라디언트를 생성하는데, 하나 하나 맞출 수도 있지만 그런 용도로 쓰는 건 아니고, 그라디언트 이미지를 올리면 그걸 CSS3로 변환해 준다. IE 체크를 하면 IE8까지 호환되는 코드를 준다.
  • Markdown Online : 텍스트 문서로 온 것을 HTML로 변환할 때 사용한다. 마크다운은 일관성 있는 변환을 해 주기 때문에 상당히 간편하다.
  • CSSrefresh : 북마클릿이다. 북마크바에 놓고 한 번 눌러주면 CSS 파일 변경을 감지해서 변경된 경우에 바로 사이트에 적용해 준다. F5 누르는 수고와 기다리는 0.5초를 절약해 준다. (CSSrefresh 북마클릿 ← 이 놈을 북마크바에 끌어다 놓으면 된다.)
  • 네이버 영어사전, 구글 번역 : 함수와 변수 네이밍할 때 쓴다. 이 도구들 중 가장 자주 쓸 거다.

가끔 사용하는 것들

  • CSS Lint : CSS의 오류를 잡아 준다. CSS는 오타 잡기가 쉽지 않은데, 이놈을 이용하면 바로바로 잡아 준다.
  • Image Map Generator : 이미지를 올리고, 드래그 앤 드롭으로 영역을 설정하면 이미지맵 코드를 생성해 준다. 자신들을 광고하는 코드를 같이 넣는다고 기본으로 돼 있는데, 그거 해제하는 거 잊지 마시고. (물론 뽑아낸 코드에서 그냥 지워도 된다.)