Introduction to CSS variables (CSS custom properties) [full tutorial]

Published: 21 June 2022
on channel: Scrimba
2,282
56

CSS variables (aka custom properties) are a big win for front-end developers. They provide the power of variables to CSS, which results in less repetition, better readability and more flexibility.

Unlike variables from CSS preprocessors, CSS variables are a part of the DOM, which has many benefits.

This video takes us through a full CSS variables tutorial. We'll cover:

00:00 - Why learn CSS variables?
03:11 - Your first variable
08:08 - Scrimba's Frontend Developer Career Path 💻 https://scrimba.com/learn/frontend/
09:23 - Overriding variables
12:03 - Local variables
15:34 - Theming
18:23 - Changing variables with JavaScript
22:14 - Responsiveness and variables
27:08 - Two inheritance examples
29:58 - Scrimba's Learn Responsive Web Design course 🎨 https://scrimba.com/learn/responsive

💻 Check out this course on Scrimba’s interactive learning platform: https://scrimba.com/learn/cssvariables

🌲 Linktree:
https://scrimba.com/links/linktree


On this page of the site you can watch the video online Introduction to CSS variables (CSS custom properties) [full tutorial] with a duration of hours minute second in good quality, which was uploaded by the user Scrimba 21 June 2022, share the link with friends and acquaintances, this video has already been watched 2,282 times on youtube and it was liked by 56 viewers. Enjoy your viewing!