by david pichsenmeister
html5
(the light side)
vs.
native apps
(the dark side)
web native
accessing
through
the web central store
development
costs
reasonable expensive
approval
process
limited
hardwar...
Mark Zuckerberg: “Our Biggest Mistake
Was Betting Too Much On HTML5”
techcrunch, sep 2012
Mark Zuckerberg: “Our Biggest Mistake
Was Betting Too Much On HTML5”
“Why LinkedIn dumped HTML5 & went
native for its mobi...
venturebeat, april 2013
the dark side of
web apps
web-apps are slow
they can not be used offline
web-apps are slow
they can not be used offline
web-apps are slow
no access to underlying hardware
they can not be used offline
web-apps are slow
no access to underlying hardware
no push notifications
they can not be used offline
web-apps are slow
no access to underlying hardware
no push notifications
(direct)
not yet :(
use the force,
luke!
avoid replicating the default
native style
aim for a custom, native app look
& feel
avoid replicating the default
native style
aim for a custom, native app look
& feel
avoid replicating the default
native style
use CSS3 translate3d for
every(!) anim...
use fastclick.js
use HTML5 Application Cache
use fastclick.js
use HTML5 Application Cache
use fastclick.js
use offline storage (localStorage,
indexedDB, …)
force the user to “download” the
webapp (e.g. IOS -> add to
homescreen)
want to try?
www.sharedspaces.at
still in (kind of) beta
resources
http://blog.forecast.io/its-not-a-web-app-its-an-app-you-install-from-the-
web/
http://www.businessinsider.com/h...
resources
http://venturebeat.com/2013/04/03/the-mobile-war-is-over-and-the-app-
has-won-80-of-mobile-time-spent-in-apps/
MAY tHE fORcE bE
WITh YOU!
feel free to add me on:
.../3x14159265
html5 web apps vs native apps
html5 web apps vs native apps
Upcoming SlideShare
Loading in...5
×

html5 web apps vs native apps

3,649

Published 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 ;)

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

No Downloads
Views
Total Views
3,649
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
21
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

html5 web apps vs native apps

  1. 1. by david pichsenmeister html5 (the light side) vs. native apps (the dark side)
  2. 2. web native accessing through the web central store development costs reasonable expensive approval process limited hardware access
  3. 3. Mark Zuckerberg: “Our Biggest Mistake Was Betting Too Much On HTML5” techcrunch, sep 2012
  4. 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. 5. venturebeat, april 2013
  6. 6. the dark side of web apps
  7. 7. web-apps are slow
  8. 8. they can not be used offline web-apps are slow
  9. 9. they can not be used offline web-apps are slow no access to underlying hardware
  10. 10. they can not be used offline web-apps are slow no access to underlying hardware no push notifications
  11. 11. they can not be used offline web-apps are slow no access to underlying hardware no push notifications (direct) not yet :(
  12. 12. use the force, luke!
  13. 13. avoid replicating the default native style
  14. 14. aim for a custom, native app look & feel avoid replicating the default native style
  15. 15. aim for a custom, native app look & feel avoid replicating the default native style use CSS3 translate3d for every(!) animation
  16. 16. use fastclick.js
  17. 17. use HTML5 Application Cache use fastclick.js
  18. 18. use HTML5 Application Cache use fastclick.js use offline storage (localStorage, indexedDB, …)
  19. 19. force the user to “download” the webapp (e.g. IOS -> add to homescreen)
  20. 20. want to try? www.sharedspaces.at still in (kind of) beta
  21. 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. 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. 23. MAY tHE fORcE bE WITh YOU! feel free to add me on: .../3x14159265
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×