Most grids change with the viewport –
and Susy needs new settings at each breakpoint.
Susy3 is designed without mixins
for complete flexibility from project to project,
but it can be useful to build additional tools
and shortcuts as you go.
Here are some snippets to help you get started
working with Susy across different media queries.
We’re excited to introduce Susy 3.0,
a major update to our popular grid-math calculator –
now more focused and flexible than ever.
Susy was designed to make layout math easy,
without forcing you into generic patterns
and ugly markup.
But grid systems are on the way out,
replaced by real CSS layout specs
that live in the browser.
we want to help make that a smooth transition.
It was a pleasure speaking at
CSSConf 2016 in Boston!
Here are some of my notes from the event –
coverig everything from
creativity and the Bauhaus movement
to SVG 2 internals,
CSS grid layouts,
and custom properties
(e.g. CSS-native variables).
I included links to slides and video