Dynamic CSS
with grids & custom properties
Don’t let the declarative syntax fool you – CSS is a powerful and dynamic programming language. It’s time to start moving style logic back into the language designed for it.
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.
- Basics for understanding Custom Properties &
Calc()
. - Practical examples and use-cases for data-infused design.
- Integrating with CSS Grids to build layouts on-the-fly.
Some pretty mind-bendingly cool uses for CSS custom props from @TerribleMia – color, layout & animation all in css and only using JS to feed data.
Best CSS talk I’ve ever seen was from @TerribleMia today at #dvlpdnvr. Simply amazing.
Well that was awesome!!! “If you think CSS is a dumb language, you’re a dumb language – CSS IS AWESOME!” @TerribleMia thank you so much for the amazing talk!
Miriam has always been nothing but spot-on, professional, funny, while also being extremely knowledgeable, smart, polite and always on time.