HTML5 Mobile Web Development in Action provides a solution to this challenge. By reading this book, you'll learn how to effectively leverage the latest HTML5 features for mobile sites across multiple mobile platforms. The book is divided into 10 chapters. From the perspectives of mobile web, device-side configuration and optimization, variable interaction, responsive design, device access, debugging, performance testing, rich media, etc. Build fast, responsive HTML5 mobile websites for many mainstream mobile application platforms including iOS, Android, Windows Phone, and BlackBerry.
The author of "HTML5 Mobile Web Development Practice" is a member of the HTML5 Boilerplate project and the main developer of MobileBoilerplate (//h5bp.com/mobile). "HTML5 Mobile Web Development Practice" is tailored for programmers who are committed to realizing high-performance, responsive, cross-platform HTML5 mobile websites, and is also suitable for readers who are interested in mobile Web development.
Tutorial address: HTML5 Mobile Web Development Practical PDF Scanning Version
HTML5 Mobile Web Development Practice Table of Contents:
Chapter 1 HTML5 and Mobile Websites
1.1 Introduction
1.2 Determining Applicable Mobile Devices for the Website
1.2.1 What are the platforms and browsers most commonly used by users?
1.2.2 How many users use mobile devices that support modern scripts
1.2.3 Alternatives to Google Analytics
1.2.4 Accuracy of Google Analytics
1.2.5 Concerns about the reading speed of the server
1.3 Configuring Mobile Development Tools
1.3.1 Preparation
1.3.2 Practice
1.3.3 Review
1.3.4 Extension
1.4 BlackBerry Emulator
1.4.1 Preparation
1.4.2 Practice
1.5 Configuring the mobile development environment
1.5.1 Preparation
1.5.2 Practice
1.5.3 Review
1.5.4 Extension
1.6 Using HTML5 in Mobile Websites
1.6.1 Preparation
1.6.2 Practice
1.6.3 Review
1.6.4 Extension
1.7 Cross-browser HTML5
1.7.1 Preparation
1.7.2 Practice
1.7.3 Review
1.7.4 Extension
1.8 Mobile Design
1.8.1 Preparation
1.8.2 Practice
1.8.3 Review
1.8.4 Extension
1.9 Define a content strategy
1.9.1 Preparation
1.9.2 Practice
1.9.3 Review
1.9.4 Extension
Chapter 2 Mobile Configuration and Optimization
2.1 Introduction
2.2 Start the web application through the interface icon
2.2.1 Preparation
2.2.2 Practice
2.2.3 Review
2.2.4 Extension
2.2.5 Reference
2.3 Avoid text font size reset
2.3.1 Preparation
2.3.2 Practice
2.3.3 Review
2.3.4 Extension
2.4 Optimize browser viewport width settings
2.4.1 Preparation
2.4.2 Practice
2.4.3 Review
2.4.4 Extension
2.5 Fix the re-flow scale problem of mobile Safari
2.5.1 Preparation
2.5.2 Practice
2.5.3 Review
2.5.4 Extension
2.6 Launch the mobile native application in the browser
2.6.1 Preparation
2.6.2 Practice
2.6.3 Review
2.6.4 Extension
2.7 Start full screen mode under iPhone
2.7.1 Preparation
2.7.2 Practice
2.7.3 Review
2.7.4 Extension
2.8 Prevent iOS from auto-zooming on focus
2.8.1 Preparation
2.8.2 Practice
2.8.3 Review
2.8.4 Extension
2.9 Disable or restrict some WebKit features
2.9.1 Preparation
2.9.2 Practice
2.9.3 Review
2.9.4 Extension
Chapter 3 How Mobile Devices Interact
3.1 Introduction
3.2 Using touch to move page elements
3.2.1 Preparation
3.2.2 Practice
3.2.3 Review
3.2.4 Extension
3.2.5 Reference
3.3 Detect and handle horizontal and vertical screen switching events
3.3.1 Preparation
3.3.2 Practice
3.3.3 Review
3.3.4 Extension
3.3.5 Reference
3.4 Using gestures to rotate page elements
3.4.1 Preparation
3.4.2 Practice
3.4.3 Review
3.4.4 Extension
3.4.5 Reference
3.5 Create a gallery with swipe
3.5.1 Preparation
3.5.2 Practice
3.5.3 Review
3.5.4 Extension
3.5.5 Reference
3.6 Use gestures to operate image zoom
3.6.1 Preparation
3.6.2 Practice
3.6.3 Review
3.6.4 Extension
3.6.5 Reference
Chapter 4 Building Responsive Mobile Internet Sites
4.1 Introduction
4.2 Building pages using HTML5 syntax
4.2.1 Preparation
4.2.2 Practice
4.2.3 Review
4.2.4 Extension
4.2.5 Reference
4.3 Progressive Enhancement Using CSS3 Features
4.3.1 Preparation
4.3.2 Practice
4.3.3 Review
4.3.4 Extension
4.3.5 Reference
4.4 Use responsive design
4.4.1 Preparation
4.4.2 Practice
4.4.3 Review
4.4.4 Extension
4.5 Optimize the loading speed of polyfills scripts
4.5.1 Preparation
4.5.2 Practice
4.5.3 Review
4.5.4 Extension
4.5.5 Reference
4.6 Detecting User Clients
4.6.1 Preparation
4.6.2 Practice
4.6.3 Review
4.6.4 Extension
4.7 Use bookmark bubbles to add desktop shortcuts to apps
4.7.1 Preparation
4.7.2 Practice
4.7.3 Review
4.7.4 Reference
4.8 Building an auto-scalable text input box
4.8.1 Preparation
4.8.2 Practice
4.8.3 Review
4.8.4 Extension
4.8.5 Reference
4.9 Acceleration button feedback
4.9.1 Preparation
4.9.2 Practice
4.9.3 Review
4.9.4 Extension
4.9.5 Reference
4.10 Hide the browser's address bar
4.10.1 Preparation
4.10.2 Practice
4.10.3 Review
4.10.4 Reference
4.11 Building a Sitemap for Mobile Internet Sites
4.11.1 Preparation
4.11.2 Practice
4.11.3 Review
4.11.4 Extension
Chapter 5 Mobile Device Access
5.1 Introduction
5.2 Get location information
5.2.1 Preparation
5.2.2 Practice
5.2.3 Review
5.2.4 Extension
5.3 Cross-browser targeting
5.3.1 Preparation
5.3.2 Practice
5.3.3 Review
5.3.4 Extension
5.4 Displaying maps based on geographic information
5.4.1 Preparation
5.4.2 Practice
5.4.3 Review
5.4.4 Extension
5.5 Real-time display of geographic location
5.5.1 Preparation
5.5.2 Practice
5.5.3 Review
5.6 Using the DeviceOrientation event
5.6.1 Preparation
5.6.2 Practice
5.6.3 Review
5.6.4 Extension
5.7 Positioning using foursquare
5.7.1 Preparation
5.7.2 Practice
5.7.3 Review
5.7.4 Extension
Chapter 6 Mobile Rich Media
6.1 Introduction
6.2 Playing audio on mobile devices
6.2.1 Preparation
6.2.2 Practice
6.2.3 Review
6.2.4 Extension
6.3 Playing Videos on Mobile Devices
6.3.1 Preparation
6.3.2 Practice
6.3.3 Review
6.3.4 Extension
6.4 Using Offline Cache
6.4.1 Preparation
6.4.2 Practice
6.4.3 Review
6.4.4 Extension
6.5 Using Web Storage
6.5.1 Preparation
6.5.2 Practice
6.5.3 Review
6.5.4 Extension
6.6 Using Web Workers
6.6.1 Preparation
6.6.2 Practice
6.6.3 Review
6.7 Use session and history API to build Flash-like navigation effects
6.7.1 Preparation
6.7.2 Practice
6.7.3 Review
6.7.4 Extension
Chapter 7 Mobile Device Debugging
7.1 Introduction
7.2 Remote debugging with Opera Dragonfly
7.2.1 Preparation
7.2.2 Practice
7.2.3 Review
7.2.4 Extension
7.3 Remote debugging with weinre
7.3.1 Preparation
7.3.2 Practice
7.3.3 Review
7.4 Using Firebug on Mobile Devices
7.4.1 Preparation
7.4.2 Practice
7.4.3 Review
7.4.4 Extension
7.5 Remote debugging with JS Console
7.5.1 Preparation
7.5.2 Practice
7.5.3 Review
7.5.4 Extension
7.6 Setting up the Mobile Safari debugger
7.6.1 Preparation
7.6.2 Practice
7.6.3 Review
Chapter 8 Server-Side Performance Tuning
8.1 Introduction
8.2 Prevent Mobile Transcoding
8.2.1 Preparation
8.2.2 Practice
8.2.3 Review
8.2.4 Extension
8.3 Adding MIME types supported by mobile devices
8.3.1 Preparation
8.3.2 Practice
8.3.3 Review
8.3.4 Extension
8.4 Display the cache manifest file correctly
8.4.1 Preparation
8.4.2 Practice
8.4.3 Review
8.5 Set future expiration time in header file
8.5.1 Preparation
8.5.2 Practice
8.5.3 Review
8.5.4 Extension
8.6 Compression with Gzip
8.6.1 Preparation
8.6.2 Practice
8.6.3 Review
8.6.4 Extension
8.7 Remove ETags
8.7.1 Preparation
8.7.2 Practice
8.7.3 Review
8.7.4 Extension
Chapter 9 Mobile Performance Testing
9.1 Introduction
9.2 Using Blaze's Mobile Speed Test
9.2.1 Preparation
9.2.2 Practice
9.2.3 Review
9.2.4 Extension
9.3 Online analysis of mobile page speed
9.3.1 Preparation
9.3.2 Practice
9.3.3 Review
9.3.4 Extension
9.4 PCAP website performance analysis
9.4.1 Preparation
9.4.2 Practice
9.4.3 Review
9.4.4 Extension
9.5 HTTP Archive for Mobile
9.5.1 Preparation
9.5.2 Practice
9.5.3 Review
9.5.4 Extension
9.6 Using Jdrop to store performance data
9.6.1 Preparation
9.6.2 Practice
9.6.3 Review
9.6.4 Extension
Chapter 10 Embrace the Mobile Internet Features
10.1 Introduction
10.2 window.onerror
10.2.1 Preparation
10.2.2 Practice
10.2.3 Review
10.2.4 Extension
10.3 Using new methods in ECMAScript 5
10.3.1 Preparation
10.3.2 Practice
10.3.3 Review
10.3.4 Extension
10.4 New input types in HTML5
10.4.1 Preparation
10.4.2 Practice
10.4.3 Review
10.4.4 Extension
10.5 Embedding SVG in HTML
10.5.1 Preparation
10.5.2 Practice
10.5.3 Review
10.5.4 Extension
10.6 position:fixed
10.6.1 Preparation
10.6.2 Practice
10.6.3 Review
10.7 overflow:scroll
10.7.1 Preparation
10.7.2 Practice
10.7.3 Review
10.7.4 Extension