Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Introduction to CSS Variables - CSS Custom Properties - Full Tutorial

Scrimba via YouTube

Overview

Dive into a comprehensive 31-minute tutorial on CSS variables, also known as CSS custom properties. Learn why CSS variables are a game-changer for front-end developers, offering reduced repetition, improved readability, and enhanced flexibility. Explore the advantages of CSS variables being part of the DOM, unlike preprocessor variables. Start with the basics of creating your first variable, then progress through overriding variables, implementing local variables, and applying theming techniques. Discover how to manipulate variables using JavaScript for dynamic styling. Understand the relationship between responsiveness and variables, and examine two inheritance examples. By the end of this tutorial, gain a solid foundation in CSS variables and their practical applications in modern web development.

Syllabus

- Why learn CSS variables?
- Your first variable
- Scrimba's Frontend Developer Career Path https://scrimba.com/learn/frontend/
- Overriding variables
- Local variables
- Theming
- Changing variables with JavaScript
- Responsiveness and variables
- Two inheritance examples
- Scrimba's Learn Responsive Web Design course https://scrimba.com/learn/responsive

Taught by

Scrimba

Reviews

Start your review of Introduction to CSS Variables - CSS Custom Properties - Full Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.