html5 web apps vs native apps

  • 1,466 views
Uploaded on

A short overview on html5 web apps vs native apps. it shows how html5 apps are able to compete with native apps. Unleash the force of HTML5 ;)

A short overview on html5 web apps vs native apps. it shows how html5 apps are able to compete with native apps. Unleash the force of HTML5 ;)

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,466
On Slideshare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
15
Comments
0
Likes
2

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. by david pichsenmeister html5 (the light side) vs. native apps (the dark side)
  • 2. web native accessing through the web central store development costs reasonable expensive approval process limited hardware access
  • 3. Mark Zuckerberg: “Our Biggest Mistake Was Betting Too Much On HTML5” techcrunch, sep 2012
  • 4. Mark Zuckerberg: “Our Biggest Mistake Was Betting Too Much On HTML5” “Why LinkedIn dumped HTML5 & went native for its mobile apps” venturebeat, april 2013 techcrunch, sep 2012
  • 5. venturebeat, april 2013
  • 6. the dark side of web apps
  • 7. web-apps are slow
  • 8. they can not be used offline web-apps are slow
  • 9. they can not be used offline web-apps are slow no access to underlying hardware
  • 10. they can not be used offline web-apps are slow no access to underlying hardware no push notifications
  • 11. they can not be used offline web-apps are slow no access to underlying hardware no push notifications (direct) not yet :(
  • 12. use the force, luke!
  • 13. avoid replicating the default native style
  • 14. aim for a custom, native app look & feel avoid replicating the default native style
  • 15. aim for a custom, native app look & feel avoid replicating the default native style use CSS3 translate3d for every(!) animation
  • 16. use fastclick.js
  • 17. use HTML5 Application Cache use fastclick.js
  • 18. use HTML5 Application Cache use fastclick.js use offline storage (localStorage, indexedDB, …)
  • 19. force the user to “download” the webapp (e.g. IOS -> add to homescreen)
  • 20. want to try? www.sharedspaces.at still in (kind of) beta
  • 21. resources http://blog.forecast.io/its-not-a-web-app-its-an-app-you-install-from-the- web/ http://www.businessinsider.com/html5-vs-native-apps-for-mobile-2013- 6?op=1 http://venturebeat.com/2013/11/20/html5-vs-native-vs-hybrid-mobile- apps-3500-developers-say-all-three-please/ http://www.comscore. com/Insights/Press_Releases/2012/5/Introducing_Mobile_Metrix_2_Ins ight_into_Mobile_Behavior
  • 22. resources http://venturebeat.com/2013/04/03/the-mobile-war-is-over-and-the-app- has-won-80-of-mobile-time-spent-in-apps/
  • 23. MAY tHE fORcE bE WITh YOU! feel free to add me on: .../3x14159265