HTML5 Hacks: Tips & Tools for Creating Interactive Web Applications

"Tips & tools for creating interactive web applications...With 90 detailed hacks, expert web developers Jesse Cravens and Jeff Burtoft demonstrate intriguing uses of HTML5-related technologies. Each recipe provides a clear explanation, screenshots, and complete code examples for specifications that include Canvas, SVG, CSS3, multimedia, data storage, web workers, WebSockets, and geolocation. You'll also find hacks for HTML5 markup elements and attributes that will give you a solid foundation for creative recipes that follow. The last chapter walks you through everything you need to know to get your HTML5 app off the ground, from Node.js to deploying your server to the cloud. Here are just a few of the hacks you'll find in this book: Make iOS-style card flips with CSS transforms and transitions; Replace the background of your video with the Canvas tag; Use Canvas to create high-res Retina Display-ready media; Make elements on your page user-customizable with editable content; Cache media resources locally with the filesystem API; Reverse-geocode the location of your web app user; Process image data with pixel manipulation in a dedicated web worker; Push notifications to the browser with Server-Sent Events."--P.[4] of cover With 90 detailed hacks, expert web developers Jesse Cravens and Jeff Burtoft demonstrate intriguing uses of HTML5-related technologies. Each recipe provides a clear explanation, screenshots, and complete code examples for specifications that include Canvas, SVG, CSS3, multimedia, data storage, web workers, WebSockets, and geolocation.You’ll also find hacks for HTML5 markup elements and attributes that will give you a solid foundation for creative recipes that follow. The last chapter walks you through everything you need to know to get your HTML5 app off the ground, from Node.js to deploying your server to the cloud.Here are just a few of the hacks you’ll find in this book:Make iOS-style card flips with CSS transforms and transitionsReplace the background of your video with the Canvas tagUse Canvas to create high-res Retina Display-ready mediaMake elements on your page user-customizable with editable contentCache media resources locally with the filesystem APIReverse-geocode the location of your web app userProcess image data with pixel manipulation in a dedicated web workerPush notifications to the browser with Server-Sent Events HTML5 Hacks shows you how to use the latest tools to make your sites and applications more interactive, more functional, and more capable of competing with desktop applications. Each hack shows you how to make a concrete improvement, applying the latest in JavaScript, HTML, and CSS power to common web development issues.