Upgrade to Pro — share decks privately, control downloads, hide ads and more …

HTML5 vs. Native

HTML5 vs. Native

The mobile scene has greatly evolved over the last 10 years; new operating systems and app stores have materialised and flipped on its head the existent postulates on information consumption on the go. We are more connected, less private and data hungrier than ever before - not to mention the higher standards.
HTML5 has now matured as the ubiquitous platform for the web and cannot be dismissed any longer as an incomplete solution for mobile. On the other hand, native apps can offer better performance, greater engagement and lucrative ecosystem.
Which one shall we use? There is only one right answer...

Paul Ardeleanu

May 11, 2016
Tweet

More Decks by Paul Ardeleanu

Other Decks in Programming

Transcript

  1. Mobile wars:

    HTML5 vs. Native
    @pardel
    Paul Ardeleanu

    View full-size slide

  2. flickr.com/photos/photomato/3581886493/

    View full-size slide

  3. http://liquidsouldesign.deviantart.com/art/Game-of-Thrones-House-Stark-252288741

    View full-size slide

  4. http://liquidsouldesign.deviantart.com/art/House-Lannister-252291094

    View full-size slide

  5. http://liquidsouldesign.deviantart.com/art/House-Targaryen-252290069

    View full-size slide

  6. http://liquidsouldesign.deviantart.com/art/House-Baelish-260319395

    View full-size slide

  7. https://www.flickr.com/photos/fouquier/14144024197

    View full-size slide

  8. flickr.com/photos/tucamon/5618419983

    View full-size slide

  9. https://www.flickr.com/photos/rickmccharles/4179034985

    View full-size slide

  10. https://www.flickr.com/photos/lancesh/22496520524

    View full-size slide

  11. http://flurrymobile.tumblr.com/post/127638842745/seven-years-into-the-mobile-revolution-content-is

    View full-size slide

  12. https://www.flickr.com/photos/andrewmalone/5163238038

    View full-size slide

  13. Huge series of tubes
    http://news.netcraft.com/archives/2016/04/21/april-2016-web-server-survey.html

    View full-size slide

  14. http://www.kpcb.com/blog/2015-internet-trends

    View full-size slide

  15. How to…
    • Adaptive content
    • Truly embrace HTML5

    View full-size slide

  16. Javascript required

    View full-size slide

  17. Javascript required

    View full-size slide

  18. https://www.flickr.com/photos/nabroci/9785879596

    View full-size slide

  19. https://www.flickr.com/photos/125951485@N06/16290847332
    The mobile mashup

    View full-size slide

  20. https://twitter.com/lukew/status/591296890030915585

    View full-size slide

  21. Strengths & weaknesses
    cost
    performance

    View full-size slide

  22. Strengths & weaknesses
    cost
    performance
    native

    View full-size slide

  23. Strengths & weaknesses
    cost
    performance
    native
    web

    View full-size slide

  24. Strengths & weaknesses
    cost
    performance
    native
    web
    hybrid

    View full-size slide

  25. Strengths & weaknesses
    cost
    performance
    native
    web
    hybrid

    View full-size slide

  26. Ungraceful
    degradation

    View full-size slide

  27. Cross-platform

    View full-size slide

  28. Best possible
    outcome

    View full-size slide

  29. flickr.com/photos/kenyee/358996991/

    View full-size slide

  30. flickr.com/photos/kertong/4509481335/

    View full-size slide

  31. Surprise & Delight

    View full-size slide

  32. Surprise & Delight
    y
    h
    b
    t
    g
    v

    View full-size slide

  33. Learn from big players
    So while utilizing web technology has allowed us to support
    more than 500 million people using Facebook on more than
    7000 supported devices, we realized that when it comes to
    platforms like iOS, people expect a fast, reliable experience and
    our iOS app was falling short. Now that our mobile services had
    breadth, we wanted depth. So, we rewrote Facebook for iOS
    from the ground up (I really did open up Xcode and click "New
    Project") with a focus on quality and leveraging the advances
    that have been made in iOS development.
    https://www.facebook.com/notes/facebook-engineering/under-
    the-hood-rebuilding-facebook-for-ios/10151036091753920

    View full-size slide

  34. You have a choice

    View full-size slide

  35. https://www.flickr.com/photos/purple-lover/13583362554

    View full-size slide