Lea Verou: CSS Variables: var(--subtitle) - CSSConf.Asia 2016

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-variab...
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.

[@beardymonger]

Lea's ability to explain is phenomenal. Couple that with her deep understanding of the subject, and you get something that's a joy to watch even the second time :-)

[@MajorBreakfast]

Fantastic talk. Great explanations and many examples showcasing all the caveats. I also liked the mentioning of mixins at the end!

[@boheem3451]

"It's basically a prefix property with an empty prefix."

[@dARKf3n1Xx]

audio is really low, something wrong? or my side?

[@Rafiozoo]

I was worried about first few "chocolate ice-creams", but then went really great samples.
I admire Lea, she's so wise Lesbian ;)

[@devvvvvvvvvvvv]

Mutable variables is really cool but I don't see any reason to use this until it's as robust at Sass. Will we ever see a Sass-like loop in native CSS? I don't think so.

[@trappedcat3615]

the loop can be computed and the variables updated in js, and at runtime. Sass is limited to compile time and nothing is then dynamic once in the broswer.

[@EmilyRose0]

As someone who works with sass CSS varibales are horrible to me. ugly double dash prefix, lots of unexpected stuff, lots of new stuff to learn. lot if weird things, lots of things not possible.

[@rex_melynas]

I was wondering, why wecantdefine properties in css withdomethin like
@properties {
:root {
--color {
type: color;
initial-value: red;
}
}
}
It will be easy to read, easy to parse and we wont need js to add types to our properties...