![Thunder Nerds artwork](https://is1-ssl.mzstatic.com/image/thumb/Podcasts113/v4/37/01/8d/37018dbf-984d-2982-5857-71614ad17acc/mza_6047623817605572989.jpg/100x100bb.jpg)
217 β Guil Hernandez π Front End Design Conference 2019
Thunder Nerds
English - April 27, 2019 22:22 - 13 minutes - 24.6 MB - β β β β β - 22 ratingsTechnology Education How To Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
https://teamtreehouse.com/https://twitter.com/guilhhttp://frontenddesignconference.com/speakers.php Guil is a senior software development instructor at Treehouse, an online school that aims to bring affordable technology education...
https://teamtreehouse.com/
https://twitter.com/guilh
http://frontenddesignconference.com/speakers.php
Guil is a senior software development instructor at Treehouse, an online school that aims to bring affordable technology education to everyone. His focus is on Full Stack JavaScript and Front End Web Development.
When heβs not recording courses or writing about code, youβll find him exploring South Florida with his wife, baby boy, and hyperactive Australian Shepherd.
The Power and Flexibility of CSS Variables
CSS can be immensely repetitive, and maintaining it can be cumbersome. If youβre using a CSS preprocessor like Sass, youβre already used to declaring variables to store and keep track of values in your stylesheets. Now you can use variables directly in your CSS β no special processing tools necessary!
CSS variables (custom properties) are a game changer in web development, and there are plenty of differences and advantages to using them over preprocessor variables. In fact, CSS variables offer more flexibility and power than preprocessor variables:
They have dynamic capabilities β you can update values at runtimeThey inherit, cascade and can be scoped to any CSS selector or DOM elementThey make theming components easier than everYou can even read/write CSS variable values from your JavaScript!