Mobile Web Apps Overview

  • Published on

  • View

  • Download


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.


<ul><li> 1. Ramonvictor | @tangerinalab </li> <li> 2. The defining characteristics are that the user interface is built with web- standard technologies: HTML, CSS and Javascript. </li> <li> 3. Web Storage; IndexedDB; SVG; Application Cache; Web SQL Database; Geolocation; WebSocket; Native Drag &amp; Drop; Desktop Drag-In (File API); Audio + Video Tags; Better semantic tags; Web Workers; Offline Mode; Canvas; </li> <li> 4. CSS Selectors; Webfonts; Columns; Opacity; Text stroke; Gradients; Rounded corners; Text wrapping; Transitions; Transforms; webkit Animations; </li> <li> 5. With hardware acceleration standards like HTML5 and CSS3 can deliver rich, interactive media smoothly in the browser. Safaris features page </li> <li> 6. Titanium Mobile </li> <li> 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; </li> <li> 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; </li> <li> 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 </li> <li> 10. Titanium Mobile is geared more to software developers and has a pure Javascript API for building powerful apps. </li> <li> 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 </li> <li> 12. Titanium Mobile Sencha provides paid support starting at $300/year; </li> <li> 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; </li> <li> 14. Give web developers JavaScript access to popular mobile device features: camera, GPS, accelerometer, local SQLite databases iPhone, Blackberry and Android are supported; </li> <li> 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 </li> <li> 16. Build a mobile web app for everyone but consider flagship native apps to reward your best customers Josh Clark </li> <li> 17. Basecamp Mobile 761-launch-basecamp-mobile </li> <li> 18. .com/us/app/rollca ll/id403072277 </li> <li> 19. </li> <li> 20. </li> <li> 21. http://tweetdeck .com/iphone/ Original app Playing with JQTouch, HTML5 e CSS3 </li> <li> 22. W3C: Mobile Web Application Best Practices Making an iPad HTML5 App &amp; making it really fast really-fast/ eBook: Building iPhone Apps with HTML, CSS, and JavaScript HTML5: Web Development to the next level Comparing Mobile Web (HTML5) Frameworks: Sencha Touch, jQuery Mobile, jQTouch, Titanium </li> <li> 23. Improving the Performance of your HTML5 App Mobile Web Development Toolbox </li> </ul>