HTML5 Cookbook (Cookbooks (O'Reilly))

HTML5 Cookbook (Cookbooks (O'Reilly))

Christopher Schmitt, Kyle Simpson

Language: English

Pages: 284

ISBN: 1449396798

Format: PDF / Kindle (mobi) / ePub


With scores of practical recipes you can use in your projects right away, this cookbook helps you gain hands-on experience with HTML5’s versatile collection of elements. You get clear solutions for handling issues with everything from markup semantics, web forms, and audio and video elements to related technologies such as geolocation and rich JavaScript APIs.

Each informative recipe includes sample code and a detailed discussion on why and how the solution works. Perfect for intermediate to advanced web and mobile web developers, this handy book lets you choose the HTML5 features that work for you—and helps you experiment with the rest.

  • Test browsers for HTML5 support, and use techniques for applying unsupported features
  • Discover how HTML5 makes web form implementation much simpler
  • Overcome challenges for implementing native audio and video elements
  • Learn techniques for using HTML5 with ARIA accessibility guidelines
  • Explore examples that cover using geolocation data in your applications
  • Draw images, use transparencies, add gradients and patterns, and more with Canvas
  • Bring HTML5 features to life with a variety of advanced JavaScript APIs

Meteor in Action

Programming Google App Engine (2nd Edition)

HTML5 Cookbook

PHP Advanced and Object-Oriented Programming: Visual QuickPro Guide (3rd Edition)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

src="js/modernizr-1.6.min.js"> Note This script must be included in the head of your document with a normal script tag; it cannot be loaded dynamically with script loader techniques. When this script runs, it detects whether or not the browser supports the audio element and then does two things: Assigns a value (true or false) to the JavaScript property Modernizr.audio. Adds a class to the HTML tag. If the browser supports the audio element, it will add a class called

custom class, but the CSS could be associated with an HTML element, such as the div or body element: .border { background-image: url(border_decoration.jpg); background-repeat: repeat-x; } Since assistive technology may completely ignore images that have a null alt attribute, assistive technology users will not be made aware of the existence of such images—which might be exactly what you want, since the image might be, as discussed, purely decorative without any substantive relation to the

accessibility. See Also Mark Pilgrim’s “Dive Into Accessibility” discussion about identifying your document language at http://diveintoaccessibility.info/day_7_identifying_your_language.html. 1.4. Optimizing