By now, you’ve probably heard of “flexbox,” short for the CSS Flexible Box Layout module and the most fully developed and well supported of CSS3’s wide array of new layout mechanisms. Flexbox allows you to create fluid, responsive layouts without having to worry about crazy percentage grid widths, negative margins, float drop, and all those pesky CSS layout quirks we’ve dealt with for over a decade. But with cross-browser support still incomplete, you’ve probably relegated flexbox to the “one day” pile of web design tricks.
It’s time to stop waiting. In this talk, Zoe aims to convince you that it’s a good idea to start learning and using flexbox today. We’ll look at several practical ideas for how to use flexbox as progressive enhancement, adding it in bits and pieces on individual page components with graceful fallbacks. You’ll learn how to take your designs—and web design skills—to the next level as we combine flexbox with other layout mechanisms and take advantage of its easy methods to size, align, and rearrange content.