HTML5 Mobile Development Cookbook

Cover......Page 1
Copyright......Page 3
Credits......Page 4
About the Author......Page 5
About the Reviewers......Page 6
www.PacktPub.com......Page 7
Table of Contents......Page 12
Preface......Page 16
Introduction......Page 20
Setting up mobile development tools......Page 24
BlackBerry simulator......Page 26
Setting up the mobile development \nenvironment......Page 28
Using HTML5 on the mobile web......Page 33
Rendering HTML5 across different browsers......Page 35
Designing for mobile......Page 38
Defining a content strategy......Page 46
Introduction......Page 50
Adding a home screen button icon......Page 51
Preventing text resize......Page 54
Optimizing viewport width......Page 59
Fixing Mobile Safari screen re-flow scale......Page 63
Launching phone-specific programs from \nthe browser......Page 67
Enabling iPhone start screen in \nfull screen mode......Page 71
Prevent iOS from zooming onfocus......Page 73
Disabling or limiting WebKit features......Page 74
Moving an element with touch events......Page 78
Detecting and handling orientation event......Page 81
Rotating an HTML element with gesture events......Page 89
Making a carousel with swipe events......Page 92
Zooming an image with gesture events......Page 97
Introduction......Page 100
Building pages using HTML5 semantics......Page 101
Using CSS3 features for progressive \nenhancement......Page 104
Applying responsive design......Page 109
Optimizing polyfills script loading......Page 112
Applying user agent detection......Page 115
Adding mobile bookmark bubble to the home page......Page 117
Building Contact page with textarea and autogrow forms......Page 119
Making buttons with instant response......Page 121
Hiding WebKit chrome......Page 124
Building a mobile sitemap......Page 127
Introduction......Page 130
Getting your location......Page 131
Handling cross-browser geolocation......Page 134
Displaying a map based on your geolocation......Page 136
Displaying location in realtime......Page 141
Using the DeviceOrientation event......Page 145
Using geolocation with foursquare......Page 149
Introduction......Page 152
Playing audio on mobile......Page 153
Streaming video on your mobile......Page 157
Using offline caching......Page 160
Using Web Storage on mobile......Page 163
Using web workers......Page 167
Creating Flash-like navigation with session and history API......Page 172
Remote debugging with Opera Dragonfly......Page 178
Remote debugging with weinre......Page 182
Using Firebug on mobile......Page 186
Remote JavaScript debugging with \nJS Console......Page 189
Setting up Mobile Safari debugging......Page 194
Introduction......Page 202
Preventing mobile transcoding......Page 203
Adding mobile MIME types......Page 204
Setting far future expire headers......Page 206
Compressing files using Gzip......Page 209
Removing ETags......Page 212
Introduction......Page 216
Speed testing your device with Blaze......Page 217
Analyzing mobile page speed online......Page 220
Analyzing mobile performance with PCAP Web Performance Analyzer......Page 222
Using HTTP Archive Mobile......Page 224
Storing performance data with Jdrop......Page 226
Introduction......Page 230
window.onerror......Page 231
Using ECMAScript 5 methods......Page 232
New HTML5 input types......Page 237
Inline SVG in text/HTML......Page 239
position:fixed......Page 240
overflow:scroll......Page 241
Index......Page 244