slides.oddbird.net/dynamic-css/dvlpdnvr19/

Dynamic CSS: Layouts & Beyond

@ Develop Denver

OddBird Consulting

Custom Apps, Design Systems, Training, & Refactors

It is required that HTML be a common language between all platforms. This implies no device-specific markup, or anything which requires control over fonts or colors.

– Sir Tim

1996 2000…
Cascading Style Sheets

![CSS is Awesome]({{ assets.images }}dynamic-css/css-is-awesome.jpg) (The End)

Design for an Unknown Canvas

CSS is Dynamic & Resilient by Design

2011… calc()

Firefox 4 – function

calc( 16px + 20% )

Combine Relative & Fixed Widths!

2014… CSS Variables

Firefox 31 (unless you count currentColor)

var(--name, fallback)

var(--one, var(--two, var(--three, fallback)))