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.
Flexbox and responsive web design go great together, like peanut butter and jelly. Flexbox gives you more control over the things you care about in a responsive layout—like order, alignment, and proportional sizes of your boxes—and lets the browser figure out the rest—the math-y stuff that computers are good at, like the exact dimensions that are needed on the boxes to perfectly fill the available space. You can create much more complex and reliable layouts with flexbox than you can with floats, table display, or inline-block, all with far less CSS.
In this talk, you’ll learn which features of flexbox are particularly suited to responsive layouts and how you can harness them today by applying flexbox as progressive enhancement. We’ll look at examples of responsive page components and patterns that you can enhance further by layering flexbox on top of other layout methods, ensuring all users get a good experience.