HTML5 Cookbook (O'Reilly Cookbooks)

✍ Scribed by Christopher Schmitt, Kyle Simpson

• Publisher: O'Reilly Media
• Year: 2012
• Tongue: English
• Leaves: 284
• Category: Library

✦ Synopsis

With scores of practical recipes you can use in your projects right away, this cookbook helps you gain hands-on experience with HTML5’s versatile collection of elements. You get clear solutions for handling issues with everything from markup semantics, web forms, and audio and video elements to related technologies such as geolocation and rich JavaScript APIs. Each informative recipe includes sample code and a detailed discussion on why and how the solution works. Perfect for intermediate to advanced web and mobile web developers, this handy book lets you choose the HTML5 features that work for you—and helps you experiment with the rest.Test browsers for HTML5 support, and use techniques for applying unsupported features Discover how HTML5 makes web form implementation much simpler Overcome challenges for implementing native audio and video elements Learn techniques for using HTML5 with ARIA accessibility guidelines Explore examples that cover using geolocation data in your applications Draw images, use transparencies, add gradients and patterns, and more with Canvas Bring HTML5 features to life with a variety of advanced JavaScript APIs

✦ Table of Contents

Table of Contents......Page 7
Feature Support, Not Browser Versions......Page 11
Enter JavaScript......Page 12
Audience......Page 13
Conventions Used in This Book......Page 14
Safari® Books Online......Page 15
Acknowledgments......Page 16
BookmarkTitle:......Page 17
BookmarkTitle:......Page 18
BookmarkTitle:......Page 19
Solution......Page 21
Discussion......Page 22
See Also......Page 23
Discussion......Page 24
Solution......Page 25
Discussion......Page 26
When to use structural elements......Page 27
See Also......Page 28

......Page 29

......Page 30
Discussion......Page 31
Implicit sectioning......Page 32
See Also......Page 33
Solution......Page 34
See Also......Page 35
See Also......Page 36
See Also......Page 37
See Also......Page 38
See Also......Page 39
Problem......Page 40
Problem......Page 41
Discussion......Page 42
Problem......Page 43
Discussion......Page 44
Solution......Page 45
Value Attribute......Page 46
Discussion......Page 47
Discussion......Page 48
Discussion......Page 49
See Also......Page 50
Problem......Page 51
See Also......Page 52
Discussion......Page 53
See Also......Page 54
Solution......Page 55
Solution......Page 58
Using Modernizr......Page 59
Discussion......Page 63
Solution......Page 64
Using HTML5 Boilerplate......Page 66
See Also......Page 67
Solution......Page 68
Discussion......Page 70
Solution......Page 71
See Also......Page 74
Solution......Page 75
See Also......Page 76
Discussion......Page 78
See Also......Page 81
Solution......Page 82
Discussion......Page 84
See Also......Page 85
Discussion......Page 86
User-friendly input fields......Page 87
Additional features......Page 88
Solution......Page 89
Discussion......Page 90
Discussion......Page 91
See Also......Page 92
Solution......Page 93
Discussion......Page 94
A datalist workaround......Page 95
See Also......Page 96
See Also......Page 97
Problem......Page 100
See Also......Page 101
Solution......Page 102
See Also......Page 103
Discussion......Page 104
Solution......Page 106
Example 2: Supporting the placeholder attribute......Page 107
Example 3: Supporting the date input type......Page 108
Solution......Page 110
See Also......Page 111
Solution......Page 112
Discussion......Page 113
See Also......Page 114
Solution......Page 115
Multiple audio codecs......Page 116
Preloading the audio......Page 117
Creating fallback content......Page 118
Accessible alternatives......Page 119
Solution......Page 120
Discussion......Page 121
Solution......Page 122
Solution......Page 123
See Also......Page 126
Define