HTML5 Mobile: Pocket Primer

HTML5 Mobile: Pocket Primer

by Oswald Campesato
HTML5 Mobile: Pocket Primer

HTML5 Mobile: Pocket Primer

by Oswald Campesato

Paperback

$27.95 
  • SHIP THIS ITEM
    Qualifies for Free Shipping
  • PICK UP IN STORE
    Check Availability at Nearby Stores

Related collections and offers


Overview

No detailed description available for "HTML5 Mobile".

Product Details

ISBN-13: 9781938549663
Publisher: Mercury Learning and Information
Publication date: 01/07/2014
Series: Pocket Primer
Pages: 200
Product dimensions: 5.90(w) x 8.70(h) x 0.60(d)

About the Author

Campesato Oswald :

Oswald Campesato (San Francisco, CA) is an adjunct instructor at UC-Santa Clara and specializes in Deep Learning, Java, Android, TensorFlow, and NLP. He is the author/co-author of over twenty-five books including TensorFlow 2 Pocket Primer, Python 3 for Machine Learning, and the NLP Using R Pocket Primer (all Mercury Learning and Information).

Table of Contents

Preface xiii

About the Technical Editor xvii

Chapter 1 HTML5 and Mobile 1

What Is HTML5? 1

Browser Support for HTML5 2

HTML5 and Various Working Groups 3

HTML5 Specifications: W3C or WHATWG? 4

What Technologies are Included in HTML5? 5

Differences between HTML4 Tags and HTML5 Tags 6

Useful Online Tools for HTML5 Development 6

Modernizr 7

Cardiuse 7

Using Feature Detection in HTML Web Pages 8

A Simple HTML5 Web Page 9

New HTML5 Elements 10

Semantic Markup HTML5 Elements 10

Article Versus Section: How Are They Used? 10

Why Use Semantic Markup? 11

A Simple Web Page with Semantic Markup 11

Custom Data Attributes in HTML5 13

The HTML5 Template Element 14

HTML5 Web Components 15

HTML5 Web Components Libraries 16

Additional New Functionality in HTML5 16

HTML5 Validators 17

HTML5 WAI ARIA 17

HTML5 APIs in Experimental Status 18

Other Upcoming HTML5 Features 19

WebP Image Format 19

Mobile Support for HTML5 19

Additional Code Samples on the DVD 20

Summary 20

Chapter 2 Storage, Databases, Geolocation, and Offline Apps 21

Using HTML5 Web Storage 21

HTML5 Web Storage Versus Cookies 22

HTML5 Web Storage and Security 23

An Example of HTML3 Local Storage 23

HTML5 Web Databases 29

HTML5 Web Storage Versus IndexedDB 29

Web Database and Mobile Devices 30

Geolocation 30

Obtain a User's Position with getCurrentPosition () 31

Track a User's Position with watchPosition () 32

HTML5 Offline Web Applications 33

The Manifest File 33

Detecting Online and Offline Status 34

Summary 35

Chapter 3 Introduction to CSS3 36

CSS3 Support 37

Browser-Specific Prefixes for CSS3 Properties 37

Quick Overview of CSS3 Features 38

CSS3 Pseudo Classes, Attribute Selection, and Relational Symbols 38

CSS3 Pseudo Classes 39

CSS3 Attribute Selection 39

CSS3 Shadow Effects and Rounded Corners 40

Specifying Colors with RGB and HSL 40

CSS3 and Text Shadow Effects 41

CSS3 and Box Shadow Effects 44

CSS3 and Rounded Corners 44

CSS3 Gradients 45

Linear Gradients 46

CSS3 2D Transforms 49

Rotate Transforms 51

Prebuilt CSS Stylesheets: reset.css and normalize.css 53

Summary 54

Chapter 4 Meta Tags and Media Queries 55

The viewport Meta Tag 55

The @import Statement in CSS3 56

Modularization and Performance 57

Scoped CSS Stylesheets (Experimental) 57

What Are CSS3 Media Queries? 58

Detecting Screen Resolution with CSS3 Media Queries 60

Detecting Screen Orientation with CSS3 Media Queries 61

Detecting Orientation with Simple JavaScript 62

Detecting Device Orientation in 3D using JavaScript 64

Detecting Screen Width and Height 64

CSS3 Media Queries for Multiple Screen Sizes 66

CSS3 Frameworks and Toolkits 67

CSS3 Performance 67

Switching to Fullscreen Mode (Limited Support) 68

CSS3 Media Query Listeners (IE10 Only) 68

Useful Links 69

Summary 70

Chapter 5 HTML5 Mobile Apps with PhoneGap 71

HTML5/CSS3 and Android Applications 72

SVG and Android Applications 75

HTML5 Canvas and Android Applications 76

What Is PhoneGap? 78

How Does PhoneGap Work? 79

Software Dependencies for PhoneGap 3.0 79

Creating Android Hybrid Applications with PhoneGap 3.0 79

Creating iOS Hybrid Applications with PhoneGap 3.0 82

Working with HTML5, PhoneGap, and iOS 82

A CSS3 Cube on iOS Using PhoneGap 83

Firefox OS for Hybrid Mobile Apps 85

Other Toolkits and Frameworks for Hybrid Mobile Apps 86

Hybrid HTML5 Mobile Applications for Google Class 87

How Does Google Glass Work? 88

Supported HTML5 Tags 89

Unsupported HTML5 Tags 89

Deploying Android Apps to Google Glass 89

Displaying Google Glass in an Emulator 89

Other Useful Links for Google Glass 90

Other Google Glass Code Samples 90

Additional Code Samples on the DVD 91

Summary 91

Chapter 6 HTML5 Media and Device Access 92

The HTML5 <audio> Element 92

The HTML5 <video> Element 94

Popcorn. js: HTML5 Media Framework 99

HTML5 <video> and Web Camera Support 99

Battery API (DAP) 100

Vibration API (DAP) 102

HTML5 APIs in W3C Working Draft Status (WD) 102

Audio Processing 103

Summary 106

Chapter 7 Design, Debug, and Test Mobile Apps 107

What Is Good Mobile Design? 107

Important Facets of Mobile Web Design 108

A Touch-oriented Design 108

Improving Response Times of User Gestures 108

Detecting Screen Sizes of Mobile Devices 110

Resizing Assets in Mobile Web Applications 110

Determining the Content Layout for Mobile Web Pages 111

Mobile Design for HTML Web Pages 111

High-Level View of Styling Mobile Forms 112

Specific Techniques for Styling Mobile Forms 113

Use CSS to Style Input Fields Differently 113

Specify Keyboard Types for Input Fields 114

Different Countries and Languages 114

Design-related Tools and Online Patterns 114

Working with Font Sizes and Units of Measure 115

Twitter Bootstrap 2.0 116

Advantages of Bootstrap 117

Disadvantages of Bootstrap 117

Semantic or Not? 117

Bootstrap and H5BP (HTML5 Boilerplate) 118

Useful Links 118

Debugging HTML5 Mobile Applications 119

Using Web Inspector 119

Using Plain JavaScript for Debugging 120

Using JavaScript try/catch Blocks for Debugging 120

Using window. onerror for Debugging 121

Using Adobe Edge Inspect 121

Debugging with jsconsole. com 121

Catalyst 123

Weinre 123

Testing Tools 124

Blaze 125

Chrome Speed Tracer 125

Page Speed Insights 125

Firebug for Firefox 125

Socketbug 126

Q Unit 126

Selenium 126

YUITest 126

JavaScript Testing Tools for HTML5 Mobile Apps 127

Code Validators: JSLint and JSHint 127

Tools for Reducing Reflow and Repaint in Web Pages 128

Enabling Continuous Painting Mode 128

Finding CSS-Related Performance Bottlenecks 129

Additional Useful Links 129

Improving HTML5 Web Page Performance 130

CSS-Related Performance 130

Useful Links 131

Summary 131

Chapter 8 Introduction to jQuery Mobile 132

Using jQuery 2.0 133

Overview of jQuery Mobile 133

Key Features and Components in jQueryMobile 135

A Minimal jQuery Mobile Web Page 135

More Differences between jQuery and jQueryMobile 137

jQueryMobile Page Views 137

jQueryMobile Custom Attributes 137

jQuery Mobile Page Transitions 138

jQuery Mobile and CSS-related Page Initialization 140

The mobileinit Event 141

jQuery Mobile Options and Customization 142

Page Navigation and Changing Pages 142

The jqmData() Custom Selector 143

Multiple Page Views in One HTML5 Web Page 143

Positioning the Header and Footer in Page Views 145

Working with Buttons in jQuery Mobile 147

Navigation Buttons as Anchor Links 148

Groups of Buttons and Column Grids 148

Rendering Buttons with Themes 149

List Views in jQuery Mobile 152

Additional Code Samples on the DVD 153

jQuery Mobile and Ajax 154

jQuery Mobile and Geolocation 156

Summary 159

Chapter 9 Other HTML5 Technologies 160

The Stages in the W3C Review Process 162

HTML5 APIs in W3C Recommendation Status (REC) 162

HTML5 APIs in W3C Candidate Recommendation Status (CR) 162

XMLHttpRequest Level 2 (XHR2) 163

Making Ajax Calls with jQuery 163

HTML5 Cross Origin Resource Sharing (CORS) 165

Ajax Requests using XMLHttpRequest Level 2 (XHR2) 165

HTML5 APIs in W3C Last Call Status (LC) 167

HTML5 Drag-and-Drop (DnD) 167

jQuery and HTML5 Drag-and-Drop 168

jQuery and HTML5 Local Storage 170

Libraries for HTML5 Local Storage 171

HTML5 APIs in W3C Working Draft Status (WD) 172

jQuery and HTML5 File APIs 172

HTML5 History APIs 174

HTML5 Offline Web Applications 175

Detecting Online and Offline Status 176

Summary 176

Chapter 10 Mobile Apps and Internet Access 177

Working with Apigee 177

Accessing an Apigee Server from a Mobile Application 178

Rendering 3D Bar Charts 182

Updating HTML5 Canvas Bar Charts with a WebSocket Server 186

Summary 193

On the DVD 195

Index 197

From the B&N Reads Blog

Customer Reviews