HTML5 Multimedia Development Cookbook

Cover......Page 1
Copyright......Page 3
Credits......Page 4
Foreword......Page 5
About the Authors......Page 6
About the Reviewers......Page 8
www.PacktPub.com......Page 9
Table of Contents......Page 10
Preface......Page 14
Introduction......Page 18
Setting up an HTML5 test area......Page 20
Using the header tag for logos and site titles......Page 23
the nav tag......Page 27
of a page......Page 29
Aligning graphics using the aside tag......Page 32
the aside tag......Page 35
Implementing the footer tag......Page 37
Applying the outline algorithm......Page 41
Creating a stylish promo page in HTML5......Page 42
Introduction......Page 48
Structuring a blog article......Page 49
Highlighting text using the mark element......Page 53
Using the time element......Page 57
Specifying the pubdate of an article......Page 59
article element......Page 62
Adding fonts dynamically with @font-face......Page 64
Adding drop-shadow effects to fonts......Page 68
Applying gradient effects to fonts......Page 70
Annotating visual elements using the figure and figcaption tags......Page 71
Introduction......Page 76
Setting elements to display:block......Page 79
Styling a nav block element......Page 81
background appearance......Page 86
Adding rounded corners with border-radius......Page 89
Including multiple background images......Page 92
Adding a box shadow to images......Page 96
Styling for Internet Explorer browsers......Page 98
Introduction......Page 102
Testing browser support......Page 103
Adding skip navigation......Page 107
Adding meta tags......Page 110
screen readers......Page 112
Providing alternate site views......Page 115
header areas......Page 120
non-supported browsers......Page 122
Using WAI-ARIA......Page 124
Introduction......Page 128
Displaying placeholder text......Page 129
Adding autofocus to form fields......Page 133
Styling forms using HTML 5 and CSS3......Page 136
Using the e-mail input type......Page 144
Adding a URL using the URL input type......Page 145
Using the number tag......Page 147
Using the range tag......Page 148
Creating a search field......Page 150
Creating a picker to display date and time......Page 151
Introduction......Page 154
Setting up the canvas environment......Page 156
Understanding the 2d rendering context......Page 157
Processing shapes dynamically......Page 159
Drawing borders for images using canvas......Page 162
Rounding corners......Page 165
Creating interactive visualizations......Page 169
Bouncing a ball......Page 172
Creating fallback content......Page 178
Introduction......Page 182
Playing audio files with JavaScript......Page 183
Using the drag–and-drop API with text......Page 187
Crossbrowser video support with vid.ly and jQuery......Page 194
Displaying video dynamically using jQuery......Page 197
Movable video ads using jQuery......Page 201
Controlling the display of images using Easel.js and the canvas tag......Page 205
Animating a sequence of images using Easel.js and the canvas tag......Page 209
Random animation with audio using the canvas tag and JavaScript......Page 215
Introduction......Page 222
Saying no to Flash......Page 225
Understanding audio and video file formats......Page 230
Displaying video for everybody......Page 233
Creating accessible audio and video......Page 237
Crafting a slick audio player......Page 241
Embedding audio and video for mobile devices......Page 248
Introduction......Page 252
Testing browsers for data storage support......Page 253
Using browser developer tools to monitor web storage......Page 257
Setting and getting a session storage variable......Page 258
Setting and getting a local storage variable......Page 260
Converting local storage strings to numbers using parseInt......Page 263
Creating a Web SQL Database......Page 267
Using a Web SQL database......Page 268
Creating a cache manifest for offline storage......Page 270
Displaying the current location using geolocation and geo.js......Page 272
Index......Page 276