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...

Transcript

1. Mobile wars:
   

   HTML5 vs. Native
   @pardel
   Paul Ardeleanu
   

   View Slide

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

   View Slide

3. View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

9. HTML5?
   

   View Slide

10. Native?
    

    View Slide

11. flickr.com/photos/tucamon/5618419983
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

17. View Slide

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

    View Slide

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

    View Slide

20. View Slide

21. View Slide

22. Javascript required
    

    View Slide

23. Javascript required
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

27. View Slide

28. Hybrid Apps
    

    View Slide

29. Strengths & weaknesses
    cost
    performance
    

    View Slide

30. Strengths & weaknesses
    cost
    performance
    native
    

    View Slide

31. Strengths & weaknesses
    cost
    performance
    native
    web
    

    View Slide

32. Strengths & weaknesses
    cost
    performance
    native
    web
    hybrid
    

    View Slide

33. Strengths & weaknesses
    cost
    performance
    native
    web
    hybrid
    

    View Slide

34. Ungraceful
    degradation
    

    View Slide

35. View Slide

36. Cross-platform
    

    View Slide

37. View Slide

38. View Slide

39. Best possible
    outcome
    

    View Slide

40. flickr.com/photos/kenyee/358996991/
    

    View Slide

41. View Slide

42. flickr.com/photos/kertong/4509481335/
    

    View Slide

43. Surprise & Delight
    

    View Slide

44. Surprise & Delight
    y
    h
    b
    t
    g
    v
    

    View Slide

45. 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 Slide

46. View Slide

47. You have a choice
    

    View Slide

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

    View Slide

49. Q & A
    

    View Slide

50. View Slide

51. Thank you!
    @pardel
    paul@lupo.uk
    

    View Slide