[...]... site HTML5 Applications | 5 Figure 1-2 The Add to Home script by Matteo Spinelli The first is the apple -mobile- web-app-capable tag; this will allow the application, once it is installed on the home screen of your device, to run on full screen mode, usually called the standalone mode From your own JavaScript code, you can then check 6 | Chapter 1: HTML5 for Mobile Applications whether the application. .. reasons), and the mobile browser uses this information to speed up the rendering of the application Let’s take a look at a simple cache manifest, taken from an application written by the author of this book: CACHE MANIFEST # version 7 CACHE: index.html icon.png 3 The official documentation of the HTML5 application cache is available at the W3C site 8 | Chapter 1: HTML5 for Mobile Applications app.js... counterparts! This way you can create just one application, using as many HTML5 features as required, and your code will work gracefully in older or newer versions of your favorite browser Modernizr supports IE6+, Firefox 3.5+, Opera 9.6+, Safari 2+, Google Chrome mobile, Mobile Safari on iOS, Android’s browser, Opera Mobile, Firefox Mobile, and (still under development at the time of this writing) Blackberry... element of the HTML5 specification is the strong focus in applications Apple and others providers have foreseen, five years ago, the implications and opportunities provided by a standardized, distributed, simplified application development framework, available in every mobile device on the planet, and they have pushed forward to offer advanced app development possibilities to developers using these technologies... a major requirement in the development of HTML5! 2 | Chapter 1: HTML5 for Mobile Applications JavaScript and Stylesheets Finally, and tags are stripped of their “type” parameter, which is not required anymore: , The new HTML5 spec clearly expects style sheets to be CSS files, and scripts to be JavaScript; no more ambiguity... that will take you directly to the web application Metadata for HTML5 Applications You can use the following HTML and tags in your main HTML file, to specify several features of your application, used by iOS and some of them also by Android, when your application is added to the home screen of your device You can check the complete reference of HTML5 application- related meta tags in the... tailored for web developers familiar with the following technologies: • HTML • CSS • JavaScript It does not matter if you have mobile software engineering experience, but of course if you do, well, it will be a huge help! Mobile applications are a world of their own, and they present challenges that common desktop applications don’t deal with, such as: • • • • Small screen sizes Reduced battery life... widgets, and will guide the reader in the development of a creation of a “to do list” kind of application Chapter 4 will take you to the core concepts behind one of the most powerful JavaScript frameworks available today We are going to review the architecture, widgets and idioms required to build Sencha Touch applications Finally, we are going to wrap these applications in the Chapter 5 chapter, to... page content > > HTML5 Application Cache | 9 Here we are specifying the application cache manifest file that belongs to this HTML file According to Maximiliano Firtman’s Mobile HTML5 site, shown in Figure 1-3, the HTML5 application cache is supported by most major mobile platforms today Figure 1-3 Mobile HTML5 site by Maximiliano Firtman Cache manifests are very flexible, but they have... serve HTML5 Application Cache manifests properly The HTML5 Application Cache is a very interesting technology, but it also has several quirks and gotchas that are not always easy to spot or to debug Please read the article Application Cache is a Douchebag” in A List Apart, which provides excellent details about all the potential problems, and how to solve them 10 | Chapter 1: HTML5 for Mobile Applications . Mobile JavaScript Application Development Adrian Kosmaczewski Beijing • Cambridge • Farnham • Köln • Sebastopol • Tokyo Mobile JavaScript Application Development by. O’Reilly logo are registered trademarks of O’Reilly Media, Inc. Mobile JavaScript Application Development, the cover image of a dacelo rufous- collard kingfisher,