The Flexible Box Layout module, called "e;flexbox"e; for short, is the most fully developed and well supported of CSS3’s wide array of new techniques for creating page layouts. Web developers are itching to use it, and with good reason—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.
It all sounds great, but how do you actually put it to use in the real world—today? In this session, you’ll learn when to use flexbox, what the browser-specific variants are, and how to use it to build responsive multi-column page layouts without the headache. Plus, for those of us who just want to dip a toe in for now, we’ll look at some practical ideas for how to use flexbox as progressive enhancement, adding it in bits and pieces on individual page components with graceful fallbacks.
About Zoe Gillenwater
Zoe Mickley Gillenwater is a web designer, developer, and consultant who loves creating sites that work for as many people and devices as possible. She wrote an entire book on fluid web sites two years before "e;responsive web design"e; had a name (Flexible Web Design: Creating Liquid and Elastic Layouts with CSS), and has also authored the book Stunning CSS3: A Project-based Guide to the Latest in CSS and the video training title Web Accessibility Principles for lynda.com. She's written articles for publications like .net Magazine and Smashing Magazine, and has spoken at conferences like SXSW and Future of Web Design.