This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.
Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"
A quick, clear guide to using the exciting new features of HTML5 todayPractical, hands-on approach helps web designers or developers begin using HTML5 right awayStep-by-step directions show how to implement HTML5 video, drawing, drag and drop, forms, and moreMakes sense of all the competing claims and misinformation about what HTML5 is or isn't You don't need to wait to begin using HTML5, the successor to HTML 4 and XHTML . HTML5 is now being implemented in the latest versions of all the major browsers, and with it come some of the most exciting and powerful advances in web development technology in years. Teach Yourself HTML5 in 10 Minutes offers straightforward, practical answers for fast results. By working through the book's clear, step-by-step examples, web designers or developers new to HTML5 can learn everything they need to know to quickly and easily get up to speed with HTML5.
Author(s): Steven Holzner Edition: 5 Publisher: Sams Year: 2010
Table of Contents......Page 4 What’s in This Book......Page 12 What You Need......Page 14 Welcome to HTML5......Page 16 Drawing With the Canvas Element......Page 17 Getting Data With the New Web Form Controls......Page 18 Saying Hello With Interdocument Messaging......Page 19 Making Use of Web Storage......Page 20 Using the New Elements......Page 21 Welcome to the Canvas Element......Page 24 Getting to Know the Canvas API......Page 25 Starting the Canvas Example......Page 29 Drawing Rectangles......Page 31 Drawing Line Art......Page 33 Filling Line Art......Page 35 Drawing with Bezier Curves......Page 36 Drawing with Quadratic Curves......Page 38 Drawing Arcs......Page 39 Drawing Text......Page 41 The canvas.html Example Code......Page 42 Welcome to Drag and Drop......Page 46 Getting to Know the Drag-and-Drop API......Page 48 Starting the Drag-and-Drop Example......Page 52 Styling the Draggable and Target Elements......Page 54 Starting the Drag Operation......Page 57 Allowing Dragged Objects to Enter the Targets......Page 58 Allowing Dragged Objects to Be Dropped on Certain Targets......Page 59 Handling Drop Events......Page 61 Ending Drop Operations......Page 62 The draganddrop.html Example Code......Page 63 4 Web Form Controls......Page 68 Welcome to Web Form Controls......Page 69 Getting to Know the Web Form Controls API......Page 71 Starting the Web Forms Example......Page 77 Creating a Default Control......Page 78 Creating a URL Control......Page 79 Creating an Email Control......Page 80 Creating Range and Number Controls......Page 81 Creating Date and Time Controls......Page 83 Creating a Color Control......Page 85 Creating a Search Control......Page 86 The webforms.html Example Code......Page 87 The webforms.php Example Code......Page 89 Welcome to Inline Editing......Page 90 Starting the editdiv.html Example......Page 92 Adding a Bold Button......Page 94 Adding an Italic Button......Page 96 Adding an Underline Button......Page 98 Adding an Add Link Button......Page 99 Adding a Display Source Button......Page 102 Spellchecking......Page 104 The editdiv.html Example Code......Page 106 Starting the editiframe.html Example......Page 107 Adding the editiframe.html Buttons......Page 109 The editiframe.html Example Code......Page 111 Welcome to Browser History......Page 114 Getting to Know the History API......Page 115 Starting the pophistory.html Example......Page 117 Adding a Back Button......Page 118 Adding a Forward Button......Page 121 Adding a Go Button......Page 123 Getting History Length......Page 125 Pushing Data into the History......Page 127 Popping Data from the History......Page 130 The pophistory.html Example Code......Page 132 Welcome to Messaging......Page 136 Getting to Know the Messaging API......Page 138 Starting the parent.html Example......Page 140 Sending a Cross-Window Message......Page 141 Starting the child.html Example......Page 143 Receiving a Cross-Window Message......Page 145 The parent.html Example Code......Page 146 The child.html Example Code......Page 147 Starting the domainparent.html Example......Page 148 Sending a Cross-Domain Message......Page 149 Starting the domainchild.html Example......Page 151 Receiving a Cross-Domain Message......Page 153 The domainparent.html Example Code......Page 154 The domainchild.html Example Code......Page 155 Welcome to the Video Media Control......Page 158 Getting to Know the Video Element API......Page 159 Converting to OGG Format......Page 161 Starting the video.html Example......Page 164 Adding Controls to the video.html Example......Page 166 Playing a Video Automatically......Page 167 Detecting When a Video Has Failed......Page 168 Getting to Know the Audio Element API......Page 171 Starting the audio.html Example......Page 173 Detecting When an Audio Has Failed......Page 175 Welcome to Session Storage......Page 178 Getting to Know the Session Storage API......Page 180 Starting the sessionstorage.html Example......Page 182 Storing Data in the Session......Page 183 Getting Data from the Session......Page 185 Clearing Session Data......Page 186 The sessionstorage.html Code......Page 188 Welcome to Local Storage......Page 189 Getting to Know the Local Storage API......Page 191 Starting the localstorage.html Example......Page 192 Storing Data in the Browser......Page 193 Getting Data from the Browser......Page 195 Clearing Local Data......Page 197 The localstorage.html Code......Page 199 Adding SVG and MathML......Page 202 Welcome to the New Elements......Page 203 The Element......Page 205 The
