Some quick notes and links for the talk I gave at WordCamp Vancouver about Debugging CSS.

Edit: You can now watch a recording of Debugging CSS. Spot the three projector failures!

Steps

1. Is the HTML valid?
2. Is the CSS valid?
3. Is the right CSS being applied?
   1. Is what you typed being applied?
   2. Is other stuff being applied?
   3. Is what’s being applied right?
4. Does CSS support what you’re doing?
5. Does the browser support it?
6. Can you isolate the problem?
7. Ask for help

Tools

• Developer tools
• W3C HTML validator / CSS validator
• csslint.net
• caniuse.com
• MDN
• Stack Overflow
• codepen.io /jsfiddle.net

Other resources

• Cross-Browser Debugging CSS