1 / 131

Progressive Enhancement & Mobile [Funka 2012]

The concept of progressive enhancement is the way forward for web design, especially on mobile devices. Aaron Gustafson shows you how the latest techniques - mobile first, responsive design, and adaptive UI - fit in to the process.

AaronGustafson
Download Presentation

Progressive Enhancement & Mobile [Funka 2012]

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. PROGRESSIVE ENHANCEMENT &MOBILE Aaron Gustafson @aarongustafson slideshare.net/AaronGustafson

  2. BROWSERS ARE A PAIN IN THE ASS

  3. AND THEN THERE’S MOBILE

  4. © Brad Frost

  5. © Brad Frost

  6. WHAT IS MOBILE?

  7. WHAT IS MOBILE?

  8. “There is no WebKit on Mobile — Peter-Paul Koch

  9. WebKit vs.Acid3 http://www.quirksmode.org/webkit_mobile.html

  10. Surely there’s platform consistency?!

  11. “There is no Android — Stephanie Rieger

  12. http://yfrog.com/z/ob5kndj

  13. BUT ANDROID IS NOT UNIQUE IN THIS

  14. THE CULPRITS? SCREEN SIZE

  15. THE CULPRITS? EMBEDDED VIEWS

  16. THE CULPRITS? BROWSER CHROME

  17. THE CULPRITS? ZOOM LEVEL

  18. THE CULPRITS? ZOOM LEVEL (Ok, this one’s on Android)

  19. WHAT IS MOBILE?

  20. “The commoditization of smartphone hardware is just the beginning … of a huge new wave of cheap devices about to invade our lives—a zombie apocalypse of electronics, if you will. — Scott Jenson

  21. Um… I think I’ll just build an iPhone app. kthxbye.

  22. NATIVE vs. WEB

  23. NATIVE vs. WEB

  24. © Brad Frost

  25. © Brad Frost

  26. WE DON’T KNOW

  27. EVEN WHEN WE THINK WE KNOW, WE ARE PROBABLY WRONG

  28. SO HOW DO WE COPE?

  29. PROGRESSIVE ENHANCEMENT

  30. TECHNOLOGICAL RESTRICTIONS

  31. MCMLXXVII (that’s 1977)

  32. HTML CSS

  33. fault tolerance n. a system’s ability to continue to operate when it encounters and unexpected error.

More Related