Lea Verou demonstrates the power of CSS custom properties and how they enable dynamic styling beyond static preprocessors.
You may have heard about CSS Variables (aka CSS Custom Properties), but think it’s not something you can use yet. Plus, you already have your preprocessor pipeline in place, why should you care? This talk will show how CSS Variables are much more powerful than static preprocessor variables and can be used today without compromising progressive enhancement. You will also learn several creative tips and tricks to take full advantage of them. As is customary with Lea’s CSS talks, expect a swath of live demos to demonstrate the material.
Lea is currently busy doing research in Human-Computer Interaction at MIT CSAIL.
She has previously written a bestselling CSS book for O’Reilly (CSS Secrets) and worked as a Developer Advocate at W3C.
She has a long-standing passion for open web standards, and is one of the few Invited Experts in the CSS Working Group.
Lea has also started several popular open source projects and web applications, such as Prism, Dabblet and -prefix-free and maintains a technical blog at lea.verou.me.
Despite her academic pursuits in Computer Science, Lea is one of the few misfits who love code and design equally.
CSSConf.Asia - Capitol Theatre, Singapore - 24 November 2016.
Source: 2016.cssconf.asia/
Slides: leaverou.github.io/css-variables/#for-browser
License: For reuse of this video under a more permissive license please get in touch with us. The speakers retain the copyright for their performances.
Why it's here
2 people recommend this
What people say. Recommended as a great talk that goes into detail on the possibilities and power of CSS variables.
Moments people linked to
e
u/ep1cw1nin r/Frontend • Recommends
On “Using CSS variables correctly”
Great article – especially the points around using variables in RWD to control type sizes which should result in much more terse CSS.
For anyone interested in more detail on the power of CSS variables Lea Verou has a great talk on them which goes into all sorts of possibilities:
link to this video