Playback starts YouTube’s embedded player (privacy-enhanced mode).
CSS Variables Tutorial
ChannelWeb Dev SimplifiedDescription from the creator
Learn CSS Today Course: courses.webdevsimplified.com/learn-css-today?ut…
One of the biggest problems with CSS for many years was the lack of variables. Pre-processors like SASS and LESS were used to solve this problem, but now CSS has its own variable system! In this video I will be breaking down exactly how CSS variables work. We will be covering their syntax, use cases, and how to use them in JavaScript. In the end of this video we will have a fully functioning, albeit ugly, website with theme swapping buttons.
CSS Variables Article: blog.webdevsimplified.com/2020-02/css-custom-pr…
View The Code:
codepen.io/WebDevSimplified/pen/wNyobw
Twitter:
twitter.com/DevSimplified
GitHub:
github.com/WebDevSimplified
CodePen:
codepen.io/WebDevSimplified
#CSSVariables #CSS #WebDevelopment
About this tutorial
Web Dev Simplified published this 8:56 video tutorial on October 25, 2019. It has been watched 101,570 times on YouTube.
- Channel
- Web Dev Simplified
- Category
- Education
- Duration
- 8:56
- Published
- October 25, 2019
- Views
- 101,570
- Likes
- 4,062
Tags
Share
Further reading
-
CSS Variables Tutorial - Learn CSS Variables For Free | Scrimba
scrimba.com
This tutorial teaches you CSS Variables through eight interactive screencasts. It's value-packed from beginning to end, and is probably the fastest way to get an in-depth understanding of CSS Variables.
-
Styling Web Components with CSS variables - Vaadin
vaadin.com
The purpose of CSS variables (CSS Custom Properties) is to enable using a CSS value across your whole application. Previously this has been possible by using a CSS preprocessor like Sass. Unlike SCSS or LESS, CSS variab…
-
CSS Variables - The var() function - W3Schools Online Web Tutorials
w3schools.com
CSS Variables. The var() function is used to insert the value of a CSS variable. CSS variables have access to the DOM, which means that you can create variables with local or global scope, change the variables with Java…