Find the perfect coding resourcesLearn more

Learn CSS Variables

ScrimbaScrimba
Recommended
Meet Your Instructor
Per Borgen avatar

Per Borgen

Instructor

Developer, teacher, and co-founder of Scrimba. I love teaching people how to code and helping them break into the tech industry. Based in Oslo, Norway.

29min

Completion

Certificate included

Format

Interactive coding

Free

What You'll Learn

Understanding CSS Custom Properties (Variables)

Creating and using your first CSS variable

Overriding CSS variables for different contexts

Working with local CSS variables

Implementing theming with CSS variables

Overview

CSS Custom Properties (aka Variables) is a big win for front-end developers. It brings the power of variables to CSS, which results in less repetition, better readability and more flexibility. Plus, unlike variables from CSS preprocessors, CSS Variables are actually a part of the DOM, which has a lot of benefits. The course contains eight interactive screencasts. All are short and to the point. At the end of most of them, the instructor asks you to solve a challenge, directly in the screencast window. This is a great way of making sure the knowledge sticks, and you'll get to check if your solution matches the instructors.

Table of Contents
1
Why learn CSS Variables - Intro tutorial3:08
2
Your first variable - CSS Variables tutorial4:54
3
Overriding variables - CSS Variables tutorial2:41
4
Local variables - CSS Variables tutorial3:28
5
Theming - CSS Variables tutorial2:46
6
Changing variables with JavaScript - CSS Variables tutorial3:48
7
Responsiveness and variables - CSS Variables tutorial4:52
8
Two inheritance examples - CSS Variables tutorial2:46
9
Congratulations0:57
10
How to Utilize Your Certificate0:56
11
Certificate of Completion

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!