HTML5 Mobile Development Cookbook.

By: Chuan, ShiMaterial type: TextTextPublisher: Olton : Packt Publishing Ltd, 2012Copyright date: ©2012Edition: 1st edDescription: 1 online resource (296 pages)Content type: text Media type: computer Carrier type: online resourceISBN: 9781849691970Subject(s): Application software -- Development | HTML (Document markup language) | Mobile computing -- ProgrammingGenre/Form: Electronic books.Additional physical formats: Print version:: HTML5 Mobile Development CookbookDDC classification: 006.74 LOC classification: QA76.76.H94 -- C48 2012ebOnline resources: Click to View
Contents:
Intro -- 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.
Summary: 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. Developers keen to create HTML5 mobile websites that are fast and responsive across a whole range of mobile devices.
Tags from this library: No tags from this library for this title. Log in to add tags.
    Average rating: 0.0 (0 votes)
No physical items for this record

Intro -- 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.

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. Developers keen to create HTML5 mobile websites that are fast and responsive across a whole range of mobile devices.

Description based on publisher supplied metadata and other sources.

Electronic reproduction. Ann Arbor, Michigan : ProQuest Ebook Central, 2018. Available via World Wide Web. Access may be limited to ProQuest Ebook Central affiliated libraries.

There are no comments on this title.

to post a comment.

Powered by Koha