Skip to content
67

Awesome CSS Learning

A tiny list limited to the best CSS Learning Resources

3.9k stars271 forks42 entriesLast push Feb 1, 2026 (8 months ago)License Other

This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.

CSS References

codrops

An extensive CSS reference offering way more content than MDN.

In 4 lists

Can I use

Interactive browser support tables for CSS (and HTML5).

In 9 listsDetails

CSS in a nutshell

Introduction to CSS

This screencast series will teach you the basics of CSS in about one hour.

In 2 lists

Fundamental concepts

The cascade

This article explains what the cascade is and how this affects you.

Specificity and inheritance

Understanding specificity and inheritance is important to master CSS. This article will help.

CSS Box Model

An article explaining the foundation of layout on the web.; Also have a look at the detailed information about the box-sizing property.

Responsive Design

Extensive information about all aspects of responsive design to make sites that look great and work well for everyone.

CSS units

The Lengths of CSS

Overview covering absolute and relative units.

Fun with Viewport Units

Imparts the basics and shows some nifty use-cases.

Selectors

Basic CSS Selectors

An introduction to the very basic CSS selectors you need to know.

Advanced CSS Selectors

Level up your knowledge. From attribute selectors to CSS3 pseudo classes.

CSS Diner

Learn how to use CSS selectors with this fun little game.

In 6 lists

Custom properties (aka CSS variables)

CSS Variables: Why Should You Care?

A short introduction to CSS variables.

Locally Scoped CSS Variables: What, How, and Why

Describes the advantages of locally scoped CSS variables.

Using CSS variables correctly

Patterns and anti-patterns for using CSS variables.

Everything you need to know about CSS Variables

In depth article going beyond the basics of CSS Variables using real-world examples.

Getting Reactive with CSS

Mindblowing talk about the possibilities of the combination of CSS variables and functional reactive programming in JavaScript.

Layout

Learn CSS Layout

Learn about CSS layout techniques in 5 chapters.

In 2 lists

Layout Land

Jen Simmons video series about the new CSS Layout possibilities.

Laying Out The Future With Grid And Flexbox

Introduction of a new layout system encompassing Flexbox, CSS Grid and the Box Alignment Module.

Layout >Classic layouting

Floats

In depth information about how to use (and clear) floats.

Positioning Types

A closer look at a few little-known things related to the CSS positioning layout method.

inline-block

Shows in which cases it makes sense to use the display property inline-block for layouting.

Layout >Flexbox

A Complete Guide to Flexbox

All you need to know about Flexbox on one page.

In 4 lists

Flexbox playground

Play with Flexbox examples on CodePen.

Flexbox Defense

A tower defense game in the browser to learn about Flexbox with fun.

In 4 lists

Flexbox Froggy

Learn all the basics of Flexbox with a fun game involving frogs and lily pads.

In 6 listsDetails

Flexbugs

Community-curated list of flexbox issues and cross-browser workarounds for them.

In 2 lists

Flexbox Zombies

A training course driven by a storyline where you use Flexbox and a crossbow to hunt zombies.

What the Flexbox?

A simple, free 20 video course that will help you master CSS Flexbox!

In 4 lists

Layout >Grid

A Complete Guide to Grid

All you need to know about CSS Grid Layout on one page.

In 3 lists

Grid by Example

Besides examples of how to use Grid, this site also has additional useful learning resources.

Designing with Grid

Talk about the new layout possibilities CSS Grid is offering.

Grid Garden

Lovely game where you write CSS code to grow your carrot garden.

In 4 lists

GridBugs

Community-curated list of Grid interop issues and workarounds for them.

Grid Critters

Learn CSS grid layout by mastering an adventure game.

CSS Grid

Learn CSS grid with Wes Bos - Free 4 hours video course, 25 Videos.

In 5 listsDetails

Animation

CSS Transitions and Transforms for Beginners

An introduction to CSS transitions and CSS (2D) transforms.

All you need to know about CSS Transitions

Also addressing advanced topics from chaining and events to hardware acceleration and animation functions.

CSS 3D transforms

Multi page tutorial with examples like card flip and carousel effects.

CSS Animation for Beginners

Imparts the concepts of CSS animations with keyframes.

animatable

Nice little page demonstrating which CSS properties are animatable.

See category
94

Awesome C++

fffaraz/awesome-cpp

A curated list of awesome C++ (or C) frameworks, libraries, resources, and shiny things. Inspired by awesome-... stuff.

Fresh★ 74k1358 entriesPushed yesterday
93

Awesome Vue

vuejs/awesome-vue

🎉 A curated list of awesome things related to Vue.js

Fresh★ 74k1067 entriesPushed 5 days ago
93

Awesome DESIGN.md

VoltAgent/awesome-design-md

A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.

Fresh★ 119k74 entriesPushed 9 days ago
91

Awesome Angular

PatrickJS/awesome-angular

:page_facing_up: A curated list of awesome Angular resources

Fresh★ 10k1944 entriesPushed today
90

Awesome Blazor

AdrienTorris/awesome-blazor

Resources for Blazor, a .NET web framework using C#/Razor and HTML that runs in the browser with WebAssembly.

Fresh★ 9.4k375 entriesPushed today
89

Awesome Algorithms

tayllan/awesome-algorithms

A curated list of awesome places to learn and/or practice algorithms.

Fresh★ 26k35 entriesPushed 7 days ago