Skip to content
0:00 / 0:00

#cssvariables#csscustomproperties#progressiveenhancement

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

JSConf

286K subscribers • 33 videos on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • Presented by Lea Verou, Invited Expert in the CSS Working Group
  • May be out of date. Uploaded 9 years ago, in an area where tools change fast.

Intermediate. Assumes working knowledge.

14K views9 years ago2 recommendations

Web developmentCSS and layoutWeb performance

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

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
1View on Reddit

u/mira_min r/Frontend • Recommends

Lea Verou: CSS Variables: var(--subtitle)