HTML5 Mobile Development Cookbook -- Table of Contents -- HTML5 Mobile Development Cookbook -- Credits -- About the Author -- About the Reviewers -- www.PacktPub.com -- Support files, eBooks, discount offers and more -- Why Subscribe? -- Free Access for Packt account holders -- Preface -- What this book covers -- What you need for this book -- Who this book is for -- Conventions -- Reader feedback -- Customer support -- Downloading the example code for this book -- Errata -- Piracy -- Questions -- 1. HTML5 and the Mobile Web -- Introduction -- Identifying your target mobile devices -- Which platforms and browsers are most commonly used by visitors on my website? -- How many people access my website from a mobile device that is capable of supporting modern scripting? -- Alternatives to Google Analytics -- Accuracy of Google Analytics -- Server loading speed concern -- Setting up mobile development tools -- Getting ready -- How to do it... -- How it works... -- There's more... -- Device simulator/emulator download lookup table -- Browser simulator/emulator download lookup table -- Remote testing -- BlackBerry simulator -- Getting ready -- How to do it... -- Setting up the mobile development environment -- Getting ready -- How to do it... -- How it works... -- There's more... -- Testing on a Safari desktop -- List of community-based collection of emulators/simulators -- List of emulators/simulators collection by Firtman -- Using HTML5 on the mobile web -- Getting ready -- How to do it... -- How it works... -- There's more... -- HTML5 and version number -- Mobile doctypes -- Free resources to learn HTML5 -- Rendering HTML5 across different browsers -- Getting ready -- How to do it... -- How it works... -- There's more... -- HTML5 CSS reset -- Enable block-level HTML5 elements in older IE -- Modernizr -- Designing for mobile -- Getting ready.

How to do it... -- How it works... -- There's more... -- Desktop-first site -- Mobile-first site -- One web approach -- Defining a content strategy -- Getting ready -- How to do it... -- How it works... -- There's more... -- Browser grade -- Mobile matrices -- 2. Mobile Setup and Optimization -- Introduction -- Adding a home screen button icon -- Getting ready -- How to do it... -- How it works... -- There's more... -- Everything you always wanted to know about touch icons -- Official documentation about Apple touch icons -- Apple Custom Icon and Image Creation Guidelines -- See also -- Preventing text resize -- Getting ready -- How to do it... -- How it works... -- There's more... -- Windows Mobile -- Making it future proof -- px em, which is better? -- Optimizing viewport width -- Getting ready -- How to do it... -- How it works... -- There's more... -- IE for Windows Phone viewport blog post -- Safari documentation -- Blackberry documentation -- Fixing Mobile Safari screen re-flow scale -- Getting ready -- How to do it... -- How it works... -- There's more... -- A slightly improved version -- An even better version -- A word for jQuery Mobile -- Launching phone-specific programs from the browser -- Getting ready -- How to do it... -- How it works... -- There's more... -- Mobile Safari URL scheme -- Blackberry URL scheme -- Sony Ericsson developers' guidelines -- Enabling iPhone start screen in full screen mode -- Getting ready -- How to do it... -- How it works... -- There's more... -- Full screen issue with iOS 4.3 -- Safari documentation about web applications -- Safari splash image and touch icon guidelines -- Prevent iOS from zooming onfocus -- Getting ready -- How to do it... -- How it works... -- There's more... -- Disabling or limiting WebKit features -- Getting ready -- How to do it... -- How it works... -- There's more...

Changing the tap color -- Making text area content editable -- Ellipsis for the narrow screen -- 3. Interactive Media with Mobile Events -- Introduction -- Moving an element with touch events -- Getting ready -- How to do it... -- How it works... -- There's more... -- jQuery mobile events -- Zepto -- Safari's guide on mobile event handling -- See also -- Detecting and handling orientation event -- Getting ready -- How to do it... -- How it works... -- There's more... -- Safari's native support -- Web versus native -- See also -- Rotating an HTML element with gesture events -- Getting ready -- How to do it... -- How it works... -- There's more... -- Safari event handling -- CSS3 transforms -- Drawbacks of the scale bug fix -- See also -- Making a carousel with swipe events -- Getting ready -- How to do it... -- How it works... -- There's more... -- Zepto framework and swipe events -- YUI and gesture events -- Dive into the source -- See also -- Zooming an image with gesture events -- Getting ready -- How to do it... -- How it works... -- There's more... -- Official iOS Safari guide on GestureEvent -- YUI gesture events -- Google Maps and gesture events -- See also -- 4. Building Fast and Responsive Websites -- Introduction -- Building pages using HTML5 semantics -- Getting ready -- How to do it... -- How it works... -- There's more... -- RDFa -- Microdata -- Microformats -- See also -- Using CSS3 features for progressive enhancement -- Getting ready -- How to do it... -- How it works... -- There's more... -- Understanding CSS3 gradients -- CSS3, please! -- See also -- Applying responsive design -- Getting ready -- How to do it... -- How it works... -- There's more... -- Optimizing polyfills script loading -- Getting ready -- How to do it... -- How it works... -- There's more... -- yepnope -- See also -- Applying user agent detection -- Getting ready.

How to do it... -- How it works... -- There's more... -- Methods of mobile browser detection -- Adding mobile bookmark bubble to the home page -- Getting ready -- How to do it... -- How it works... -- See also -- Building Contact page with textarea and autogrow forms -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Making buttons with instant response -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Hiding WebKit chrome -- Getting ready -- How to do it... -- How it works... -- See also -- Building a mobile sitemap -- Getting ready -- How to do it... -- How it works... -- There's more... -- Google and mobile-friendly site building -- Google and mobile site indexing -- 5. Mobile Device Access -- Introduction -- Getting your location -- Getting ready -- How to do it... -- How it works... -- There's more... -- Handling cross-browser geolocation -- Getting ready -- How to do it... -- How it works... -- There's more... -- YQL Geo Library -- Displaying a map based on your geolocation -- Getting ready -- How to do it... -- How it works... -- There's more... -- HTML5 geolocation tutorial -- Displaying location in realtime -- Getting ready -- How to do it... -- How it works... -- Using the DeviceOrientation event -- Getting ready -- How to do it... -- How it works... -- There's more... -- DeviceOrientation event specification -- Offical guide on the Safari site -- Using geolocation with foursquare -- Getting ready -- How to do it... -- How it works... -- There's more.. -- 6. Mobile Rich Media -- Introduction -- Playing audio on mobile -- Getting ready -- How to do it... -- How it works... -- There's more... -- W3C Audio Working Group -- Streaming video on your mobile -- Getting ready -- How to do it... -- How it works... -- There's more... -- Using offline caching -- Getting ready.

How to do it... -- How it works... -- There's more... -- Appcache facts -- WHATWG's official description -- Using Web Storage on mobile -- Getting ready -- How to do it... -- How it works... -- There's more... -- Web Storage portability layer -- HTML5 storage wars -- Using web workers -- Getting ready -- How to do it... -- How it works... -- Creating Flash-like navigation with session and history API -- Getting ready -- How to do it... -- How it works... -- There's more... -- Place Kitten -- 7. Mobile Debugging -- Introduction -- Remote debugging with Opera Dragonfly -- Getting ready -- How to do it... -- How it works... -- See also -- Remote debugging with weinre -- Getting ready -- How to do it... -- How it works... -- Using Firebug on mobile -- Getting ready -- How to do it... -- How it works... -- There's more... -- Debug channel -- Beta channel -- Developer channel -- Remote JavaScript debugging with JS Console -- Getting ready -- How to do it... -- How it works... -- There's more... -- JS Console iOS app -- Simple iOS simulator example -- Remote debugging JavaScript on any device -- Setting up Mobile Safari debugging -- Getting ready -- How to do it... -- How it works... -- 8. Server-Side Tuning -- Introduction -- Preventing mobile transcoding -- Getting ready -- How to do it... -- How it works... -- There's more... -- Microsoft Internet Information Server (IIS) -- Responsible reformatting -- MBP - Mobile Boilerplate -- Adding mobile MIME types -- Getting ready -- How to do it... -- How it works... -- There's more... -- Making cache manifest display properly -- Getting ready -- How to do it... -- How it works... -- MBP - Mobile Boilerplate -- Setting far future expire headers -- Getting ready -- How to do it... -- How it works... -- There's more... -- Add an Expires or a Cache-Control header -- Rules in MBP - Mobile Boilerplate.

Compressing files using Gzip.