웹 뒤에 숨은 Web

Vandelay Design 에 CSS의 도움이 필요할 때를 위한 10가지 자원(10 Resources for When You Need Help with CSS)를 소개하고 있다.

Stack Overflow

Stack Overflow는 소셜 미디어와 포럼이 조합된 사이트로 개발 관련된 내용과 의견이 많고, CSS와 관련된 의견도 많이 등록되어 있다.

CSS-Discuss.org

CSS-Discuss.org 는 CSS와 관련된 대표적인 메일링 리스트다. (꼭 메일링에 가입하지 않아도 공개된 글만 해도 엄청나다!)

CSS Cheat Sheat

CSS Cheat Sheat는 Added Bytes에서 만든 한 쪽 레퍼런스다. (책상 앞에 한장쯤 붙여놓고 있으면 두꺼운 레퍼런스 북을 펼치는 수고를 덜어준다.)

CSS Shorthand Cheat Sheet

CSS Shorthand Cheat Sheet는 Leigerber에서 만든 역시 한 쪽 레퍼런스다. Added Bytes와 달리 자주 사용하는 Margin, Padding, Border, Background, Font, List, Color 에 대한 레퍼런스를 제공한다.

Web Developer Add-On

Web Developer Add-On는 Firefox(Flock, Seamonkey도 지원)의 부가 기능으로 만들어진 것으로 Firebug와 함께 가장 강력한 웹개발 디버깅 툴이다. Firebug가 소스 디버깅 툴에 가깝다면 Web Developer는 분석 도구로 아주 쓸만하다.

Firebug

Firebug에 대한 설명이 과연 필요할까 싶다. 이미 많은 사용자들이 이 부가 기능을 필수 기능처럼 Firefox에 설치해 놓고 사용하고 있는데, YSlow, Inline Code Finder, FireCookie와 같은 Firebug에 또다시 확장되는 부가 기능들도 속속 개발되고 있는 상황이다.

CSS-Tricks

CSS-Tricks는 CSS에 관한한 매우 유명한 블로그이자 인기 블로그인데, 다양한 동영상 강좌(Screen Cast)도 함께 제공하고 있다는게 특징이다.

Using CSS to Do Anything: 50+ Creative Examples and Tutorials

Using CSS to Do Anything: 50+ Creative Examples and Tutorials 는 일반적으로 많이 사용되는 네비게이션, 이미지 갤러리, 라운드 박스 등 50가지의 CSS 예제를 소개하고 있다.

CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices

CSS Layouts: 40+ Tutorials, Tips, Demos and Best Practices 는 레이아웃과 관련된 CSS 40여가지와 팁 등을 소개한다.

Top Reasons Your CSS Columns are Messed Up

Top Reasons Your CSS Columns are Messed Up는 IE의 더블 마진 버그등 레이아웃이 깨지는 현상들에 대한 풀이가 소개되고 있다.