46: Custom properties

Custom properties, aka CSS variables, are runtime dynamic variables which allow you to store loose or typed values. They're free, super fast, improve code legibility, unlock powers, are reachable with JavaScript, animateable, overall super fun and, well, kind of complex.

Links

Module Level 1 → https://goo.gle/3wtADL1

82% of developers get this 3 line CSS quiz wrong → https://goo.gle/2U8oTPR

A user's guide to CSS variables → https://goo.gle/3zlmscV

Locally Scoped CSS Variables: What, How, and Why → https://goo.gle/2KGESwR

GitHub → https://goo.gle/3iOiVOa

Una Kravets (co-host)

Twitter | Instagram | YouTube

Making the web more colorful ✨🎨 Web DevRel @googlechrome Unicorn face host of @toolsday & Designing in the Browser 🎬

Adam Argyle (co-host)

Twitter | Instagram | YouTube

@GoogleChrome CSS DevRel; @CSSWG; VisBug maker; punk; CSS/JS/UX addict; 💀🤘

The CSS Podcast

#CSSpodcast