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

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

Use the latest version of HTML to create dynamic Web pages HTML5 is the latest iteration of the standard markup language for creating Web pages. It boasts extensive updates from its predecessor and allows you to incorporate rich media content into a site without any dependence on extra software such as Flash. Packed with hundreds of screen shots, this visual guide introduces you to the many new features and abilities of HTML5 and shows you the many exciting new possibilities that exist for designing dynamic Web pages. Offers visual learners a solid reference on HTML5, the latest version of the standard markup language for designing Web pages Demonstrates how to use HTML5 to create Web pages that feature the latest in rich media content Provides easy-to-understand examples that cover a variety of topics to get you up and running with HTML5 Features a companion Web site that contains all the code needed to learn HTML5 HTML5: Your visual blueprint for designing effective Web pages opens your eyes to the world of possibilities that exist with the new version of the popular markup language. Adam R. McDaniel is a Web developer, technical architect, and security analyst, who has contributed to the Linux Kernel.

If you already have even basic familiarity with HTML, CSS, and JavaScript, you’re ready to learn how to build a browser-based game. In Build an HTML5 Game, you’ll use your skills to create a truly cross-platform bubble-shooter game—playable in both desktop and mobile browsers. As you follow along with this in-depth, hands-on tutorial, you’ll learn how to: –Send sprites zooming around the screen with JavaScript animations –Make things explode with a jQuery plug-in –Use hitboxes and geometry to detect collisions –Implement game logic to display levels and respond to player input –Convey changes in game state with animation and sound –Add flair to a game interface with CSS transitions and transformations –Gain pixel-level control over your game display with the HTML canvas The programming starts right away in Chapter 1—no hemming and hawing, history, or throat clearing. Exercises at the end of each chapter challenge you to dig in to the bubble shooter’s code and modify the game. Go ahead. Take the plunge. Learn to create a complete HTML5 game right now and then use your newfound skills to build your own mega-popular, addictive game.

Pro HTML5 and CSS3 Design Patterns is a reference book and a cookbook on how to style web pages using CSS3 and HTML5. It contains 350 ready–to–use patterns (CSS3 and HTML5 code snippets) that you can copy and paste into your code. Each pattern can be combined with other patterns to create an unlimited number of solutions, and each pattern works reliably in all major browsers without the need for browser hacks. The book is completely up-to-date with code, best practices, and browser compatibilities for HTML5 and CSS3—enabling you to dive in and make use of these new technologies in production environments. Pro HTML5 and CSS3 Design Patterns is so much more than just a cookbook, though! It systematically covers every usable feature of CSS3 and combines these features with HTML5 to create reusable patterns. Each pattern has an intuitive name to make it easy to find, remember, and refer to. Accessibility and best practices are carefully engineered into each design pattern, example, and source code. The book’s layout, with a pattern’s example on the left page and its explanation on the right, makes it easy to find a pattern and study it without having to flip between pages. The book is also readable from cover to cover, with topics building carefully upon previous topics. Pro HTML5 and CSS3 Design Patterns book unleashes your productivity and creativity in web design and development. Instead of hacking your way toward a solution, you'll learn how to predictably create successful designs every time by reusing and combining modular design patterns.

HTML5 is revolutionizing the Web, and now it's coming to your ebook reader! With the release of the EPUB 3 specification, HTML5 support is officially a part of the EPUB standard, and publishers are able to take full advantage of HTML5's rich feature set to add rich media and interactivity to their ebook content. HTML5 for Publishers gives an overview of some of the most exciting features HTML5 provides to ebook content creators--audio/video, geolocation, and the Canvas--and shows how to put them in action. Learn how to: Intersperse audio/video with textual content Create a graphing calculator to display algebraic equations on the Canvas Use geolocation to customize a work of fiction with details from the reader's locale Employ MathML to create an interactive equation solver Make a coloring book using SVG and JavaScript