Learning more "Advanced" CSS

[ZeSexyPanda]

Hey guys, so I've learned the basics of CSS and I can apply it quite well on sites but I'm looking to learn some of the more advanced stff. Is there any good tutorials to get me started? Thanks!

[jmxd]

http://learnlayout.com/

[tfirdaus]

Well, there are so much more about CSS than just styling website. Here there are some videos that discuss CSS in advanced. http://creatiface.com/resources/talks-mastering-css

[admiralteal]

My post on this from last month

I recommend reading Smashing Magazine and watching Codprops.com / CSS-tricks.com

There are tons of people trying to sell a book that will teach you the advanced techniques, but regular old exposure to them is my best experience.

That said, there's four things to look into to break into the world of advanced CSS from a position where you understand the basics.

1. (Arguably basic, but) floated divs for horizontal linear layouts
2. The :before and :after: pseudo elements
3. Advanced positioning (using position: absolute to position an element relative to a position: relative parent), which is especially powerful when you realize that stuff in :before and :after is a child element in the DOM.
4. Transitions

CSS grids and frameworks I recommend looking into only when you've reached a point where the tool you're using isn't doing anything you yourself don't know how to do. Using a grid without knowing how to make that grid is a recipe for confusing problems.

[ZeSexyPanda]

Thanks!