A presentation at Beyond Tellerrand in in Düsseldorf, Germany by Miriam Suzanne
Web layout has always been a hack — compounded by responsive design, web application needs, and the desire for consistency. Join the creator of Susy (a meta grid-system) for a review of layout and grid techniques — when to use them, what to consider, and how to roll your own layouts with minimum code. We'll look at everything from floats to CSS Grid, flexbox, and even custom properties — and how to start using the new toys right away, with only a few lines of code.
The following resources were mentioned during the presentation or are useful additional information.
CSS Grid tutorials, along with sample layouts, and common fallback patterns.
Grid inspiration!
Generative art using html, css variables, and css grids. Original concept created in Processing by Levitated Toys.
Here’s what was said about this presentation on social media.