Decoding HTML5 by Way, Jeffrey -- Read -- Imperial Library of Trantor

Index

Introduction

What to Expect Let's Keep it Informal What is HTML5? Before We Begin

The History of HTML5

What's the Difference Between the W3C, WHATWG, and HTMLWG? HTML vs. XHTML Fight, Fight, Fight! A Line in the Sand

The State of HTML5 Semantic Markup

What to Remove HTML5ify Inline Elements What About New Browsers?

Easy Queries with the Selectors API

querySelector() querySelectorAll() A Couple Notes of Caution

Custom Data Attributes

Usage Options Accessing Data Attributes with JavaScript A Final Word of Caution

Fun Fun Forms

Elements Attributes New Input Types Final Project Summary

The Essentials of Feature Detection

Input Types Input Attributes Elements Local Storage Various APIs Automated Detection with Modernizr

Finally… Native Media

Back in the Day What HTML5 Video is not Appropriate For Usage A Brief Overview of Codecs Video Encoding Tools What About Mom? It Doesn't End There Controlling Video with JavaScript The Full Screen API Summary

Track that Sucka with Geolocation

What is Geolocation? Crash Course Testing The Two Core Methods Google Maps Summary

The Basics of Painting with Canvas

What is Canvas Feature Detection "Hello Canvas" Paths Animations Generating Noise 101 Class Complete

Don't Irritate Visitors — Use Web Storage

What is Local Storage? Is Local Storage HTML5? How Do I Use It? Test What You've Learned — Comment Form How to Publish, or Announce Changes Project 2 — Tasks Form Data Storing Objects Summary

The History API

The history Interface history.pushState The popstate Event Project The Job Isn't Finished

The File && Drag and Drop APIs

Feature Detection Capturing File Information Multiple Files Drag and Drop Reading Files Reporting Progress

Web Workers are Ants

Say Hello to Web Workers A Crash Course A Second Example Importing Scripts Inline Workers Dealing with Errors

Tools, Folks, and Blogs

Tools Folks Sites Mailing Lists

Closing Notes About The Author