Web Directions Code 2020 The conference for JS developers and front-end engineers

Session Details

Erin Zimmer

Welcome to the Layouts of the Future!

Erin Zimmer Senior developer Cogent

Historically, layout on the web has been quite difficult. Developers have relied on third-party tools, like Bootstrap, and media queries based on "average" device sizes. Today, however, the web is available on an increasingly large range of devices - everything from your watch to your fridge! We are reaching the limits of what these tools can handle.

The good news is that CSS has you covered now! Modern CSS contains a number of properties that support responsive designs natively. We're going to have a look at CSS columns, flexbox and grid. We'll take a quick look into how each works individually. And then we'll learn how we can combine them to create truly flexible layouts, that work across a huge range of devices, without relying on device-based breakpoints.

Erin Zimmer

Erin is a software developer with over ten years experience in a variety of languages, from JavaScript to Model204 (don’t worry, nobody else has heard of it either). She is currently a senior web developer at Cogent. She is an active member of the Melbourne JavaScript and Angular communities, and has spoken at conferences around the world. If you see her at a conference, she’ll probably have knitting needles in hand.

Don't miss your chance to see Erin Zimmer and many other inspiring speakers at Code 2020.

Tickets start at $195, for a whole month with the world's leading JavaScript and Front End Developers. Get Code as part of a Conffab Premium Membership or Register for Code Now

The online Conference for JS developers and front-end engineers.

Register Now

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.