Learn HTML5: Platform-Independent Web Development with CSS3 and JavaScript

• Testing HTML5 with BrowserStack
• Supporting legacy browers with regressive enhancement

Enhancing markup with new semantics

• Upgrading pages to HTML5
• Sectioning content with structural elements
• Optimizing page rank with microdata

Helping users with form completion

• Guiding input with autofocus and placeholder
• Validating data entry without scripting
• Preventing errors with constraints and pickers
• Customizing error messages with the Constraint API

Manipulating borders and backgrounds

• Vendor prefixes
• Rounded corners
• Resizable border images

Creating elaborate effects

• Floating text and boxes with shadows and opacity
• Animating transformations and transitions
• Customizing animations with @keyframes

Customizing appearance across browsers

• Installing downloadable fonts with @font–face
• Hiding values in custom data–* attributes
• Adapting mobile layout with media queries
• Saving bandwidth with responsive images

Enabling users to work offline

• Defining an application cache manifest
• Addressing caching caveats
• Comparing AppCache to Service Workers

Programming the geolocation API in JavaScript

• Estimating user latitude and longitude
• Selecting content by proximity

Applying modern JavaScript best practices

• Leveraging anonymous functions
• Simplifying JavaScript development with jQuery

Persisting data with the Web Storage API

• Saving name/value pairs in localStorage
• Storing Complex data in JSON format

Enhancing forms with rich text and JavaScript

• Testing and supporting features with Modernizr
• Simplifying content formatting with WYSIWYG editors

Manipulating files with drag–and–drop

• Handling events on draggables and drop targets
• Enabling drag–and–drop file upload with HTML5 programming interfaces

Exchanging message data with JavaScript APIs

• Posting messages across windows
• Accessing external providers with Cross–Origin Resource Sharing (CORS) and XMLHttpRequest 2
• Pushing data with WebSockets
• Improving responsiveness with Web Workers

Filling the Canvas element

• Eliminating plugin dependencies with native graphics
• Charting with lines and rectangles
• Rendering text and embedding images

Reducing page size with SVG

• Creating graphics with a text editor
• Substituting vector images for larger PNG files

Enhancing a site with sound

• Embedding audio in a web page without plugins
  
• Entertaining users with natively-supported video
  
• Captioning video with Web Video Text Tracks (WebVTT)