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