diegocard/awesome-html5

Websites and resources

Websites

A Complete Guide to the Table Element

Communications and interoperability

Web Sockets

About HTML5 WebSocket

HTML5 Web Sockets API

Elements

Forms

HTML Forms

Mobile

Build mobile apps with Kendo UI

Books

Web Design Playground: HTML & CSS The Interactive Way

Multimedia capabilities

Audio

Making a Guitar Tuner with HTML5

Browser compatibility

HTML5 demos

Websites and resources

Websites

HTML5 Please (Know when HTML5 feature are ready to use)

Accessibility

Excellent intro to accessibility from Google's fundamentals

Books

Dive Into HTML5

Elements

Head

A list of things that go in your pages' HEAD element

Progressive web apps

Intro to PWAs

An Extensive Guide To Progressive Web Applications

Progressive web apps

Service Workers

The Service Worker Cookbook

Progressive web apps

Service Workers

ServiceWorkies - Learn SWs playing a game

Service Worker fundamentals

Progressive web apps

Offline caching

The Offline Cookbook

Accessibility

Great Accessibility Style Guide

DOM Management

Web Components

The power of web components

Articles and standards

Progressive enhancement

Multimedia capabilities

Picture in Picture

Chrome's new Picture in Picture API

Accessibility

Accessibility checklist for web developers

Designing for Cognitive Differences

Guide on how HTML elements are supported by screen readers

Top 25 Accessibility Testing Tools for Website

Web Accessibility Evaluation Tools List from W3

Pa11y - automated accessibility testing

Mobile

The Web App Manifest (Google's fundamentals)

Field guide to web applications

Best practices for mobile web apps

Multimedia capabilities

Audio

Getting started with the Web Audio API

Web Audio API at MDN

Audio visualisation with the Web Audio API and React

Multimedia capabilities

Media Capture

Capturing Audio & Video in HTML5

Using the media capture API

Multimedia capabilities

Speech Synthesis

Intro to the HTML5 Speech Synthesis API

Another useful intro

Multimedia capabilities

Voice Recognition

Web speech API demo

Using the Web Speech API

Experimenting with the Web Speech API

Free voice recognition library (annyang)

Multimedia capabilities

Virtual Reality

Firefox Reality now available

Multimedia capabilities

Web animations

Intro to web animations

When to Use the Web Animations API

Progressive web apps

Push Notifications

Web Push Notifications (Google's Web fundamentals)

Notifications API spec

Websites and resources

Websites

HTML5 Rocks (news, tutorials and updates)

Development APIs

File

Reading local files in JavaScript

DOM Management

Data Binding

Data-binding Revolutions with Object.observe()

DOM Management

Web Components

HTML imports

Building Webapps with Yeoman and Polymer

Progressive web apps

Offline caching

A Beginner's Guide to Using the Application Cache

Client side storage

Client-Side Storage

Performance

Image compression

Text compression

Communications and interoperability

Web Sockets

Introducing Websockets

Communications and interoperability

WebRTC

WebRTC data channels tutorial

Web Workers

Web Worker Basics

WebGL

WebGL Fundamentals

Development APIs

Web payments

Web payments API overview

Articles and standards

HTML 5.3 - Current HTML5 spec

Differences between HTML5 and HTML4 from W3C

Elements

Canvas

Cheat Sheet

Elements

Sectioning

How to Use The HTML5 Sectioning Elements

Elements

Details

How to Use the Details and Summary Elements

Elements

Forms

Changes to forms in HTML5 from MDN

DOM Management

Shadow DOM

Shadow DOM v1: self-contained web components

Client side storage

Local storage tutorial

Introduction to IndexedDB

Performance

Optimizing performance from Google Web Fundamentals

Elements

Canvas

Various Tutorials

Development APIs

Geolocation

Using Geolocation

Development APIs

File

Using files from web applications (MDN)

Semantics

Lesser known semantics element from W3C & Opera

Accessibility

Aria in HTML

Accessible and Responsive HTML5 Video Player

DOM Management

Web Components

Custom elements v1: reusable web components

Progressive web apps

Service Workers

Offline content with service workers

Mobile

Privacy analysis of the HTML5 Battery Status API

Sencha Touch tutorials

Communications and interoperability

WebRTC

What is WebRTC and how does it work

WebRTC made simple

Browser compatibility

Can I use...

Books

HTML5 Game Development Insights

Videos and Keynotes

HTML5 Developer Conference

Websites and resources

Websites

HTML official reference (allows collaborative modification of content like wiki)

Keen HTML (Free interactive lessons to learn HTML)

Websites and resources

Weekly news

HTML5 Weekly

Other awesome lists

Community Curated Resources

Elements

HTML Imports

Introduction to HTML imports

DOM Management

Web Components

A Quick Introduction To Polymer

Building web components using Polymer and ES6 classes

Elements

Canvas

Brief description from W3 Schools

Semantics

Semantic elements from W3Schools

DOM Management

Shadow DOM

What's New in Shadow DOM v1 (by examples)

Performance

Accelerated Mobile Pages (AMP)

Books

HTML5: Up and Running

Websites and resources

Websites

HTML5 development guide from MDN

Development APIs

Geolocation

HTML5 Apps: Positioning with Geolocation

DOM Management

Web Components

Demythstifying Web Components

Client side storage

Real-World Off-Line Data Storage

Mobile

PhoneGap from Scratch

HTML5 Vibration API

HTML5 Battery Status API

HTML5 Network Information API

Web Workers

Getting started with Web Workers

Progressive web apps

Offline caching

Offline Storage for Progressive Web Apps (article by Addy Osmani)

Progressive web apps

Service Workers

Service workers explained

Development APIs

requestAnimationFrame

Using requestAnimationFrame (CSS Tricks)

Great article by Paul Irish

Progressive web apps

The Business Case for Progressive Web Apps

Progressive web apps

Service Workers

Making a Service Worker: a case study (Smashing Magazine)

Service Worker Libraries, Totally Tooling Tips

ServiceWorker: Revolution of the Web Platform

Progressive web apps

Offline caching

Instant-loading Offline-first (Progressive Web App Summit 2016)

Progressive web apps

Push Notifications

Push API W3C draft

Elements

Time

Time element guide

Semantics

Sections and Outlines of an HTML5 from MDN Document

Game development

Info, news and tutorials

Articles and standards

The extensible web manifesto

Game development

HTML 5 game development video series by Mozilla

Elements

Details

Details element polyfill

Semantics

HTML5 Semantics from Smashing Magazine

Elements

Canvas

Tutorial from MDN

Development APIs

Cryptography

Table of web cryptography support

Window.crypto

Development APIs

File

File API Draft

Development APIs

requestIdleCallback

On Google developers

Client side storage

Offline Cookbook

Performance

Google developers best practices

Resource hints draft (preconnect and preload)

Browser compatibility

W3C quality tools

Websites and resources

Weekly news

Mozilla Hacks Weekly Articles

Development APIs

Permissions

Permissions API for the Web by Google

Web Workers

How fast are web workers?

Web Workers in MDN

Development APIs

File

File system API

Browser compatibility

I want to use

Elements

WebVTT

First draft from W3C

Development APIs

Frame timing

Video from google developers

Draft from W3C

Game development

Over 380 resources on HTML5 game development

Development APIs

Cryptography

Web Cryptography API draft

Cryptography next steps from W3C

Accessibility

ARIA from MDN

Performance

Prefetching and prerendeding

Resource timing spec

Mobile

Apache Cordova tutorial

Websites and resources

Websites

HTML5 Gallery (a showcase of sites using HTML5 markup and API's)

W3C Highlights form June 2014

Communications and interoperability

WebRTC

WebRTC data channels from MDN

Browser compatibility

HTML5 test

Books

Using the HTML5 Filesystem API

Videos and Keynotes

Polymer: declarative, encapsulated, reusable components

Making the mobile web fast, feature-rich, and beautiful

Dart: HTML of the Future, Today!

Websites and resources

Weekly news

Responsive Design Newsletter

Websites and resources

Twitter

@html5

@html5rock

@html5gallery

@html5doctor

@GameDevHTML5

@mozhacks

@googlechrome

Other awesome lists

awesome-awesomenessstars29.4k

listsstars8.4k

DOM Management

Web Components

Polymer project

Game development

Opensource JavaScript game engines

• Pixi.jsstars37.6k
• Phaserstars32.9k
• MelonJSstars4.2k
• Kiwi.jsstars1.3k
• Craftystars3.2k
• PhysicsJSstars3.5k
• Stage.jsstars2.2k
• Cocos2dstars2.9k

Getting started with HTML5 Game Development from Mozilla Hacks

Elements

Media Elements

Audio and Video

• audio tag from W3Schools
• video tag from W3 Schools
• Tutorial from MDN
• Capturing audio and video in HTML5

embed tag

• Brief description from W3 Schools

source tag

• Brief description from W3 Schools

track tag

• Brief description from W3 Schools