product iamge

HTML5 Mobile Development Cookbook

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Download
Search on Amazon

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Recipes for building fast, responsive HTML5 mobile websites for iPhone 5, Android, Windows Phone and Blackberry

  • Solve your cross platform development issues by implementing device and content adaptation recipes.
  • Maximum action, minimum theory allowing you to dive straight into HTML5 mobile web development.
  • Incorporate HTML5-rich media and geo-location into your mobile websites.

In Detail

How do I create fast and responsive mobile websites that work across a range of platforms? For developers dealing with the proliferation of mobile devices each with unique screen sizes and performance limitations, it is an important question. This cookbook provides the answer. You will learn how to apply the latest HTML5 mobile web features effectively across a range of mobile devices.

HTML5 Mobile Development Cookbook will show you how to plan, build, debug and optimize mobile websites. Apply the latest HTML5 features that are best for mobile, while discovering emerging mobile web features to integrate in your mobile sites.

Build a rock-solid default mobile HTML template and understand mobile user interaction. Make your site fast and responsive, leveraging the uniqueness of location-based mobile features and mobile rich media. Make your mobile website perfect using debugging, performance optimization and server-side tuning. The book finishes with a sneak preview of future mobile web technologies.

What you will learn from this book

  • Master the art of mobile web design for multiple platforms.
  • Execute best practice guidelines for cross platform development.
  • Create fast and responsive mobile websites.
  • Debug mobile websites efficiently and effectively.
  • Leverage HTML5 multimedia features such as Canvas and SVG for the mobile web.
  • Build HTML5 geo-location based applications.
  • Take a sneak peek into the exciting world of emerging mobile web technologies such as AJAX 2.
  • Integrate your mobile websites with Facebook and Twitter.

Approach

The book is written in a cookbook style, presenting examples in the style of recipes, allowing you to go directly to your topic of interest, or follow topics throughout a chapter to gain in-depth knowledge.

Who this book is written for

Developers keen to create HTML5 mobile websites that are fast and responsive across a whole range of mobile devices.

Author(s): Shi Chuan
Publisher: Packt Publishing
Year: 2012

Language: English
Pages: 254
Tags: Библиотека;Компьютерная литература;HTML / CSS / JavaScript;HTML5 / CSS3;

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
environment......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
the browser......Page 67
Enabling iPhone start screen in
full 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
enhancement......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
JS 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