HTML5 Multimedia Development Cookbook
Structuring for Rich Media Applications
Using the header tag for logos and site titles
Creating a table of contents using the nav tag
Using section tags to structure areas of a page
Aligning graphics using the aside tag
Displaying multiple sidebars using the aside tag
Applying the outline algorithm
Creating a stylish promo page in HTML5
Highlighting text using the mark element
Specifying the pubdate of an article
Displaying comment blocks using the article element
Adding fonts dynamically with @font-face
Adding drop-shadow effects to fonts
Applying gradient effects to fonts
Annotating visual elements using the figure and figcaption tags
Setting elements to display:block
Using background-size to control background appearance
Adding rounded corners with border-radius
Including multiple background images
Styling for Internet Explorer browsers
Creating Accessible Experiences
Using semantic descriptions in tags for screen readers
Providing alternate site views
Using hgroup to create accessible header areas
Displaying alternate content for non-supported browsers
Adding autofocus to form fields
Styling forms using HTML5 and CSS3
Adding a URL using the URL input type
Creating a picker to display date and time
Developing Rich Media Applications Using Canvas
Setting up the canvas environment
Understanding the 2d rendering context
Drawing borders for images using canvas
Creating interactive visualizations
Interactivity using JavaScript
Playing audio files with JavaScript
Using the drag-and-drop API with text
Crossbrowser video support with vid.ly and jQuery
Displaying video dynamically using jQuery
Movable video ads using jQuery
Controlling the display of images using Easel.js and the canvas tag
Animating a sequence of images using Easel.js and the canvas tag
Random animation with audio using the canvas tag and JavaScript
Understanding audio and video file formats
Displaying video for everybody
Creating accessible audio and video
Embedding audio and video for mobile devices
Testing browsers for data storage support
Using browser developer tools to monitor web storage
Setting and getting a session storage variable
Setting and getting a local storage variable
Converting local storage strings to numbers using parseInt
Creating a cache manifest for offline storage
Displaying the current location using geolocation and geo.js