Style Guides & Pattern Libraries are great tools
for documenting the relationships between code and design,
but beautiful docs are only half the battle.
We don’t all have dedicated teams and budgets
to build a centralized system.
How can we build patterns into our code,
using templates and pre-processors to iterate and automate
living design systems in an agile and integrated process?
Using templates and pre-processors for pattern-making in CSS and HTML.
Designing and integrating toolkits that force pattern-making.
Examples of what we’ve done, where we’ve failed, and where were headed.
Every time I hear Miriam
talk I learn a ton and laugh a ton.
She’s an amazing speaker…
Watch this talk when it’s published!
—Sarah Drasner, VP of Developer ExperienceatNetlify
New CSS features are shipping at an unprecedented rate –
cascade layers, container queries, the :has() selector,
subgrid, nesting, and so much more.
It’s a good time to step back and understand
how these tools fit together in a declarative system –
a resilient cascade of styles.
