I have been learning Cascading Style Sheets (CSS) as I go while working on this site. They have saved me much time and grief; I can’t believe that I ever did any design without them! While learning, I have run into a number of helpful resources scattered across the net. Here they are, in no order whatsoever:
- CSS Cheat Sheet – available as a downloadable .png or .pdf, this cheatsheet lists all selectors, pseudo-selectors, properties, etc. and presents just about everything you’ll need to know on a single page.
- CSS Layout Techniques – A great compilation of tips and tricks for creating cross-browser supported CSS style sheets.
- CSS Templates – Free-to-use CSS templates that can be tweaked and extended to meet your needs.
- CSS Zen Garden – Beautiful examples of CSS in action with viewable style sheets and HTML.
- Holy CSS Zeldman! – An authoritative collection of links to CSS resources.
- Squeaky Clean CSS – a blog entry written by Lokesh Dhaka that offers some great pointers on making sure that your CSS stays organized and useable.
- The Layout Reservoir – More simple and extendable CSS templates.
Overall, I have learned that it is best to modify CSS templates a step at a time. After each modification, I view the results of the change and further tweak my modifications, if necessary. This allows me to learn step-by-step and see the direct consequences of the changes that I make to the CSS.
Learning from someone else’s style sheets also helps, as you almost always pick up at least one new design tip in the process.