8. Responsive Web Design
A collection of techniques that allow
your website to respond to the device
that it is being viewed on.
This allows all users to have an optimal experience
without creating separate sites for different devices.
44. A Few Examples of Responsive Design
Boston Globe http://www.bostonglobe.com
Smashing Magazine http://www.smashingmagazine.com
People (mobile site) http://m.people.com
United Pixelworkers http://www.unitedpixelworkers.com/
World Wildlife Fund http://worldwildlife.org/
Stuff & Nonsense http://www.stuffandnonsense.co.uk/
Emeril’s Restaurants http://www.emerilsrestaurants.com/
Andersson-Wise Architects http://www.anderssonwise.com
AIDS.gov (HHS) http://aids.gov
WordPress Theme: Twenty Twelve http://twentytwelvedemo.wordpress.com/
45. Books
Ethan Marcotte - Responsive Web Design (2011)
http://www.abookapart.com/products/responsive-web-design/
Luke Wroblewski - Mobile First (2011)
http://www.abookapart.com/products/mobile-first
Websites
@RWD (Ethan Marcotte)
https://twitter.com/RWD
Future Friendly
http://futurefriend.ly/
Brad Frost
http://bradfrostweb.com/blog/
46. Articles
Responsive Web Design - Ethan Marcotte (May 2010)
http://www.alistapart.com/articles/responsive-web-design/
How to Approach a Responsive Design (Boston Globe) - Tito Bottitta (Jan. 2012)
http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/
Design Process In The Responsive Age - Drew Clemens (May 2012)
http://uxdesign.smashingmagazine.com/2012/05/30/design-process-responsive-age/
Making of: People Magazine's Responsive Mobile Website (July 2012)
http://globalmoxie.com/blog/making-of-people-mobile.shtml
Presidential Smackdown Edition: Separate Mobile Website Vs.
Responsive Website - Brad Frost (Aug. 2012)
http://mobile.smashingmagazine.com/2012/08/22/
separate-mobile-responsive-website-presidential-smackdown/