Date post: | 27-Jan-2015 |
Category: |
Technology |
Upload: | billcavaus |
View: | 106 times |
Download: | 1 times |
SAH: MobileBill Cava, Chief Evangelist
Mobile is the New Competitive Edge
Are we currently experiencing the biggest transformation in the
history of computing to date?
http://www.lukew.com/ff/entry.asp?1510
http://www.lukew.com/ff/entry.asp?1510
http://www.lukew.com/ff/entry.asp?1510
The Mobile 50%-46% of U.S. adults use smartphones as of February 2012.
-66% of Americans 24-34 year olds owned a smartphone January 2012
-50% of Facebook's total audience (845 million) uses mobile devices (425 million people)
http://www.lukew.com/ff/entry.asp?1510
Mobile is driving the most dramatic behavior transformation
in history
1. Social networking is accelerating the growth of mobile2. Consumers are shifting time to mobile usage3. Mobile commerce is changing shopping behavior
Separation of Content from Presentation
3 Approaches
• Device Detection (Server Side)• Responsive Design (Client
Side)• Responsive + Server Side
(Ress)
Device Targeted Content
• Server Side Device Detection •WURFL Library• Device served a specific template
Device Targeted Content
1.Enable Device Detection in web.config
2.Develop Templates for Mobile Device
3.Register Mobile Templates with Ektron
demo
Responsive Design
Main 3 Ingredients of RWD1. Flexible grid based
layout2. Flexible images3. Media Queries
Flexible Images
http://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point
Responsive Images
• http://jquerypicture.com/• https://github.com/scottjehl/picturefill
SS vs RWD
• SS - Approach assumes you want to layer mobile functionality on top of an existing site–Works well when you need to “patch”
mobile holes
• SS – Requires a separate “forked” code base– Drawback: more code, more overhead– Benefit: isolated code, less risk
resources
http://www.ektron.com/Resources/Product-Documentation/
Case Studies
May Developer Program: Mobile
• Content Technology Podcast: Episdode #7: Responsive Design with Ethan Marcotte
• 5 Technical Blog Posts from MVPs (Managing Content for the Mobile Web, Mobile Website Detection, more)