The face of an Arctic Fox with one blue and one hazel eye

Tables, navigation and embedded video are some of the most problematic and challenging areas in responsive design: tables tend to be wide, navigation complex, and responsive design is still not supported in most video embedding or maps services.

That is not to say that any of them lack answers. This reading list addresses each of these areas, with a range of possible design solutions.

Goals: Design and embed tables, navigation and video in web pages and make them responsive.

Total time: 4 hours

RWD Navigation

  1. Responsive Menu Example
  2. Off-Canvas Navigation

Responsive Video

  1. Fluid Video From YouTube & Vimeo
  2. Auto-Centered Google Map

Tables

  1. Responsive Table Strategies
  2. Responsive Table Examples
  3. Better Responsive Tables
  4. Make a Responsive Pivot Table

Photograph by Will Brown, used under a Creative Commons Attribution 2.0 Creative license

Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.