[...]... Storage Hacks Discusses storage and HTML5 application cache Chapter 7, Geolocation Hacks Teaches how to work with geolocations Chapter 8, WebWorker API Covers taking advantage of the WebWorker API Chapter 9, Hacking HTML5 Connectivity Discusses web sockets, cross-document messaging, server-side events, and more Chapter 10, Pro HTML5 Application Hacks with Node.js Teaches how to build professional HTML5. .. page at: oreil.ly /HTML5_ Hacks To comment or ask technical questions about this book, send email to: bookquestions @oreilly. com For more information about our books, courses, conferences, and news, see our website at http:/ /www .oreilly. com Find us on Facebook: http:/ /facebook.com /oreilly Follow us on Twitter: http:/ /twitter.com/oreillymedia Watch us on YouTube: http:/ /www.youtube.com/oreillymedia PREFACE... usually includes the title, author, publisher, and ISBN For example: HTML5 Hacks by Jesse Cravens and Jeff Burtoft (O’Reilly) Copyright 2013 Jesse Cravens and Jeff Burtoft, 978-1-449-33499-4.” All of the code examples are located at https:/ /github.com/html 5hacks You can also keep up with the authors and any updates at http:/ /html 5hacks. com We’d Like to Hear from You Please address comments and questions... recommend the HTML5 Lint tool References for HTML5 implementation statuses and feature support We will continue to provide updates as often as possible to the examples provided within this text on our blog There are also many great resources around the web to reference HTML5 implementation statuses and feature support of specific browsers For all modern browsers: http:/ /caniuse.com/ http:/ /html5test.com/... always changing Visit the w3schools website for the most complete list I could find HACK 03 Make Your New HTML5 Tags Render Properly in Older Browsers Don’t wait for full HTML5 adoption across the Web Make HTML5 structural tags render properly in all browsers So, now you have this whole new world of HTML5 elements that will let you be both expressive and semantic with your markup You’ve been freed from... your visitors are not using HTML5 browsers, and being the web standards elitist that you are, your page has to be backward-compatible Don’t throw those HTML5 tags out the window just yet This hack will teach you how to write your code once, and use it on all the browsers out there Any browser made in the past 10 years will see your HTML5 tags in one of 3 ways: 1 See the HTML5 tag and render it appropriately... HTML5 tag and render it appropriately (congratulations, you support HTML5! ) 2 See the HTML5 tag, not recognize it, and consider it an unstyled (which defaults to inline) DOM (Document Object Model) element 3 See the HTML5 tag, not recognize it, and ignore it completely, building the DOM without it Option 1 is a no-brainer: you’re in an HTML5 browser Option 2 is likewise pretty easy to address, as you... element in a browser that doesn’t support the tag, but with the JavaScript hack 10 HTML5 HACKS HACK 04 Bring Back the Tag HTML5 has breathed new life into the tag It’s time to get excited once again about this “age-old” tag I have to admit that I was getting a little bored with the tag Before HTML5, any real interaction had to be done outside the tag: whether the interaction... polyfill Well, HTML5 has given us a reason to be excited about the tag again The tag is not truly an HTML5 tag, per se It’s the same tag we have had in every previous version of HTML, but HTML5 has added a slew of new features The good thing about updating an existing tag is that it’s naturally backwardcompatible You may code your tag like this: and non -HTML5 browsers... favorite code editor, brew a pot of coffee, and get ready to code in the most powerful language the Web has ever seen: HTML5! HACK 01 Simplify Your Doc with the Right If there’s an emblem representing the simplicity HTML5 brings to the markup world, it’s the tag The HTML5 tag is easy to use When you open an XHTML document the first thing you see, the first line of the document, . x0 y0 w0 h0" alt="" Jesse Cravens and Jeff Burtoft HTML5 Hacks ISBN: 978-1-449-33499-4 [LSI] HTML5 Hacks by Jesse Cravens and Jeff Burtoft Copyright ©. Pro HTML5 Application Hacks with Node.js . . . . . . . . . . . . . . . . . 439 HTML5 Application Design Considerations 439 Hack 79. Deliver “Hello Html5