1.
Ramonvictor | @tangerinalab

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

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.
CSS Selectors; Webfonts; Columns;
Opacity; Text stroke; Gradients;
Rounded corners; Text
wrapping; Transitions; Transforms;
webkit Animations;

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

6.
Titanium Mobile

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.
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.
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.
Titanium Mobile
is geared more to software
developers and has a pure
Javascript API for building
powerful apps.

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.
Titanium Mobile
• Sencha provides paid support
starting at $300/year;

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.
• Give web developers JavaScript access
to popular mobile device features:
camera, GPS, accelerometer, local
SQLite databases…
• iPhone, Blackberry and Android are
supported;

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.
“Build a mobile web app for
everyone but consider
flagship native apps to
reward your best customers”
Josh Clark

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

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

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

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

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

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.
• Improving the Performance of your HTML5 App
http://www.html5rocks.com/en/tutorials/speed/html5/
• Mobile Web Development Toolbox
http://mobilewebtoolbox.com/