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
Responsive Menu Example
Off-Canvas NavigationResponsive Video
Fluid Video From YouTube & Vimeo
Auto-Centered Google MapTables
Responsive Table Strategies
Responsive Table Examples
Better Responsive Tables
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.
