Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS courses:

Filters

CSS

Beyond the Basics: CSS Grid Layout

Course • Intermediate

CSS Grid Layout is a fantastic tool for creating layouts with CSS. In this short course, you’ll learn the more advanced functionality of CSS Grid including...

Adi Purdila • 28 Sep 2018
CSS

A Quick Introduction to CSS Grid Layout

Course • Beginner

For a long time, web designers have been used to creating layouts with CSS by using floats. Floats, however, were never meant to be used to create grid...

Adi Purdila • 18 Sep 2018
CSS

Breaking the Grid With CSS Grid Layout

Course • Intermediate

Broken grid layouts (layouts that don’t fit within traditional grid-based layouts) are not only becoming more popular, but they are also easier to achieve...

Craig Campbell • 18 May 2018
CSS

Practical CSS: Desktop to Mobile Navigation Patterns

Course • Beginner

Creating a website navigation that looks the same on every screen is not really possible. Owing to the smaller screen size, mobile devices often require a...

Adi Purdila • 10 May 2018
CSS

6 Handy CSS3 Animation Projects

Course • Beginner

Using motion in your web project and adding an extra degree of interactivity can really improve the user experience. In this short course you’ll build six...

Adi Purdila • 4 May 2018
CSS

Optimize Your Website Without AMP

Course • Intermediate

AMP is Google’s collection of plug-and-play code that helps optimize sites to load and run faster. It works, but its use is controversial, and there are many...

Kezz Bracey • 15 Sep 2017
CSS

Linux for Web Design

Course • Beginner

Considering using Linux but not sure if it’s viable for web design? Well, happily the answer is “Yes”, and in this course you’ll learn why that’s the case. ...

Kezz Bracey • 17 Aug 2017
CSS

6 Flexbox Projects for Web Designers

Course • Intermediate

The CSS Flexbox model is starting to see more widespread use and is now supported in all major browsers. In this course, Craig Campbell will build upon his...

Craig Campbell • 21 Jun 2017
CSS

Structuring Stylesheets With RSCSS

Course • Intermediate

“RSCSS” stands for “Reasonable System for CSS Stylesheet Structure”. It’s a system of concepts and conventions for organizing your CSS styles to keep them...

Craig Campbell • 27 Apr 2017
CSS

8 CSS Tricks You Never Use

Course • Intermediate

Even if you’ve been using CSS for a decade, there's always something new to learn from other designers. In this course, we take a look at eight little-known...

Craig Campbell • 15 Mar 2017
CSS

A Visual Guide to CSS Animation

Course • Beginner

It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In this course you’ll learn how to create CSS...

Kezz Bracey • 17 Jan 2017
CSS

3 CSS Grid Projects for Web Designers

Course • Intermediate

The CSS Grid Layout is a W3C working draft that defines a powerful grid system to ultimately make it easier to lay out your web pages using CSS. In this...

Craig Campbell • 5 Dec 2016