Guil Hernandez 🎙 Front End Design Conference 2019
summary
Shows working examples of CSS custom properties being read and written from JavaScript, including a live mouse-driven parallax via clientX/clientY demo that updates CSS vars for background offsets. Compares behavior to Sass variables and highlights runtime dynamic updates, scoping and inheritance tradeoffs (global :root convenience vs cascading surprises). Demonstrates theming a component by toggling variable sets, notes no obvious performance cost in the demos, and includes copyable code samples for each pattern.
AI-written summary · about
chapters (9)
- 0:00Introduction and welcome
- 1:14About the speaker Guil Hernandez
- 2:37CSS variables and JavaScript interaction
- 4:23Demo: Mouse movement with CSS variables
- 5:05Benefits and drawbacks of CSS variables
- 6:16Preparing the talk and practice
- 7:47Key takeaways and resources
- 8:52CSS variables vs preprocessors
- 10:19Words of wisdom and closing
