I’m currently working to refresh my CSS skills. It’s been an interesting process thus far. CSS is a very powerful computer language that has given web designers a huge level of control over the presentation of web content, and it’s only grown more powerful in the many years since it has been introduced. I wrote my first webpage an eternity ago, back when CSS support was spotty among web browsers and the only thing I really used CSS for was to create mouseover effects with a:hover. It’s amazing how far the web has come since then.

I’m going to use this post to list some of the CSS resources I’ve found online that may come in handy later.

• Official CSS website from W3C
• Sample CSS Demo from W3C
• The 30 CSS Selectors you Must Memorize – part of a CSS3 Mastery guide
• CSS Edge, a series of CSS1 and CSS2 templates by Eric Meyer
• CSS Tools by Eric Meyer, including a reset style sheet and a diagnostic style sheet to validate HTML mark-up.
• Using div tags to create tables
• The psychology of fonts
• CSS Font Stack
• WebDesignDev
• Vision
• CSS frameworks
  • reset.css (Eric Meyer)
  • normalize.css
  • 960 Grid System (960.gs) (fixed-width)
  • Blueprintcss.org (fixed-width)
  • cssgrid.net (responsive)
  • Bootstrap front-end framework

Books to look up

• Mobile First / Introducing HTML5 (Bruce Lawson, SHarp)
• CSS3 Visual Quickstart Guide
• Stunning CSS3 – A Project Based Guide