README.md

Track Awesome Html5 Updates Daily

📝 A curated list of awesome HTML5 resources

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 diegocard/awesome-html5 · ⭐ 2.1K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Nov 29, 2019

Websites and resources / Websites

• A Complete Guide to the Table Element

Oct 30, 2019

Game development / WebRTC

• Opensource JavaScript game engines
  • Pixi.js (⭐38k)
  • Phaser (⭐33k)
  • MelonJS (⭐4.2k)
  • Kiwi.js (⭐1.3k)
  • Crafty (⭐3.2k)
  • PhysicsJS (⭐3.5k)
  • Stage.js (⭐2.2k)
  • Cocos2d (⭐2.9k)

Oct 24, 2019

Communications and interoperability / Web Sockets

• About HTML5 WebSocket
• HTML5 Web Sockets API

Oct 03, 2019

Elements / Forms

• HTML Forms

Sep 25, 2019

Mobile / Push Notifications

• Build mobile apps with Kendo UI

May 16, 2019

Books / WebRTC

• Web Design Playground: HTML & CSS The Interactive Way

Feb 11, 2019

Multimedia capabilities / Audio

• Making a Guitar Tuner with HTML5

Browser compatibility / WebRTC

• HTML5 demos

Websites and resources / Websites

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

Jan 29, 2019

Accessibility / Web payments

• Excellent intro to accessibility from Google's fundamentals

Jan 19, 2019

Books / WebRTC

• Dive Into HTML5

Nov 29, 2018

Elements / Head

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

Progressive web apps / Web Components

• Intro to PWAs
• An Extensive Guide To Progressive Web Applications

Nov 19, 2018

Progressive web apps / Service Workers

• The Service Worker Cookbook

Nov 18, 2018

Accessibility / Web payments

• Great Accessibility Style Guide

DOM Management / Web Components

• The power of web components

Progressive web apps / Service Workers

• Service Worker fundamentals
• ServiceWorkies - Learn SWs playing a game

Progressive web apps / Offline caching

• The Offline Cookbook

Nov 03, 2018

Articles and standards

• Progressive enhancement

Nov 02, 2018

Multimedia capabilities / Picture in Picture

• Chrome's new Picture in Picture API

Oct 31, 2018

Accessibility / Web payments

• 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

Oct 29, 2018

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

Elements / Media Elements

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

Development APIs / File

• Reading local files in JavaScript

Development APIs / Web payments

• Web payments API overview

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

Progressive web apps / Push Notifications

• Web Push Notifications (Google's Web fundamentals)
• Notifications API spec

Client side storage / Push Notifications

• Client-Side Storage

Performance / Push Notifications

• Image compression
• Text compression

Mobile / Push Notifications

• The Web App Manifest (Google's fundamentals)
• Field guide to web applications
• Best practices for mobile web apps

Communications and interoperability / Web Sockets

• Introducing Websockets

Communications and interoperability / WebRTC

• WebRTC data channels tutorial

Web Workers / WebRTC

• Web Worker Basics

WebGL / WebRTC

• WebGL Fundamentals

Websites and resources / Websites

• HTML5 Rocks (news, tutorials and updates)

Oct 28, 2018

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

Aug 18, 2018

Elements / Canvas

• Various Tutorials

Elements / Forms

• Changes to forms in HTML5 from MDN

Development APIs / Geolocation

• Using Geolocation

Development APIs / File

• Using files from web applications (MDN)

Semantics / Web payments

• Lesser known semantics element from W3C & Opera

Accessibility / Web payments

• Aria in HTML
• Accessible and Responsive HTML5 Video Player

DOM Management / Shadow DOM

• Shadow DOM v1: self-contained web components

DOM Management / Web Components

• Custom elements v1: reusable web components

Progressive web apps / Service Workers

• Offline content with service workers

Client side storage / Push Notifications

• Introduction to IndexedDB
• Local storage tutorial

Performance / Push Notifications

• Optimizing performance from Google Web Fundamentals

Mobile / Push Notifications

• 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 / WebRTC

• Can I use...

Books / WebRTC

• HTML5 Game Development Insights

Videos and Keynotes / WebRTC

• 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

Jan 30, 2018

Other awesome lists / Twitter

• Community Curated Resources

May 05, 2017

Elements / Canvas

• Brief description from W3 Schools

Elements / Media Elements

• embed tag
  • Brief description from W3 Schools
• source tag
  • Brief description from W3 Schools
• track tag
  • Brief description from W3 Schools

Elements / HTML Imports

• Introduction to HTML imports

Semantics / Web payments

• Semantic elements from W3Schools

DOM Management / Shadow DOM

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

DOM Management / Web Components

• A Quick Introduction To Polymer
• Building web components using Polymer and ES6 classes

Performance / Push Notifications

• Accelerated Mobile Pages (AMP)

Books / WebRTC

• HTML5: Up and Running

Websites and resources / Websites

• HTML5 development guide from MDN

Sep 16, 2016

Development APIs / Geolocation

• HTML5 Apps: Positioning with Geolocation

DOM Management / Web Components

• Demythstifying Web Components

Client side storage / Push Notifications

• Real-World Off-Line Data Storage

Mobile / Push Notifications

• PhoneGap from Scratch
• HTML5 Vibration API
• HTML5 Battery Status API
• HTML5 Network Information API

Web Workers / WebRTC

• Getting started with Web Workers

Aug 25, 2016

Progressive web apps / Offline caching

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

Aug 23, 2016

Progressive web apps / Service Workers

• Service workers explained (⭐3.6k)

Aug 20, 2016

Development APIs / requestAnimationFrame

• Using requestAnimationFrame (CSS Tricks)
• Great article by Paul Irish

Aug 19, 2016

Progressive web apps / Web Components

• The Business Case for Progressive Web Apps

Aug 18, 2016

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

Aug 17, 2016

Articles and standards

• The extensible web manifesto

Elements / Time

• Time element guide

Semantics / Web payments

• Sections and Outlines of an HTML5 from MDN Document

Game development / WebRTC

• Info, news and tutorials

Feb 17, 2016

Game development / WebRTC

• HTML 5 game development video series by Mozilla

Jan 13, 2016

Elements / Details

• Details element polyfill

Semantics / Web payments

• HTML5 Semantics from Smashing Magazine

Nov 13, 2015

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 / Push Notifications

• Offline Cookbook

Performance / Push Notifications

• Google developers best practices
• Resource hints draft (preconnect and preload)

Browser compatibility / WebRTC

• W3C quality tools

Websites and resources / Weekly news

• Mozilla Hacks Weekly Articles

Aug 13, 2015

Development APIs / Permissions

• Permissions API for the Web by Google

Web Workers / WebRTC

• How fast are web workers?
• Web Workers in MDN

Jul 13, 2015

Development APIs / File

• File system API

Nov 29, 2014

Browser compatibility / WebRTC

• I want to use

Nov 21, 2014

Elements / WebVTT

• First draft from W3C

Development APIs / Frame timing

• Video from google developers
• Draft from W3C

Nov 13, 2014

Game development / WebRTC

• Over 380 resources on HTML5 game development

Nov 05, 2014

Development APIs / Cryptography

• Web Cryptography API draft
• Cryptography next steps from W3C

Oct 04, 2014

Accessibility / Web payments

• ARIA from MDN

Aug 10, 2014

Performance / Push Notifications

• Prefetching and prerendeding
• Resource timing spec

Mobile / Push Notifications

• Apache Cordova tutorial

Jul 17, 2014

Communications and interoperability / WebRTC

• WebRTC data channels from MDN

Websites and resources / Websites

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

Jul 16, 2014

Websites and resources / Websites

• W3C Highlights form June 2014

Jul 14, 2014

Browser compatibility / WebRTC

• HTML5 test

Books / WebRTC

• Using the HTML5 Filesystem API

Videos and Keynotes / WebRTC

• 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

Jul 13, 2014

Websites and resources / Twitter

• @html5
• @html5rock
• @html5gallery
• @html5doctor
• @GameDevHTML5
• @mozhacks
• @googlechrome

Other awesome lists / Twitter

• awesome-awesomeness (⭐29k)
• lists (⭐8.5k)

Jul 12, 2014

DOM Management / Web Components

• Polymer project

Game development / WebRTC

• Getting started with HTML5 Game Development from Mozilla Hacks