Awesome HTML5 / Articles and standards |
| HTML 5.3 | | | Current HTML5 spec |
| Progressive enhancement | | | |
| The extensible web manifesto | | | |
| Differences between HTML5 and HTML4 from W3C | | | |
| |
| Getting started with the Web Audio API | | | |
| Web Audio API at MDN | | | |
| Making a Guitar Tuner with HTML5 | | | |
| Audio visualisation with the Web Audio API and React | | | |
| |
| Capturing Audio & Video in HTML5 | | | |
| Using the media capture API | | | |
| |
| Chrome's new Picture in Picture API | | | |
| |
| Intro to the HTML5 Speech Synthesis API | | | |
| Another useful intro | | | |
| |
| Web speech API demo | | | |
| Using the Web Speech API | | | |
| Experimenting with the Web Speech API | | | |
| Free voice recognition library (annyang) | | | |
| |
| Firefox Reality now available | | | |
| |
| Intro to web animations | | | |
| When to Use the Web Animations API | | | |
Awesome HTML5 / Elements / Canvas |
| Brief description from W3 Schools | | | |
| Tutorial from MDN | | | |
| Various Tutorials | | | |
| Cheat Sheet | | | |
Awesome HTML5 / Elements / Head |
| A list of things that go in your pages' HEAD element | | | |
Awesome HTML5 / Elements / Sectioning |
| How to Use The HTML5 Sectioning Elements | | | |
| |
| audio tag from W3Schools | | | |
| video tag from W3 Schools | | | |
| Tutorial from MDN | | | |
| Capturing audio and video in HTML5 | | | |
| |
| Brief description from W3 Schools | | | |
| |
| Brief description from W3 Schools | | | |
| |
| Brief description from W3 Schools | | | |
| |
| Changes to forms in HTML5 from MDN | | | |
| HTML Forms | | | |
Awesome HTML5 / Elements / Details |
| How to Use the Details and Summary Elements | | | |
| Details element polyfill | | | |
Awesome HTML5 / Elements / Time |
| Time element guide | | | |
Awesome HTML5 / Elements / WebVTT |
| First draft from W3C | | | |
Awesome HTML5 / Elements / HTML Imports |
| Introduction to HTML imports | | | |
Awesome HTML5 / Development APIs / Permissions |
| Permissions API for the Web by Google | | | |
Awesome HTML5 / Development APIs / Geolocation |
| Using Geolocation | | | |
| HTML5 Apps: Positioning with Geolocation | | | |
Awesome HTML5 / Development APIs / Cryptography |
| Web Cryptography API draft | | | |
| Table of web cryptography support | | | |
| Window.crypto | | | |
| Cryptography next steps from W3C | | | |
Awesome HTML5 / Development APIs / File |
| Using files from web applications (MDN) | | | |
| Reading local files in JavaScript | | | |
| File API Draft | | | |
| File system API | | | |
Awesome HTML5 / Development APIs / Frame timing |
| Video from google developers | | | |
| Draft from W3C | | | |
Awesome HTML5 / Development APIs / requestIdleCallback |
| On Google developers | | | |
Awesome HTML5 / Development APIs / requestAnimationFrame |
| Using requestAnimationFrame (CSS Tricks) | | | |
| Great article by Paul Irish | | | |
Awesome HTML5 / Development APIs / Web payments |
| Web payments API overview | | | |
Awesome HTML5 / Semantics |
| Semantic elements from W3Schools | | | |
| Sections and Outlines of an HTML5 from MDN Document | | | |
| HTML5 Semantics from Smashing Magazine | | | |
| Lesser known semantics element from W3C & Opera | | | |
Awesome HTML5 / Accessibility |
| Excellent intro to accessibility from Google's fundamentals | | | |
| Accessibility checklist for web developers | | | |
| ARIA from MDN | | | |
| Great Accessibility Style Guide | | | |
| 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 | | | |
| Aria in HTML | | | |
| Accessible and Responsive HTML5 Video Player | | | |
Awesome HTML5 / DOM Management / Shadow DOM |
| Shadow DOM v1: self-contained web components | | | |
| What's New in Shadow DOM v1 (by examples) | | | |
Awesome HTML5 / DOM Management / Data Binding |
| Data-binding Revolutions with Object.observe() | | | |
Awesome HTML5 / DOM Management / Web Components |
| Custom elements v1: reusable web components | | | |
| The power of web components | | | |
| Polymer project | | | |
| A Quick Introduction To Polymer | | | |
| Building web components using Polymer and ES6 classes | | | |
| Demythstifying Web Components | | | |
| HTML imports | | | |
| Building Webapps with Yeoman and Polymer | | | |
Awesome HTML5 / Progressive web apps |
| Intro to PWAs | | | |
| An Extensive Guide To Progressive Web Applications | | | |
| The Business Case for Progressive Web Apps | | | |
Awesome HTML5 / Progressive web apps / Service Workers |
| Service Worker fundamentals | | | |
| ServiceWorkies - Learn SWs playing a game | | | |
| The Service Worker Cookbook | | | |
| Offline content with service workers | | | |
| Making a Service Worker: a case study (Smashing Magazine) | | | |
| Service workers explained | 3,628 | about 1 year ago | |
| Service Worker Libraries, Totally Tooling Tips | | | |
| ServiceWorker: Revolution of the Web Platform | | | |
Awesome HTML5 / Progressive web apps / Offline caching |
| The Offline Cookbook | | | |
| Instant-loading Offline-first (Progressive Web App Summit 2016) | | | |
| Offline Storage for Progressive Web Apps (article by Addy Osmani) | | | |
| A Beginner's Guide to Using the Application Cache | | | |
Awesome HTML5 / Progressive web apps / Push Notifications |
| Web Push Notifications (Google's Web fundamentals) | | | |
| Push API W3C draft | | | |
| Notifications API spec | | | |
Awesome HTML5 / Client side storage |
| Client-Side Storage | | | |
| Offline Cookbook | | | |
| Introduction to IndexedDB | | | |
| Real-World Off-Line Data Storage | | | |
| Local storage tutorial | | | |
| |
| Accelerated Mobile Pages (AMP) | | | |
| Google developers best practices | | | |
| Optimizing performance from Google Web Fundamentals | | | |
| Resource hints draft (preconnect and preload) | | | |
| Prefetching and prerendeding | | | |
| Image compression | | | |
| Text compression | | | |
| Resource timing spec | | | |
Awesome HTML5 / Mobile |
| The Web App Manifest (Google's fundamentals) | | | |
| Field guide to web applications | | | |
| Apache Cordova tutorial | | | |
| PhoneGap from Scratch | | | |
| Best practices for mobile web apps | | | |
| Build mobile apps with Kendo UI | | | |
| HTML5 Vibration API | | | |
| HTML5 Battery Status API | | | |
| Privacy analysis of the HTML5 Battery Status API | | | |
| HTML5 Network Information API | | | |
| Sencha Touch tutorials | | | |
Awesome HTML5 / Communications and interoperability / Web Sockets |
| Introducing Websockets | | | |
| About HTML5 WebSocket | | | |
| HTML5 Web Sockets API | | | |
Awesome HTML5 / Communications and interoperability / WebRTC |
| What is WebRTC and how does it work | | | |
| WebRTC made simple | | | |
| WebRTC data channels tutorial | | | |
| WebRTC data channels from MDN | | | |
Awesome HTML5 / Web Workers |
| Web Worker Basics | | | |
| How fast are web workers? | | | |
| Web Workers in MDN | | | |
| Getting started with Web Workers | | | |
Awesome HTML5 / WebGL |
| WebGL Fundamentals | | | |
Awesome HTML5 / Browser compatibility |
| I want to use | | | |
| Can I use... | | | |
| W3C quality tools | | | |
| HTML5 test | | | |
| HTML5 demos | | | |
Awesome HTML5 / Books |
| Dive Into HTML5 | | | |
| HTML5: Up and Running | | | |
| Using the HTML5 Filesystem API | | | |
| HTML5 Game Development Insights | | | |
| Web Design Playground: HTML & CSS The Interactive Way | | | |
Awesome HTML5 / Game development |
| Getting started with HTML5 Game Development from Mozilla Hacks | | | |
| HTML 5 game development video series by Mozilla | | | |
| Info, news and tutorials | | | |
| Over 380 resources on HTML5 game development | | | |
Awesome HTML5 / Game development / Opensource JavaScript game engines |
| Pixi.js | 44,140 | 11 months ago | |
| Phaser | 37,302 | 11 months ago | |
| MelonJS | 5,944 | about 1 year ago | |
| Kiwi.js | 1,410 | almost 3 years ago | |
| Crafty | 3,445 | almost 2 years ago | |
| PhysicsJS | 3,619 | over 6 years ago | |
| Stage.js | 2,438 | 11 months ago | |
| Cocos2d | 3,067 | almost 2 years ago | |
Awesome HTML5 / Videos and Keynotes |
| HTML5 Developer Conference | | | |
| Polymer: declarative, encapsulated, reusable components | | | |
| Making the mobile web fast, feature-rich, and beautiful | | | |
| Dart: HTML of the Future, Today! | | | |
Awesome HTML5 / Websites and resources / Websites |
| HTML official reference | | | (allows collaborative modification of content like wiki) |
| HTML5 Rocks | | | (news, tutorials and updates) |
| HTML5 Gallery | | | (a showcase of sites using HTML5 markup and API's) |
| HTML5 development guide from MDN | | | |
| W3C Highlights form June 2014 | | | |
| HTML5 Please | | | (Know when HTML5 feature are ready to use) |
| Keen HTML | | | (Free interactive lessons to learn HTML) |
| A Complete Guide to the Table Element | | | |
Awesome HTML5 / Websites and resources / Weekly news |
| HTML5 Weekly | | | |
| Mozilla Hacks Weekly Articles | | | |
| Responsive Design Newsletter | | | |
Awesome HTML5 / Websites and resources / Twitter |
| @html5 | | | |
| @html5rock | | | |
| @html5gallery | | | |
| @html5doctor | | | |
| @GameDevHTML5 | | | |
| @mozhacks | | | |
| @googlechrome | | | |
Awesome HTML5 / Other awesome lists |
| awesome-awesomeness | 32,173 | over 1 year ago | |
| lists | 10,067 | about 1 year ago | |
| Community Curated Resources | | | |
awesome-html5 
A curated list of awesome HTML5 resources
sindresorhus/awesome
bayandin/awesome-awesomeness
jnv/lists
myles/awesome-static-generators
erichs/awesome-awesome
flyhigher139/awesome-collection
coopermaa/awesome-awesome
0ex/more-awesome
kittykatattack/hexi
jnsmalm/pixi3d
fabricjs/fabric.js
cyrusstoller/list-of-lists
asciimoo/listofgithublists
mrdrozdov-github/rabbit-holes
mtdvio/every-programmer-should-know
jbranchaud/resources
huangsam/ultimate-python
yaph/lologl