Enhancing Responsiveness with Flexbox presentation at RWD Summit

Download the slides and view the demos for my presentation on practical flexbox progressive enhancement for RWD, “Enhancing Responsiveness with Flexbox” for the RWD Summit, as well as get links to related articles, tutorials, and tools on Flexible Box Layout.

My latest talk is called “Enhancing Responsiveness With Flexbox.” I talked about how to actually put flexbox to use in the real world—today. I demonstrated a bunch of practical ideas for how to use flexbox as progressive enhancement to improve sizing, spacing, and order in responsive web design, while still ensuring non-supporting browsers get an acceptable fallback experience. I’ve just given this talk at CSS DaySmashing Conference, and the RWD Summit.

You can view my presentation on Slideshare or download the slides directly here:

Enhancing Responsiveness with Flexbox (PDF, 2.6 mb)

The demos

To demonstrate the flexbox features, I’m still using my S’mores Builder page. Check it out (in a browser with good flexbox support, of course) to see what flexbox can do.

I also created a few additional, standalone demos, of which I have these two ready to share:

I hope to have time to prepare and post the other demos here soon.

Related resources

Here are several links to related resources, a few of which are in the slides plus many more that were not but which I recommend and think you’ll find useful.

General info

Articles and tutorials

Tools

Did you like this?

Leave a Reply

  • (will not be published)

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>