Web Directions Code '20 session spotlight–Welcome to the Layouts of the Future! - Web Directions

Web Directions Code ’20 session spotlight–Welcome to the Layouts of the Future!

John Allsopp 4th June, 2020 @johnallsopp

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.

About 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 Shine Solutions. 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.

See two dozen world-leading experts on all things JavaScript and front end development at Code://Remote September 2020

Code://Remote takes place across the month of September, and features two dozen world-leading experts on all things JavaScript and front end development at an amazing price, just $295 before August 28th.

Learn more and register now

Conveniently timed for attendees from the North American West Coast, right across the pacific to Hong Kong and Singapore, Japan and beyond connect–with your peers at Code.

Great reading, every weekend.

We round up the best writing about the web and send it your way each Friday morning.

We make events for the professionals shaping the digital future

Learn more about us

[Web Directions] is a delicious mix of things educational, social and mind-blowing. It’s time out from the hurly-burly to step back, get some perspective, and develop new ways forward, fortified with a whole lot of new stuff in your head.

Chris Stephens Technology Director, Mozo

Join us in 2019:

• Web Directions Code://remote 2020

  A global remote-only conference for JavaScript Developers and Front End Engineers.

  Exclusively Online September 2020

  Details

• Web Directions Product://Remote Design & Management 2020

  A global remote-only conference–product design and product management.

  Exclusively Online November 2020

  Details

• Web Directions Summit 2021

  A conference for the whole digital team–featuring product, design, front-end dev, and new people/talent/culture tracks.

  Sydney See you in 2021

  Details

Images:

The images are downsized due to limited space here. The original dimensions may differ.
Click on the image to open it on a new tab.