PacktLib: HTML5 iPhone Web Application Development

HTML5 iPhone Web Application Development

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Application Architecture

Implementing the HTML5 Mobile Boilerplate

Creating our application framework

Customizing our framework

Creating semantic markup

Structuring our stylesheets

Responsive design principles

Establishing our JavaScript architecture

Integrating a custom module template

Routing to a mobile site

Home screen icons

Introducing our build script

Summary

Integrating HTML5 Video

Configuring the server

A simple HTML5 video

Listening to HTML5 video events

Creating a JavaScript video library

Customizing HTML5 video controls

Summary

HTML5 Audio

Server configuration

Simple HTML5 audio integration

MediaElement abstraction

Extending the MediaElement API for audio

Dynamic audio player

Customizing HTML5 audio controls

iOS considerations

Summary

Touch and Gestures

Simplifying the navigation

Touch and Gesture events

Creating a responsive photo gallery

Summary

Understanding HTML5 Forms

HTML5 input types

HTML5 attributes for forms

Form layout for iPhone

Sample HTML5 forms

Form validation

Form styling for iOS

Summary

Location-aware Applications

Geolocation specification

Google Maps API

Geolocation and Google Maps

Summary

One-page Applications

Model-View-Controller or MVC

Introduction to Underscore.js

Introduction to Backbone.js

Our sample application

Summary

Offline Applications

Application Cache

Debugging the cache manifest

Handling offline applications

Summary

Principles of Clean and Optimized Code

Optimizing stylesheets

Optimizing JavaScript

Summary

Creating a Native iPhone Web Application

Setting up the development environment

Transferring a web application

Summary

Index