Presentation: What It Takes To Make Mobile-Friendly, Future-Friendly Websites


Responsive Design alone doesn't create great mobile experiences. We need to combine other ideas together to make mobile friendly, future friendly websites. This "code free" presentation outlines how ideas like mobile first, progressive enhancement, Structured Content, and Performance budgets are all important components for building websites that support current devices along with future ones.





To build hi-fi responsive prototypes you can have a look to Justinmind 5.5
Perfectionism is to embrace satisficing in RWD. Balancing progressive enhancement and graceful degradation both is a bit tricky sometimes. You forget where to start and Which way to go?
Very interesting article. Thanks for sharing it.
Check out another great article about responsive design on ezine articles and search for "Do I Need Responsive Web Design for My Website?" by Jordan Larkin.
According to a recent survey, 66% of the websites will go responsive by 2017.hence forth the need of the hour to realize the true potential of responsive web designing. here is my blog that explains best points about responsive era . thank you for sharing
Very nice. Thanks for sharing this informative presentation. Our company provides responsive web design and web development services. Learn more about responsive web design tips visit to our blog on
Hi, thanks to share this information. I am also writing to my blog to Make Mobile-Friendly, Future-Friendly Websites



Aidan Foster

Responsive design expert & owner of Foster Interactive, a Drupal focused studio based in Toronto, Canada.

If you like this post please share it.

Follow @finteractive on twitter

Additional Info

Originally Presented at Magnet 2013 - Canadian Magazine Publisher's Conference. "Responsive Design - One website for Many Devices"

Slide Summary

1: Why Mobile, Why Responsive
16: Options for Supporting Mobile
51: Near Future Devices
58: How to support Future Devices
69: Progressive Enchancement
86: Mobile First (Design Strategy)
106: Content Strategy (Structured Content)
121: Performance Budget
159: Process / Workflow
207: Wrap Up