Table of Contents

Preface xiAbout the Authors xiii Chapter 1: Overview of the New Web Standard 11.1 How It All Started 11.2 Time Travel through Historic Events 71.3 In Medias Res 91.4 Can I Start Using HTML5 Now? 16Summary 18 Chapter 2: Structure and Semantics for Documents 192.1 Header with "header" and "hgroup" 212.2 Content with "article" 222.3 Footer with "footer" and "nav" 242.4 Sidebar with "aside" and "section" 252.5 The Outline Algorithm 272.6 Figures with "figure" and "figcaption" 282.7 Text-Level Semantics-More New Tags 29Summary 35 Chapter 3: Intelligent Forms 373.1 New Input Types 383.2 Useful Attributes for Forms 433.3 New Elements 473.4 Client-Side Form Validation 573.5 Example: A Support Form 64Summary 68 Chapter 4: Video and Audio 694.1 A First Example 704.2 The "video" Element and Its Attributes 714.3 Video Codecs 734.4 Tools for Video Conversion 764.5 Which Format for Which Browser? 824.6 Interim Solutions for Older Browsers 834.7 Video and Scripting-A Simple Video Player 864.8 And What About Audio? 99Summary 105 Chapter 5: Canvas 1075.1 A First Example 1085.2 Rectangles 1115.3 Colors and Shadows 1135.4 Gradients 1145.5 Paths 1175.6 Text 1305.7 Embedding Images 1355.8 Pixel Manipulation 1415.9 Compositing 1495.10 Patterns 1525.11 Transformations 1565.12 Base64 Encoding with "canvas.toDataURL()"1635.13 "save()" and "restore()"1655.14 Animations 1665.15 Anything Still Missing? 173Summary 177 Chapter 6: SVG and MathML 1796.1 MathML 1806.2 SVG 182Summary 183 Chapter 7: Geolocation 1857.1 Introduction to Geolocation 1867.2 A First Experiment: Geolocation in the Browser 1907.3 Technical Background of Determining Position 1937.4 Display of Current Position on OpenStreetMap 1947.5 Location Tracking with Google Maps 1967.6 Example: Geonotes 1977.7 Browser Support 202Summary 203 Chapter 8: Web Storage and Offline Web Applications 2058.1 Storage 2068.2 Offline Web Applications 2128.3 Browser Support 2208.4 Example: Click to tick! 220Summary 230 Chapter 9: WebSockets 2319.1 The WebSocket Server 2339.2 Example: A Broadcast Server 2349.3 Example: Battleships 239Summary 248 Chapter 10: Web Workers 24910.1 Introduction to Web Workers 24910.2 Search for Leap Years 25110.3 Calculate Altitude Profiles with Canvas 253Summary 259 Chapter 11: Microdata 26111.1 The Syntax of Microdata 26311.2 The Microdata DOM API 269Summary 271 Chapter 12: Finishing Touches: Some Global Attributes 27312.1 News for the "class" Attribute 27412.2 Defining Custom Attributes with "data-*" 27512.3 The "hidden" Attribute 27612.4 The "classList" Interface 27612.5 Drag and Drop with the "draggable" Attribute 27812.5.1 Drag and Drop in Combination with the "FileAPI" 28412.6 The Attributes "contenteditable" and "spellcheck" 288Summary 290 Afterword 293 Index 295

About the Author

Klaus Foerster, an open source enthusiast, works at the Department of Geography of the University of Innsbruck, Austria. He has attended numerous SVG Open conferences as speaker, reviewer, and workshop leader, and contributed SVG modules to the free software projects PostGIS, GRASS GIS, and SpatiaLite. Bernd OEggl, lecturer and system administrator at the University of Innsbruck, is the coauthor of a book on PHP and MySQL and has many years of experience programming web applications.