But What About Old Browsers?

Rachel Andrew - Embracing New CSS When Your Users Are Stuck in the Past from Fronteers on Vimeo.

I was very pleased to be asked to speak at Fronteers in Amsterdam earlier this year. The team put on a wonderful show and all of the videos are now online and worth watching.

In my talk I covered Flexbox, Grid and the Box Alignment Module. I was aiming to demonstrate these as part of a new way of doing layout for the web – rather than opposing layout systems.

Slides

My slides and some other resources are here.

Code Examples

I created some simple code examples to highlight some of the key ways Grid and Flexbox change the way we can approach layout. I’ve added these to CodePen.

Equal Height Columns

Remember the Faux Columns Technique? We don’t need hacks like that with Grid and Flexbox. This shows a key feature of our new layout methods. Items understand themselves as part of an overall layout.

Separation of Source and Display

We’ve tried to get this separation for years. It was the rallying cry of the anti-tables for layout movement. Finally we get there.

Control of Alignment

Responsive by Default

CSS Layout News

CSS Layout News

A weekly collection of tutorials, news and information on all things CSS Layout.

Posted a response? Enter the URL

This site uses Webmention. If you post a response to this post on your own site, and you also support Webmention I'll be notified automatically. If not you can add a link here.