Hi Guys,
I'm new to learning CSS and I'm trying to find some good books/web references for learning about CSS. I came upon this site and I thought it would be a good idea to ask what gems you guys have come across.
12 answers
points
If you wan't to Learn CSS then a pure reference might not cut it. Here's what I've used in a course in web development:
Web:
A List Apart – Topics: Code: CSS
A List Apart – Progressive Enhancement with CSS
456 Berea Street – CSS2 selectors, Part 1
456 Berea Street – CSS2 selectors, Part 2
456 Berea Street – CSS2 selectors, Part 3
456 Berea Street – CSS3 selectors explained
456 Berea Street – The CSS, HTML, and JavaScript Lab
Books:
Budd, Andy: CSS Mastery Friendsof ED, 2006+
Mayer, Eric A: CSS The Definite Guide O’Reilly, 2007+
Adams, Cameron; Bolton, Jina; Johnson, David; Smith, Steve; Snook, Jonathan: The Art & Science of CSS Sitepoint 2007+
- Something weird had happened, my answer had been cropped from it's original length (cut in half). And not by my hand. So I hade to write it down all again...
points
I would recommend visiting W3 Schools - they have a lot of different tutorials - including one for CSS and a complete reference. Yout can start here: http://w3schools.com/css/ Other tutorials and references can be found at their main site located at http://w3schools.com/
Another great site for an overview of what you can accomplish with CSS is the CSS Zen Garden
Good luck and enjoy the powers of CSS :)
points
The best I've come across is SitePoint's CSS Reference ... they have comprehensive references on HTML and Javascript too ...
http://reference.sitepoint.com/css
points
The best way I found was to read a book which will teach you the basics (such as http://is.gd/2d67C and http://is.gd/2d6c6). Once you are comfortable with the concepts (such as the box model, quirks mode, the practical differences between doctypes etc..) you should read the W3C standards documents.
These are the official spec documents for CSS. Version 2.1 will work with with all browsers (except for some exceptions in IE6 and IE7). Browsers such as Chrome, Safari, and Firefox (to a lesser extent) are starting to implement features of version 3. http://www.w3.org/TR/CSS21/ http://www.w3.org/Style/CSS/current-work
Hope his helps!
points
Personally I think http://www.smashingmagazine.com has some pretty good articles on CSS (along with lots of other stuff).
point
I personally find that HTML Dog is pretty much ideal for learning html and css, has a bunch of tutorials and a large reference section.
points
I'll add another vote for HTML Dog.
Also, once you've gotten a grasp of the basics, Bulletproof Web Design by Dan Cederholm is an absolute must read. A lot of decent looking designs are very fragile and prone to collapse due to font-size changes or browser window resizing.
Once you understand how to build a page that is functional, you can learn how to build a page that is more than functional. Andy Clarke's Transcending CSS is a perfect primer for getting the most out of creative markup and css. And it's a beautiful book to boot.
points
....Also after reading the books, check out other people's web sites that you find clever and look at the CSS and HTML. Reading and learning from (but not copying) other people's code is another fantastic learning tool.
points
Hi, a little selection of tutorials and other things (I'm french and read more english than I write) French :
- http://www.alsacreations.com/ (Tutorials and referencies)
- http://www.alsacreations.com/static/gabarits/ (CSS patterns)
English (No tutorial because I learned most of css on alsacreation)
- http://www.quirksmode.org/css/contents.html (Table of compatibilities)
- http://www.email-standards.org/ (Same but for mail)
- http://www.cssplay.co.uk/ (lot of ressources)
points
If you prefer video instruction and you're just starting out, I'd recommend subscribing to the Art of Code podcast. Look at the earlier episodes to learn the basics.
points
It's good to know the specification and to use it for reference http://www.w3.org/TR/CSS21/
