Flexbox Will Shock You!

A presentation at Devsigner Con 2015 in in Portland, OR, USA by Scott Vandehey

Flexbox is a smart new layout mode for CSS that solves many problems we've struggled with for years. It adds a degree of control we didn't have before. No longer will you need to struggle with floats and clearfixes to address page layout challenges they were never designed to handle.

But wait, I hear you say, a new layout mode? Surely the browser support is awful? It's actually quite good, and I will show you how to write future-proof code that will work flawlessly in browsers that support flexbox while providing a fallback to those that don't.

In this talk, I will introduce the flexbox layout module and explain what it's good for (and what's it's NOT good for). I'll give examples of usage, outline a strategy for browser support, and prepare you to use flexbox TODAY!

This is a beginner level talk. You do not need to know anything about flexbox, but a basic understanding of CSS layout will be helpful.

Session Takeaways: A basic understanding of flexbox layout, browser support and fallback strategy, and hopefully enthusiasm to begin using flexbox right away.


The following resources were mentioned during the presentation or are useful additional information.