Dynamic CSS (live-code)


CSS has come a long way since the browser wars of the late 90s. What used to be a struggle, is now often a breeze (see box-shadow or border-radius). But the last 2 years have pushed CSS into entirely new territory: with DOM-aware variables and calculations that can drive your design, without all the invasive Javascript.

In this session we'll discuss:

  • Introduction to Custom Properties & Calc()
  • Understanding Cascade vs Inheritance
  • Practical examples and use-cases for data-infused design
  • Integrating with CSS Grids to build on-the-fly layouts
Session Track: Site building/Front end
Experience Level: Intermediate
Date: Thursday June 27
Time: 4:30 - 5:20
Room: 32-144