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.

1. Ramonvictor | @tangerinalab

2. • The defining characteristics are that the
user interface is built with web-
standard technologies: HTML, CSS and
Javascript.

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

6. CSS Selectors; Webfonts; Columns;
Opacity; Text stroke; Gradients;
Rounded corners; Text
wrapping; Transitions; Transforms;
webkit Animations;

7. “With hardware acceleration
standards like HTML5 and
CSS3 can deliver rich,
interactive media smoothly
in the browser.”
Safari’s features page

8. Titanium Mobile

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

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

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

12. Titanium Mobile
is geared more to software
developers and has a pure
Javascript API for building
powerful apps.

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

14. Titanium Mobile
• Sencha provides paid support
starting at $300/year;

16. • 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;

18. • Give web developers JavaScript access
to popular mobile device features:
camera, GPS, accelerometer, local
SQLite databases…
• iPhone, Blackberry and Android are
supported;

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

22. “Build a mobile web app for
everyone but consider
flagship native apps to
reward your best customers”
Josh Clark

23. Basecamp Mobile
http://37signals.com/svn/posts/2
761-launch-basecamp-mobile

24. http://currency.io/
http://itunes.apple
.com/us/app/rollca
ll/id403072277

25. http://currency.io/
http://jag.gr/tm/

26. http://dedy.tv/sudoku/ http://dedy.tv/2b/

28. http://bit.ly/pr6DPY
http://tweetdeck
.com/iphone/
Original app
Playing with JQTouch, HTML5
e CSS3

30. • 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/

31. • Improving the Performance of your HTML5 App
http://www.html5rocks.com/en/tutorials/speed/html5/
• Mobile Web Development Toolbox
http://mobilewebtoolbox.com/