Zoe is a Web designer and developer specializing in Responsive Web design, user experience, and Web accessibility techniques to maximize usability, device compatibility, and awesomeness. She loves creating sites that work for as many people and devices as possible.
She is an experienced Web designer and technical author who specializes in visual design, CSS, and accessibility. She is the author of the New Riders books Stunning CSS3: A Project-based Guide to the Latest in CSS and Flexible Web Design: Creating Liquid and Elastic Layouts with CSS and the video training title Web Accessibility Principles for lynda.com. She currently works as a UX designer for Booking.com.
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.