I've also found The Magic of CSS useful: <a href="http://adamschwartz.co/magic-of-css/" rel="nofollow">http://adamschwartz.co/magic-of-css/</a>
I'd like to give a big sloppy wet kiss (or just a high five) to ScottyE for linking this. I always felt like I walked in halfway through the CSS story and like I just needed to play catchup through trial and error because try as I have, I've failed to find a resource as clear as this. In short, as a designer who never really learned CSS properly before today, this is a godsend. Thanks.
You need to explain what things do.<p>This page, for instance, doesn't explain what flexbox does.<p><a href="http://learnlayout.com/flexbox.html" rel="nofollow">http://learnlayout.com/flexbox.html</a>
Well done. Everything is accurately explained using simple terminology. I'd love to see this expand beyond just layouts. CSS is overwhelming to beginners, but this is dead simple while still delving into deeper, more complex topics.
This was on HN some time last week: <a href="https://news.ycombinator.com/item?id=7521180" rel="nofollow">https://news.ycombinator.com/item?id=7521180</a><p>Good site, though.
I don't know where I'd be without <a href="http://css-tricks.com/" rel="nofollow">http://css-tricks.com/</a> - great site and super helpful forums.
This is a great tutorial and helps me a lot by just reminding me of things.<p>There's a mistake at <a href="http://learnlayout.com/float-layout.html" rel="nofollow">http://learnlayout.com/float-layout.html</a> though were they talk about clearfix and how they are using it without actually using it on that page.
I just thought I'd say that here in case the author reads it.
For the clearfix can't you just use `clear:right` or `clear:both`? Also for inline-block you can also use the ie7 hack `display: inline-block;*display: inline;zoom: 1;`. Nice tutorial though.
If anyone wants a complete view of the picture, there is htmldog[1], which covers CSS, HTML and JS.<p>[1] - <a href="http://htmldog.com/guides/" rel="nofollow">http://htmldog.com/guides/</a>
This site is great for teaching CSS layout skills. Next time someone asks me, I'll refer them here.<p>I especially like how it references caniuse for each property it discusses. Nice work!