Your SlideShare is downloading. ×
Ektron Developer Webinar: Getting Started on the Mobile Web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ektron Developer Webinar: Getting Started on the Mobile Web

930

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
930
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. SAH: Mobile Bill Cava, Chief EvangelistMobile is the New Competitive Edge
  • 2. Are we currently experiencing the biggesttransformation in the history of computing to date?
  • 3. http://www.lukew.com/ff/entry.asp?1510
  • 4. http://www.lukew.com/ff/entry.asp?1510
  • 5. http://www.lukew.com/ff/entry.asp?1510
  • 6. 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 Facebooks total audience (845 million) uses mobile devices (425 million people) http://www.lukew.com/ff/entry.asp?1510
  • 7. Mobile is driving the most dramatic behavior transformation in history1. Social networking is accelerating the growth of mobile2. Consumers are shifting time to mobile usage3. Mobile commerce is changing shopping behavior
  • 8. Separation of Content from Presentation
  • 9. 3 Approaches• Device Detection (Server Side)• Responsive Design (Client Side)• Responsive + Server Side (Ress)
  • 10. Device Targeted Content• Server Side Device Detection• WURFL Library• Device served a specific template
  • 11. Device Targeted Content1. Enable Device Detection in web.config2. Develop Templates for Mobile Device3. Register Mobile Templates with Ektron
  • 12. demo
  • 13. Responsive Design
  • 14. Main 3 Ingredients of RWD1. Flexible grid based layout2. Flexible images3. Media Queries
  • 15. Flexible Imageshttp://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point
  • 16. Responsive Images• http://jquerypicture.com/• https://github.com/scottjehl/picturefill
  • 17. 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
  • 18. resources
  • 19. http://www.ektron.com/Resources/Product-Documentation/
  • 20. Case Studies
  • 21. 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)

×