CSS Variables / Custom Properties (full course)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=GF8aoDqebsQ


Duration: 28:59
14,270 views
411

CSS Custom Properties (aka Variables) bring the power of variables to CSS, which results in less repetition, better readability and more flexibility. Originally posted on Scrimba: https://scrimba.com/g/gcssvariables

When viewing the Scrimba version of this course, you can pause the video and start directly editing the code from the video. Then you can see changes in real-time.

View the code & take the course on Scrimba here: https://scrimba.com/g/gcssvariables

⭐️Contents⭐️

⌨️ Why learn CSS Variables (0:00)
⌨️ How to create your first CSS Variable (3:12)
⌨️ Overriding CSS Variables (8:15)
⌨️ Local variables (11:00)
⌨️ Creating Themes with CSS Variables (15:31)
⌨️ Changing variables with JavaScript (17:21)
⌨️ Responsiveness and CSS Variables (21:13)
⌨️ Inheritance (26:12)

-

Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on programming: https://medium.freecodecamp.com



Other Videos By freeCodeCamp.org


2018-03-20Material UI Update to v1.0.0-beta.38 (P5D47) - Live Coding with Jesse
2018-03-19React: Data Sorting Part 2 (P5D46) - Live Coding with Jesse
2018-03-19CSS Grid Course
2018-03-18The Reusable JavaScript Revolution - talk by Cory House
2018-03-16SVG can do that?! - talk by Sarah Drasner
2018-03-15What it's like to freelance in Nigeria - A Day in the Life
2018-03-13React: Data Sorting (P5D45) - Live Coding with Jesse
2018-03-12React Search Filters (P5D44) - Live Coding with Jesse
2018-03-07Complex Routing with Express and React (P5D43) - Live Coding with Jesse
2018-03-06Live Search with React and the WordPress API Part 4 (P5D42) - Live Coding with Jesse
2018-03-06CSS Variables / Custom Properties (full course)
2018-03-05Live Search with React and the WordPress API Part 3 (P5D41) - Live Coding with Jesse
2018-03-02AngularJS tutorial: Game of Life
2018-03-01Live Search with React and the WordPress API Part 2 (P5D40) - Live Coding with Jesse
2018-02-27Live Search with React and the WordPress API (P5D39) - Live Coding with Jesse
2018-02-26ExpressJS Routing (P5D38) - Live Coding with Jesse
2018-02-23CSS Grid Changes Everything (About Web Layouts) - by Morten Rand-Hendriksen
2018-02-225 Common Scrum Events
2018-02-19Creating and Editing React Components Part 2 (P5D37) - Live Coding with Jesse
2018-02-16Creating and Editing React Components (P5D36) - Live Coding with Jesse
2018-02-16How to write technical blog posts - talk by freeCodeCamp creator Quincy Larson


Tags:
learn to code
programming
coding
javascript
web development
web design
tutorial
python
android
security
testing
coding tutorial
javascript tutorial
web development tutorial
html
css
design
html tutorial
css tutorial
learn to program
learn how to code
learn how to program
get a programmer job
get a developer job
python tutorial
android tutorial
linux
learn programming
learn coding
linux tutorial
learn linux