Post on 01-Nov-2014
description
Ramonvictor | @tangerinalab
• The defining characteristics are that the user interface is built with web-standard technologies: HTML, CSS and Javascript.
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;
CSS Selectors; Webfonts; Columns;
Opacity; Text stroke; Gradients;
Rounded corners; Text
wrapping; Transitions; Transforms;
webkit Animations;
“With hardware acceleration standards like HTML5 and
CSS3 can deliver rich, interactive media smoothly
in the browser.”
Safari’s features page
Titanium Mobile
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;
Titanium Mobile
• Similar approach to jQTouch, butwith a broader array of UI controls and styles;
• “Seriously cross-platform”: iOS, Android, BlackBerry, Windows Phone…
• performance is variable;
• jQuery library is too heavy;
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
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).
• Sencha is far more extensive than its competitors
• Explicit iPad support
• Storage and data binding facilities using JSON and HTML5 offline storage
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 Apple rejects it? No big deal, because I still have my online version;
• Give web developers JavaScript access to popular mobile device features: camera, GPS, accelerometer, local SQLite databases…
• iPhone, Blackberry and Android are supported;
• 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
“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/2761-launch-basecamp-mobile
http://currency.io/http://itunes.apple.com/us/app/rollcall/id403072277
http://bit.ly/pr6DPY
http://tweetdeck.com/iphone/
Original appPlaying with JQTouch, HTML5 e CSS3
• W3C: Mobile Web Application Best Practiceshttp://www.w3.org/TR/mwabp/
• Making an iPad HTML5 App & making it really fasthttp://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
• eBook: Building iPhone Apps with HTML, CSS, and JavaScripthttp://ofps.oreilly.com/titles/9780596805784/index.html
• HTML5: Web Development to the next levelhttp://slides.html5rocks.com/#title-slide
• Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQueryMobile, jQTouch, Titaniumhttp://interfacethis.com/2011/adventures-in-html5-part-one/
• Improving the Performance of your HTML5 Apphttp://www.html5rocks.com/en/tutorials/speed/html5/
• Mobile Web Development Toolboxhttp://mobilewebtoolbox.com/