Awesome HTML5 is a community-curated GitHub list that aggregates the most useful HTML5 standards, tutorials, APIs, and tools into one organized directory.
What is Awesome HTML5?
The list takes links contributed by developers and organizes them into a searchable table of contents, currently spanning categories such as Multimedia capabilities, Development APIs, DOM management, Progressive web apps, Client side storage, Performance, Mobile, Communications, Web Workers, WebGL, and Game development. It is maintained by diegocard, who modeled it after the popular awesome-php and awesome-python lists. The repository has earned 2,793 stars on GitHub.
Key Features
- Categorized navigation — More than twenty topical sections with a detailed table of contents, covering Audio, Media Capture, Speech Synthesis, Canvas, Forms, Shadow DOM, Service Workers, Offline caching, Push Notifications, Web Sockets, WebRTC, and more.
- Standards-first curation — Includes the current HTML 5.3 W3C draft, the W3C document of differences between HTML5 and HTML4, and the Extensible Web Manifesto.
- Multimedia resources — Tutorials for the Web Audio API, media capture, the Picture-in-Picture API, speech synthesis, voice recognition, and web animations.
- Development API coverage — Links to specs and guides for Geolocation, Cryptography (WebCrypto API), File API, Frame timing, requestIdleCallback, requestAnimationFrame, and Web Payments.
- Progressive web app hub — Google's service worker fundamentals, the Service Worker Cookbook, the Offline Cookbook, and Web Push Notifications documentation.
- Game development section — Lists eight open-source JavaScript game engines: Pixi.js, Phaser, MelonJS, Kiwi.js, Crafty, PhysicsJS, Stage.js, and Cocos2d.
- Browser compatibility tools — Points to Can I Use, HTML5 Test, W3C quality tools, and the "I want to use" feature-support checker.
- Books and videos — Curates five HTML5 books plus the HTML5 Developer Conference and keynotes on Polymer and Dart.
Who is it for?
- Front-end developers — Use the list to find tutorials for specific HTML5 APIs such as the Web Audio API, file reading, or geolocation when implementing a feature.
- Game developers — Discover open-source JavaScript engines and Mozilla's HTML5 game development video series to start building browser games.
- Accessibility specialists — Access ARIA references, the WebAIM WCAG checklist, and Pa11y for automated accessibility testing.
- Technical leads and architects — Evaluate browser support and feature readiness through Can I Use, HTML5 Test, and the HTML5 Please feature-readiness checker.
Use cases
- Front-end developers: locate a vetted tutorial or spec for an HTML5 API they need to implement, such as the Web Speech API or requestIdleCallback.
- Progressive web app teams: work through service worker fundamentals and the Offline Cookbook to build installable, offline-capable web apps.
- Game developers: choose a JavaScript engine from the eight open-source options listed, then follow Mozilla's game development tutorials to build a browser game.
- Educators and students: use the free bootcamp links to freeCodeCamp and Khan Academy, plus the interactive Keen HTML lessons, to teach HTML5.
Alternatives
The page itself lists other resource aggregators: awesome-awesomeness and lists, which collect many curated lists across topics, and hackr.io, which offers community-curated programming tutorials by subject.
FAQ
Is Awesome HTML5 free?
Yes. Awesome HTML5 is a public GitHub repository that anyone can read, clone, and use without charge. It contains no proprietary content, only links to external resources.
What does Awesome HTML5 cover?
It covers HTML5 standards, multimedia, semantic elements, accessibility, development APIs, progressive web apps, client-side storage, performance, mobile techniques, Web Sockets, WebRTC, Web Workers, WebGL, and browser compatibility tools.
How can I contribute to Awesome HTML5?
The repository has a Contributing section that invites pull requests. Contributors can suggest new resources or reorganize existing links following the list's existing style.
Who maintains Awesome HTML5?
The list is maintained by diegocard on GitHub, and it is inspired by the awesome-php and awesome-python curated lists. It does not list additional maintainers on the page.
