Ramonvictor | @tangerinalab
• The defining characteristics are that the
user interface is built with web-
standard technologies: HTML, CSS and
Javascr...
Web Storage; IndexedDB; SVG;
Application Cache; Web SQL Database;
Geolocation; WebSocket; Native Drag &
Drop; Desktop Drag...
CSS Selectors; Webfonts; Columns;
Opacity; Text stroke; Gradients;
Rounded corners; Text
wrapping; Transitions; Transforms...
“With hardware acceleration
standards like HTML5 and
CSS3 can deliver rich,
interactive media smoothly
in the browser.”
Sa...
Titanium Mobile
Titanium Mobile
• is easy to use and it progressively
enhances HTML and CSS so that less
capable phones are still able to
...
Titanium Mobile
• Similar approach to jQTouch, but
with a broader array of UI controls
and styles;
• “Seriously cross-plat...
Titanium Mobile
• allows you to write apps using a
JavaScript API;
• it compiles most of your code
into a native iPhone or...
Titanium Mobile
is geared more to software
developers and has a pure
Javascript API for building
powerful apps.
• It is powered by a custom core that
is optimized for mobile (lighter and
better optimized than that in
jQTouch).
• Sench...
Titanium Mobile
• Sencha provides paid support
starting at $300/year;
• Allow web developers to take a web
app and package it as a native app for
the iPhone and other mobile platforms;
• If Ap...
• Give web developers JavaScript access
to popular mobile device features:
camera, GPS, accelerometer, local
SQLite databa...
• 37% of mobile users browse the web;
• 35% use downloaded apps;
• So it's not that one is winning over the
other in terms...
“Build a mobile web app for
everyone but consider
flagship native apps to
reward your best customers”
Josh Clark
Basecamp Mobile
http://37signals.com/svn/posts/2
761-launch-basecamp-mobile
http://currency.io/
http://itunes.apple
.com/us/app/rollca
ll/id403072277
http://currency.io/
http://jag.gr/tm/
http://dedy.tv/sudoku/ http://dedy.tv/2b/
http://bit.ly/pr6DPY
http://tweetdeck
.com/iphone/
Original app
Playing with JQTouch, HTML5
e CSS3
• W3C: Mobile Web Application Best Practices
http://www.w3.org/TR/mwabp/
• Making an iPad HTML5 App & making it really fas...
• Improving the Performance of your HTML5 App
http://www.html5rocks.com/en/tutorials/speed/html5/
• Mobile Web Development...
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Mobile Web Apps Overview
Upcoming SlideShare
Loading in...5
×

Mobile Web Apps Overview

1,006

Published on

Back in 2011, when I was working at Partec/TangerinaLab, I did a research to check the status of web mobiles apps comparing with native apps.

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

No Downloads
Views
Total Views
1,006
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
30
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Mobile Web Apps Overview

  1. 1. Ramonvictor | @tangerinalab
  2. 2. • The defining characteristics are that the user interface is built with web- standard technologies: HTML, CSS and Javascript.
  3. 3. Web Storage; IndexedDB; SVG; Application Cache; Web SQL Database; Geolocation; WebSocket; Native Drag & Drop; Desktop Drag-In (File API); Audio + Video Tags; Better semantic tags; Web Workers; Offline Mode; Canvas;
  4. 4. CSS Selectors; Webfonts; Columns; Opacity; Text stroke; Gradients; Rounded corners; Text wrapping; Transitions; Transforms; webkit Animations;
  5. 5. “With hardware acceleration standards like HTML5 and CSS3 can deliver rich, interactive media smoothly in the browser.” Safari’s features page
  6. 6. Titanium Mobile
  7. 7. Titanium Mobile • is easy to use and it progressively enhances HTML and CSS so that less capable phones are still able to browse content; • there are periodic delays in responding to tap events; • jQuery library is too heavy; • is focussed strictly on the iPhone, iPod Touch;
  8. 8. Titanium Mobile • Similar approach to jQTouch, but with a broader array of UI controls and styles; • “Seriously cross-platform”: iOS, Android, BlackBerry, Windows Phone… • performance is variable; • jQuery library is too heavy;
  9. 9. Titanium Mobile • allows you to write apps using a JavaScript API; • it compiles most of your code into a native iPhone or Android app; • You can only target the platforms Titanium supports; Titanium Mobile
  10. 10. Titanium Mobile is geared more to software developers and has a pure Javascript API for building powerful apps.
  11. 11. • It is powered by a custom core that is optimized for mobile (lighter and better optimized than that in jQTouch). • Sencha is far more extensive than its competitors • Explicit iPad support • Storage and data binding facilities using JSON and HTML5 offline storage
  12. 12. Titanium Mobile • Sencha provides paid support starting at $300/year;
  13. 13. • Allow web developers to take a web app and package it as a native app for the iPhone and other mobile platforms; • If Apple rejects it? No big deal, because I still have my online version;
  14. 14. • Give web developers JavaScript access to popular mobile device features: camera, GPS, accelerometer, local SQLite databases… • iPhone, Blackberry and Android are supported;
  15. 15. • 37% of mobile users browse the web; • 35% use downloaded apps; • So it's not that one is winning over the other in terms of usage; According to Comscore
  16. 16. “Build a mobile web app for everyone but consider flagship native apps to reward your best customers” Josh Clark
  17. 17. Basecamp Mobile http://37signals.com/svn/posts/2 761-launch-basecamp-mobile
  18. 18. http://currency.io/ http://itunes.apple .com/us/app/rollca ll/id403072277
  19. 19. http://currency.io/ http://jag.gr/tm/
  20. 20. http://dedy.tv/sudoku/ http://dedy.tv/2b/
  21. 21. http://bit.ly/pr6DPY http://tweetdeck .com/iphone/ Original app Playing with JQTouch, HTML5 e CSS3
  22. 22. • W3C: Mobile Web Application Best Practices http://www.w3.org/TR/mwabp/ • Making an iPad HTML5 App & making it really fast http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it- really-fast/ • eBook: Building iPhone Apps with HTML, CSS, and JavaScript http://ofps.oreilly.com/titles/9780596805784/index.html • HTML5: Web Development to the next level http://slides.html5rocks.com/#title-slide • Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQuery Mobile, jQTouch, Titanium http://interfacethis.com/2011/adventures-in-html5-part-one/
  23. 23. • Improving the Performance of your HTML5 App http://www.html5rocks.com/en/tutorials/speed/html5/ • Mobile Web Development Toolbox http://mobilewebtoolbox.com/
  1. A particular slide catching your eye?

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

×