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)