By Derek Watson, Senior Developer at The Working Group
Reviews the two most popular strategies for creating mobile web properties (separate mobile-specific sites vs. responsive css), the pros and cons of each, and a little known third technique that marries the best of both worlds.
13. Mobile Websites - Defined
• Users are redirected to m.domain.com
• Separate project from the main website
• Views are rebuilt for mobile
• Limited functionality
24. Responsive Web - Defined
• Term coined in May 2010 by Ethan Marcotte
• CSS3 changes the layout of an HTML document
• Site “responds” to different screen sizes
25.
26.
27. “2013 Is The Year of
Responsive Web Design”
- Mashable.com (in 2012)
50. Food for Thought
• Do you want the same experience on web & mobile?
• How critical is performance and load time?
51. Good Reads
A gallery of Responsive Web Designs
http://mediaqueri.es
Responsive Image Workflow
http://bit.ly/17JS1Lv
Performance Implications of Responsive Design
http://bit.ly/L9gEDg
RESS: Responsive Design + Server Side Components
http://bit.ly/nsW1nq