Your first time on this page? Allow me to give some explanations.
Awesome CSS Learning
A tiny list limited to the best CSS Learning Resources
Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.
Thank you micromata & contributors
View Topic on GitHub:
Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.
Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.
An extensive CSS reference offering way more content than MDN.
CSS in a nutshell
This article explains what the cascade is and how this affects you.
Understanding specificity and inheritance is important to master CSS. This article will help.
An article explaining the foundation of layout on the web.
Overview covering absolute and relative units.
An introducing to the very basic CSS selectors you need to know.
Level up your knowledge. From attribute selectors to CSS3 pseudo classes.
Custom properties (aka CSS variables)
A short introduction to CSS variables.
Describes the advantages of locally scoped CSS variables.
Patterns and anti-patterns for using CSS variables.
In depth article going beyond the basics of CSS Variables using real-world examples.
Jen Simmons video series about the new CSS Layout possibilities.
In depth information about how to use (and clear) floats.
A closer look at a few little-known things related to the CSS positioning layout method.
A community-curated list of flexbox issues and cross-browser workarounds for them.
A tower defense game in the browser to learn about Flexbox with fun.
Learn all the basics of Flexbox with a fun game involving frogs and lily pads.
A training course driven by a storyline where you use Flexbox and a crossbow to hunt zombies.
A curated list of Grid interop issues
All you need to know about CSS Grid Layout on one page.
Besides examples of how to use Grid this site also has additional useful learning ressources.
Talk about the new layout possibilities CSS Grid is offering.
Lovely game where you write CSS code to grow your carrot garden.
An introduction to to CSS transitions and CSS (2D) transforms.
Also addressing advanced topics from chaining and events to hardware acceleration and animation functions.
Multi page tutorial with examples like card flip and carousel effects.
Imparts the concepts of CSS animations with keyframes.