Comments on: Most useful CSS related resources?

Question: Most useful CSS related resources?

volandmast — Fri, 02 Jun 2006 07:02:09 -0800

I'd like to learn more about Cascading Stylesheets, but there are so many resources related to CSS - so I simply do not know where to begin. Sometimes there is too much, sometimes there isn't enough. Therefore I'd like to ask, which resources would you recommend as the most useful and ultimate web-sites related to CSS?

Please don't post hundreds of links, instead please describe, why the resource is useful and why you keep using it every day, while developing web-sites.

By: Zozo

Zozo — Fri, 02 Jun 2006 07:12:36 -0800

You'll probably find Index Dot CSS more useful once you've found a firm footing. It's not a from-scratch tutorial by any means, but hang onto this link: it's the only CSS reference I've ever needed.

I find myself most using the complete property index, sorted by type (background, font, margin) and alphabetically (from accelerator to zoom), and the invaluable reference table for selectors. The browser-compatibility data is a bit out of date, but the rest is golden.

(I've been writing HTML for ten years and I still look things up at Index Dot HTML once a week.)

By: gsh

gsh — Fri, 02 Jun 2006 07:31:33 -0800

Here's a downloadable course from Westciv which web geeks love in ways most unwholesome.

By: Leon

Leon — Fri, 02 Jun 2006 07:51:52 -0800

I use the w3schools quick ref all the time to look up the exact format of a rule.

Other than that, I've never "learnt" CSS (beyond the "eureka" moment I got from this); I just kept reading essays, and stirring more and more CSS into the mix until I was mostly producing semantic XHTML.

Keep an eye on the css/html/web/javascript tags at del.icio.us. If it's worth reading, it will bubble up to the top there at some point, though of course popular doesn't always equal good (I'm still pissed at the guy a few months back who wrote an article on using definition lists for FAQs, and styling the <dd> display:none by default).

By: rinkjustice

rinkjustice — Fri, 02 Jun 2006 08:07:57 -0800

Find a website that uses css craftily and study the code. Manipulate it. Experiment, then reference the internet when you don't understand something. Take it piece by piece.

By: synecdoche

synecdoche — Fri, 02 Jun 2006 08:33:53 -0800

I taught myself with help from Mulder's Stylesheet Tutorial.

By: scalefree

scalefree — Fri, 02 Jun 2006 09:28:50 -0800

I'm surprised nobody's mentioned CSS Zen Garden yet. Hundreds of styles applied to a single standard page designed with showing off the capabilities of CSS in mind. Not strictly a tutorial but highly educational nonetheless, with new styles added all the time.

By: kirkaracha

kirkaracha — Fri, 02 Jun 2006 10:03:56 -0800

Max Design has good articles on CSS; their Listutorial, Floatutorial, and Selectutorial are good introductions.

SelectORacle translates CSS selectors into English and Spanish.

A List Apart has some good CSS articles by industry experts.

The W3C's CSS Validator is very useful in tracking down CSS problems; there's a browser favorite for one-click CSS validation.

HTML Dog's CSS Beginner's Guide "assumes that you know as much about CSS as you do about the cumulative effects of sea squirt discharge on the brain chemistry of Germanic ammonites. Their intermediate and advanced guides are also pretty good, and they have a nice CSS reference.

By: jeremias

jeremias — Fri, 02 Jun 2006 10:22:56 -0800

Max Design has good articles on CSS; their Listutorial, Floatutorial, and Selectutorial are good introductions.

I second the above. Extremely helpful tutorials.

By: Cyrie

Cyrie — Fri, 02 Jun 2006 11:33:18 -0800

I'll third Max Design. I had basic knowledge of CSS for cosmetics, but not layout - last time I did a redesign, I decided to go whole hog. The Max Design stuff (in particular, the coloured boxes method) perfectly suited my learning style around HTML and CSS, which is usually just taking layouts of sites I like, and then messing around with them to see which element moves what and how they look in different browsers.

By: Mike C.

Mike C. — Fri, 02 Jun 2006 20:44:41 -0800

If you'd like to have a book, I'd recommend Head First HTML with CSS & XHTML. I'd say it's damn near impossible to read this book and not understand it the first time through. It goes one step at a time -- learning the concepts and using them rather than spewing reference information.

By: IndigoRain

IndigoRain — Sat, 03 Jun 2006 07:47:40 -0800

The No Crap Primer to CSS along with the CSS Crib Sheet and the CSS guide at HTML Goodies. Once you know what you're trying to do, Holy CSS Zeldman is good too.