frontend-masters-dynamic-css-with-custom-properties-aka-css-variables-2021-11

00:00:00 - 1. Introduction\1. Introduction 00:03:15 - 1. Introduction\2. CSS Variables Overview 00:11:28 - 2. Inheritance & Fallbacks\1. Inheritance 00:22:43 - 2. Inheritance & Fallbacks\2. Creating Style Hooks 00:29:33 - 2. Inheritance & Fallbacks\3. Fallbacks 00:43:33 - 2. Inheritance & Fallbacks\4. Fallbacks Exercise 00:44:06 - 2. Inheritance & Fallbacks\5. Fallbacks Solution 00:47:02 - 2. Inheritance & Fallbacks\6. DRY Fallback Strategies 00:58:14 - 3. Invalid Values & Custom Properties Practice\1. Invalid Values & Computed Values 01:10:34 - 3. Invalid Values & Custom Properties Practice\2. @supports & Custom Properties 01:13:12 - 3. Invalid Values & Custom Properties Practice\3. Custom Properties Exercise 01:14:54 - 3. Invalid Values & Custom Properties Practice\4. Custom Properties Solution 01:21:36 - 3. Invalid Values & Custom Properties Practice\5. Cycles & Overriding Properties 01:28:18 - 3. Invalid Values & Custom Properties Practice\6. Flexible Pie Chart Exercise 01:34:29 - 3. Invalid Values & Custom Properties Practice\7. Flexible Pie Chart Solution 01:41:36 - 3. Invalid Values & Custom Properties Practice\8. Custom Property with a Sass Loop 01:48:21 - 4. Toggles, Responsive Design and Colors\1. Space Toggles 01:56:19 - 4. Toggles, Responsive Design and Colors\2. Responsive Design with Custom Properties 02:04:36 - 4. Toggles, Responsive Design and Colors\3. Colors 02:17:11 - 4. Toggles, Responsive Design and Colors\4. Colors Exercise 02:18:11 - 4. Toggles, Responsive Design and Colors\5. Colors Solution 02:21:34 - 4. Toggles, Responsive Design and Colors\6. Color Present and Future 02:23:28 - 4. Toggles, Responsive Design and Colors\7. Transitions & Animations 02:36:59 - 5. Numbers, Strings, and Images\1. Numbers, Lengths, & Variable Values 02:46:54 - 5. Numbers, Strings, and Images\2. Number Toggles 02:53:13 - 5. Numbers, Strings, and Images\3. Range Mapping 02:55:57 - 5. Numbers, Strings, and Images\4. Numeric Range Exercise 02:56:56 - 5. Numbers, Strings, and Images\5. Numeric Range Solution 03:01:18 - 5. Numbers, Strings, and Images\6. General Linear Range Mapping 03:03:56 - 5. Numbers, Strings, and Images\7. Strings & Numbers in Strings 03:14:09 - 5. Numbers, Strings, and Images\8. Images 03:22:54 - 6. JavaScript\1. Javascript 03:31:34 - 6. JavaScript\2. Dynamic Button Ripple Effect Exercise 03:33:15 - 6. JavaScript\3. Dynamic Button Ripple Effect Solution 03:42:14 - 6. JavaScript\4. Dynamic Form Element Styling 03:44:45 - 6. JavaScript\5. Heading Typing Effect 03:47:15 - 6. JavaScript\6. Dynamic Scrollbar 03:52:24 - 7. Wrapping Up\1. Wrapping Up