{"id":145,"url":"https://github.com/diegocard/awesome-html5","last_synced_at":"2025-09-27T09:31:59.968Z","repository":{"id":18269165,"uuid":"21430176","full_name":"diegocard/awesome-html5","owner":"diegocard","description":":memo: A curated list of awesome HTML5 resources","archived":false,"fork":false,"pushed_at":"2023-09-26T08:12:13.000Z","size":212,"stargazers_count":2674,"open_issues_count":12,"forks_count":254,"subscribers_count":102,"default_branch":"master","last_synced_at":"2025-09-06T18:12:26.820Z","etag":null,"topics":["awesome","awesome-list","list"],"latest_commit_sha":null,"homepage":"https://diegocard.com/awesome-html5","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/diegocard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2014-07-02T15:49:54.000Z","updated_at":"2025-09-05T21:28:46.000Z","dependencies_parsed_at":"2024-01-15T12:54:00.009Z","dependency_job_id":null,"html_url":"https://github.com/diegocard/awesome-html5","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/diegocard/awesome-html5","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegocard%2Fawesome-html5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegocard%2Fawesome-html5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegocard%2Fawesome-html5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegocard%2Fawesome-html5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/diegocard","download_url":"https://codeload.github.com/diegocard/awesome-html5/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/diegocard%2Fawesome-html5/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277050359,"owners_count":25751756,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-26T02:00:09.010Z","response_time":78,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","list"],"created_at":"2024-01-05T20:12:47.603Z","updated_at":"2025-09-27T09:31:59.943Z","avatar_url":"https://github.com/diegocard.png","language":null,"funding_links":[],"categories":["Front-End Development","Technical","Uncategorized","General","Web Front-end","[Programming]","Related Awesome","Others","前端开发","Index","Basic Concepts","Front-end Development","Awesomeness","Web Development","HarmonyOS","More","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","miscellaneous","Other Lists","awesome-repos","Awesome Tools","Markup Language-HTML","HTML","awesome-list","Front-end development","前端","Typesetting","Themed Directories","▶️ Content","Language Specific Resources","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["awesome-*","Uncategorized","[Programming] - [HTML5]","Web Hosts","FrontEnd","HTML","Windows Manager","CSS","TeX Lists","Languages","Misc","Category Theory","Front-End Development","Updated more than a year ago"],"readme":"Awesome HTML5 [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) [![Build Status](https://api.travis-ci.org/diegocard/awesome-html5.svg?branch=master)](https://travis-ci.org/diegocard/awesome-html5)\n=============\n\nA curated list of awesome HTML5 resources. Inspired by [awesome-php](https://github.com/ziadoz/awesome-php) and [awesome-python](https://github.com/vinta/awesome-python)\n\n## Table of Contents\n- [Articles and standards](#articles-and-standards)\n- [Multimedia capabilities](#multimedia-capabilities)\n  - [Audio](#audio)\n  - [Media capture](#media-capture)\n  - [Picture in Picture](#picture-in-picture)\n  - [Speech synthesis](#speech-synthesis)\n  - [Voice recognition](#voice-recognition)\n  - [Virtual Reality (VR)](#virtual-reality)\n  - [Web animations](#web-animations)\n- [Elements](#elements)\n  - [Canvas](#canvas)\n  - [Head](#head)\n  - [Sectioning](#sectioning)\n  - [Media Elements](#media-elements)\n  - [Forms](#forms)\n  - [Time](#time)\n  - [WebVTT](#webtt)\n  - [HTML Imports](#html-imports)\n- [Development APIs](#development-apis)\n  - [Permissions](#permissions)\n  - [Geolocation](#geolocation)\n  - [Cryptography](#cryptography)\n  - [File](#file)\n  - [Frame timing](#frame-timing)\n  - [requestIdleCallback](#requestidlecallback)\n  - [requestAnimationFrame](#requestanimationframe)\n  - [Web payments](#web-payments)\n- [Semantics](#semantics)\n- [Accessibility](#accessibility)\n- [DOM management](#dom-management)\n  - [Shadow DOM](#shadow-dom)\n  - [Data Binding](#data-binding)\n  - [Web Components](#web-components)\n- [Progressive web apps](#progressive-web-apps)\n  - [Service Workers](#service-workers)\n  - [Offline caching](#offline-caching)\n  - [Push Notifications](#push-notifications)\n- [Client side storage](#client-side-storage)\n- [Performance](#performance)\n- [Mobile](#mobile)\n- [Communications and interoperability](#communications-and-interoperability)\n  - [Web Sockets](#web-sockets)\n  - [WebRTC](#webrtc)\n- [Web Workers](#web-workers)\n- [WebGL](#webgl)\n- [Browser compatibility](#browser-compatibility)\n- [Books](#books)\n- [Game development](#game-development)\n- [Bootcamp](#bootcamp)\n- [Videos and Keynotes](#videos-and-keynotes)\n- [Websites and resources](#websites-and-resources)\n  - [Websites](#websites)\n  - [Weekly news](#weekly-news)\n  - [Twitter](#twitter)\n- [Contributing](#contributing)\n\n## Articles and standards\n\n* [HTML 5.3](https://w3c.github.io/html/) - Current HTML5 spec\n* [Progressive enhancement](https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/)\n* [The extensible web manifesto](https://extensiblewebmanifesto.org/)\n* [Differences between HTML5 and HTML4 from W3C](https://www.w3.org/TR/html5-diff/)\n\n## Multimedia capabilities\n\n### Audio\n\n* [Getting started with the Web Audio API](https://www.html5rocks.com/en/tutorials/webaudio/intro/?redirect_from_locale=es)\n* [Web Audio API at MDN](https://developer.mozilla.org/es/docs/Web_Audio_API)\n* [Making a Guitar Tuner with HTML5](https://jonathan.bergknoff.com/journal/making-a-guitar-tuner-html5)\n* [Audio visualisation with the Web Audio API and React](https://www.twilio.com/blog/audio-visualisation-web-audio-api--react)\n\n### Media Capture\n\n* [Capturing Audio \u0026 Video in HTML5](https://www.html5rocks.com/es/tutorials/getusermedia/intro/)\n* [Using the media capture API](https://www.sitepoint.com/using-the-media-capture-api/)\n\n### Picture in Picture\n\n* [Chrome's new Picture in Picture API](https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture)\n\n### Speech Synthesis\n\n* [Intro to the HTML5 Speech Synthesis API](http://creative-punch.net/2014/10/intro-html5-speech-synthesis-api/)\n* [Another useful intro](https://shapeshed.com/html5-speech-recognition-api/)\n\n### Voice Recognition\n\n* [Web speech API demo](https://www.google.com/intl/en/chrome/demos/speech.html)\n* [Using the Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/Using_the_Web_Speech_API)\n* [Experimenting with the Web Speech API](https://www.sitepoint.com/experimenting-web-speech-api/)\n* [Free voice recognition library (annyang)](https://www.talater.com/annyang/)\n\n### Virtual Reality\n\n* [Firefox Reality now available](https://blog.mozilla.org/blog/2018/09/18/firefox-reality-now-available/)\n\n### Web animations\n\n* [Intro to web animations](http://danielcwilson.com/blog/2015/07/animations-intro/)\n* [When to Use the Web Animations API](http://danielcwilson.com/blog/2016/08/why-waapi/)\n\n## Elements\n\n### Canvas\n\n* [Brief description from W3 Schools](https://www.w3schools.com/tags/tag_canvas.asp)\n* [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial)\n* [Various Tutorials](https://www.html5canvastutorials.com/)\n* [Cheat Sheet](https://simon.html5.org/dump/html5-canvas-cheat-sheet.html)\n\n### Head\n\n* [A list of things that go in your pages' HEAD element](https://gethead.info/)\n\n### Sectioning\n\n* [How to Use The HTML5 Sectioning Elements](https://blog.teamtreehouse.com/use-html5-sectioning-elements)\n\n### Media Elements\n\n* Audio and Video\n  - [audio tag from W3Schools](https://www.w3schools.com/tags/tag_audio.asp)\n  - [video tag from W3 Schools](https://www.w3schools.com/tags/tag_video.asp)\n  - [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Video_and_audio_content)\n  - [Capturing audio and video in HTML5](https://www.html5rocks.com/en/tutorials/getusermedia/intro/)\n* embed tag\n  - [Brief description from W3 Schools](https://www.w3schools.com/tags/tag_embed.asp)\n* source tag\n  - [Brief description from W3 Schools](https://www.w3schools.com/tags/tag_source.asp)\n* track tag\n  - [Brief description from W3 Schools](https://www.w3schools.com/tags/tag_track.asp)\n\n### Forms\n\n* [Changes to forms in HTML5 from MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms)\n* [HTML Forms](https://www.w3schools.com/html/html_forms.asp)\n\n### Details\n\n* [How to Use the Details and Summary Elements](https://blog.teamtreehouse.com/use-details-summary-elements)\n* [Details element polyfill](https://www.smashingmagazine.com/2014/11/complete-polyfill-html5-details-element/)\n\n### Time\n\n* [Time element guide](https://www.sitepoint.com/html5-time-element-guide/)\n\n### WebVTT\n\n* [First draft from W3C](http://www.w3.org/TR/2014/WD-webvtt1-20141113/)\n\n### HTML Imports\n\n* [Introduction to HTML imports](https://www.webcomponents.org/community/articles/introduction-to-html-imports)\n\n## Development APIs\n\n### Permissions\n\n* [Permissions API for the Web by Google](https://developers.google.com/web/updates/2015/04/permissions-api-for-the-web)\n\n### Geolocation\n\n* [Using Geolocation](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API)\n* [HTML5 Apps: Positioning with Geolocation](https://code.tutsplus.com/tutorials/html5-apps-positioning-with-geolocation--mobile-456)\n\n### Cryptography\n\n* [Web Cryptography API draft](http://www.w3.org/TR/WebCryptoAPI/)\n* [Table of web cryptography support](http://diafygi.github.io/webcrypto-examples/)\n* [Window.crypto](https://developer.mozilla.org/en-US/docs/Web/API/Window/crypto)\n* [Cryptography next steps from W3C](http://www.w3.org/2012/webcrypto/webcrypto-next-workshop/report.html)\n\n### File\n\n* [Using files from web applications (MDN)](https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications)\n* [Reading local files in JavaScript](https://www.html5rocks.com/en/tutorials/file/dndfiles/)\n* [File API Draft](https://w3c.github.io/FileAPI/)\n* [File system API](http://www.w3.org/TR/file-system-api/)\n\n### Frame timing\n\n* [Video from google developers](https://www.youtube.com/watch?v=4zoC3eaa9z0)\n* [Draft from W3C](https://w3c.github.io/frame-timing/)\n\n### requestIdleCallback\n\n* [On Google developers](https://developers.google.com/web/updates/2015/08/using-requestidlecallback)\n\n### requestAnimationFrame\n\n* [Using requestAnimationFrame (CSS Tricks)](https://css-tricks.com/using-requestanimationframe/)\n* [Great article by Paul Irish](https://medium.com/@paul_irish/requestanimationframe-scheduling-for-nerds-9c57f7438ef4#.9gev5fdub)\n\n### Web payments\n\n* [Web payments API overview](https://developers.google.com/web/fundamentals/payments/)\n\n## Semantics\n\n* [Semantic elements from W3Schools](https://www.w3schools.com/html/html5_semantic_elements.asp)\n* [Sections and Outlines of an HTML5 from MDN Document](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines)\n* [HTML5 Semantics from Smashing Magazine](https://www.smashingmagazine.com/2011/11/html5-semantics/)\n* [Lesser known semantics element from W3C \u0026 Opera](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting)\n\n## Accessibility\n\n* [Excellent intro to accessibility from Google's fundamentals](https://developers.google.com/web/fundamentals/accessibility/)\n* [Accessibility checklist for web developers](https://webaim.org/standards/wcag/checklist)\n* [ARIA from MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)\n* [Great Accessibility Style Guide](https://a11y-style-guide.com/style-guide/)\n* [Designing for Cognitive Differences](https://alistapart.com/article/designing-for-cognitive-differences)\n* [Guide on how HTML elements are supported by screen readers](https://thepaciellogroup.github.io/AT-browser-tests/)\n* [Top 25 Accessibility Testing Tools for Website](https://dynomapper.com/blog/27-accessibility-testing/246-top-25-awesome-accessibility-testing-tools-for-websites)\n* [Web Accessibility Evaluation Tools List from W3](http://www.w3.org/WAI/ER/tools/)\n* [Pa11y - automated accessibility testing](http://pa11y.org/)\n* [Aria in HTML](https://developer.paciellogroup.com/blog/2014/10/aria-in-html-there-goes-the-neighborhood/)\n* [Accessible and Responsive HTML5 Video Player](https://2017.ind.ie/blog/accessible-video-player/)\n\n## DOM Management\n\n### Shadow DOM\n\n* [Shadow DOM v1: self-contained web components](https://developers.google.com/web/fundamentals/web-components/shadowdom)\n* [What's New in Shadow DOM v1 (by examples)](https://hayato.io/2016/shadowdomv1/)\n\n### Data Binding\n\n* [Data-binding Revolutions with Object.observe()](https://www.html5rocks.com/en/tutorials/es7/observe/)\n\n### Web Components\n\n* [Custom elements v1: reusable web components](https://developers.google.com/web/fundamentals/web-components/customelements)\n* [The power of web components](https://hacks.mozilla.org/2018/11/the-power-of-web-components/)\n* [Polymer project](https://github.com/polymer)\n* [A Quick Introduction To Polymer](https://www.webcomponents.org/community/articles/a-quick-polymer-introduction)\n* [Building web components using Polymer and ES6 classes](https://www.polymer-project.org/blog/es6)\n* [Demythstifying Web Components](http://www.backalleycoder.com/2016/08/26/demythstifying-web-components/)\n* [HTML imports](https://www.html5rocks.com/en/tutorials/webcomponents/imports/)\n* [Building Webapps with Yeoman and Polymer](https://www.html5rocks.com/en/tutorials/webcomponents/yeoman/)\n\n## Progressive web apps\n\n* [Intro to PWAs](https://developers.google.com/web/progressive-web-apps/)\n* [An Extensive Guide To Progressive Web Applications](https://www.smashingmagazine.com/2018/11/guide-pwa-progressive-web-applications/)\n* [The Business Case for Progressive Web Apps](https://cloudfour.com/thinks/the-business-case-for-progressive-web-apps/)\n\n### Service Workers\n\n* [Service Worker fundamentals](https://developers.google.com/web/fundamentals/primers/service-workers/)\n* [ServiceWorkies - Learn SWs playing a game](https://serviceworkies.com/)\n* [The Service Worker Cookbook](https://serviceworke.rs/)\n* [Offline content with service workers](https://www.madebymike.com.au/writing/service-workers/)\n* [Making a Service Worker: a case study (Smashing Magazine)](https://www.smashingmagazine.com/2016/02/making-a-service-worker/)\n* [Service workers explained](https://github.com/w3c/ServiceWorker/blob/master/explainer.md)\n* [Service Worker Libraries, Totally Tooling Tips](https://www.youtube.com/watch?v=IIRj8DftkqE)\n* [ServiceWorker: Revolution of the Web Platform](https://ponyfoo.com/articles/serviceworker-revolution)\n\n### Offline caching\n\n* [The Offline Cookbook](https://developers.google.com/web/fundamentals/instant-and-offline/offline-cookbook/)\n* [Instant-loading Offline-first (Progressive Web App Summit 2016)](https://www.youtube.com/watch?v=qDJAz3IIq18)\n* [Offline Storage for Progressive Web Apps (article by Addy Osmani)](https://medium.com/dev-channel/offline-storage-for-progressive-web-apps-70d52695513c#.jsbxgywzz)\n* [A Beginner's Guide to Using the Application Cache](https://www.html5rocks.com/en/tutorials/appcache/beginner/)\n\n### Push Notifications\n\n* [Web Push Notifications (Google's Web fundamentals)](https://developers.google.com/web/fundamentals/push-notifications/)\n* [Push API W3C draft](http://w3c.github.io/push-api/)\n* [Notifications API spec](https://notifications.spec.whatwg.org/)\n\n## Client side storage\n\n* [Client-Side Storage](https://www.html5rocks.com/en/tutorials/offline/storage/)\n* [Offline Cookbook](https://jakearchibald.com/2014/offline-cookbook/)\n* [Introduction to IndexedDB](https://www.codemag.com/Article/1411041)\n* [Real-World Off-Line Data Storage](https://code.tutsplus.com/tutorials/real-world-off-line-data-storage--net-34063)\n* [Local storage tutorial](https://developer.mozilla.org/en-US/docs/Archive/Add-ons/Overlay_Extensions/XUL_School/Local_Storage)\n\n## Performance\n\n* [Accelerated Mobile Pages (AMP)](https://www.ampproject.org/learn/overview/)\n* [Google developers best practices](https://developers.google.com/speed/docs/insights/rules)\n* [Optimizing performance from Google Web Fundamentals](https://developers.google.com/web/fundamentals/performance/why-performance-matters/)\n* [Resource hints draft (preconnect and preload)](http://www.w3.org/TR/2014/WD-resource-hints-20141021/)\n* [Prefetching and prerendeding](https://medium.com/@luisvieira_gmr/html5-prefetch-1e54f6dda15d)\n* [Image compression](https://www.html5rocks.com/en/tutorials/speed/img-compression/)\n* [Text compression](https://www.html5rocks.com/en/tutorials/speed/txt-compression/)\n* [Resource timing spec](http://www.w3.org/TR/resource-timing/)\n\n## Mobile\n\n* [The Web App Manifest (Google's fundamentals)](https://developers.google.com/web/fundamentals/web-app-manifest/)\n* [Field guide to web applications](https://www.html5rocks.com/webappfieldguide/toc/index/)\n* [Apache Cordova tutorial](http://ccoenraets.github.io/cordova-tutorial/)\n* [PhoneGap from Scratch](https://code.tutsplus.com/tutorials/phonegap-from-scratch-introduction--mobile-9171)\n* [Best practices for mobile web apps](https://www.html5rocks.com/en/tutorials/speed/quick/)\n* [Build mobile apps with Kendo UI](https://docs.telerik.com/kendo-ui/controls/hybrid/introduction)\n* [HTML5 Vibration API](https://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585)\n* [HTML5 Battery Status API](https://code.tutsplus.com/tutorials/html5-battery-status-api--mobile-22795)\n* [Privacy analysis of the HTML5 Battery Status API](https://eprint.iacr.org/2015/616.pdf)\n* [HTML5 Network Information API](https://code.tutsplus.com/tutorials/html5-network-information-api--cms-21598)\n* [Sencha Touch tutorials](https://docs.sencha.com/)\n\n## Communications and interoperability\n\n### Web Sockets\n\n* [Introducing Websockets](https://www.html5rocks.com/en/tutorials/websockets/basics/)\n* [About HTML5 WebSocket](https://www.websocket.org/aboutwebsocket.html)\n* [HTML5 Web Sockets API](http://www.tutorialspark.com/html5/HTML5_WebSockets.php)\n\n### WebRTC\n\n* [What is WebRTC and how does it work](https://www.innoarchitech.com/what-is-webrtc-and-how-does-it-work/)\n* [WebRTC made simple](https://blog.carbonfive.com/2014/10/16/webrtc-made-simple/)\n* [WebRTC data channels tutorial](https://www.html5rocks.com/en/tutorials/webrtc/datachannels/)\n* [WebRTC data channels from MDN](https://developer.mozilla.org/en-US/docs/Games/Techniques/WebRTC_data_channels)\n\n## Web Workers\n\n* [Web Worker Basics](https://www.html5rocks.com/en/tutorials/workers/basics/)\n* [How fast are web workers?](https://hacks.mozilla.org/2015/07/how-fast-are-web-workers/)\n* [Web Workers in MDN](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers)\n* [Getting started with Web Workers](https://code.tutsplus.com/tutorials/getting-started-with-web-workers--net-27667)\n\n## WebGL\n\n* [WebGL Fundamentals](https://www.html5rocks.com/en/tutorials/webgl/webgl_fundamentals/)\n\n## Browser compatibility\n\n* [I want to use](http://www.iwanttouse.com/)\n* [Can I use...](https://caniuse.com/)\n* [W3C quality tools](http://w3c.github.io/developers/tools/)\n* [HTML5 test](http://beta.html5test.com/)\n* [HTML5 demos](https://bestvpn.org/html5demos/)\n\n## Books\n\n* [Dive Into HTML5](http://diveinto.html5doctor.com/)\n* [HTML5: Up and Running](https://www.amazon.com/HTML5-Running-Dive-Future-Development/dp/0596806027)\n* [Using the HTML5 Filesystem API](http://shop.oreilly.com/product/0636920021360.do)\n* [HTML5 Game Development Insights](https://www.apress.com/us/book/9781430266976)\n* [Web Design Playground: HTML \u0026 CSS The Interactive Way](https://www.manning.com/books/web-design-playground)\n\n## Game development\n\n* [Getting started with HTML5 Game Development from Mozilla Hacks](https://hacks.mozilla.org/2013/09/getting-started-with-html5-game-development/)\n* [HTML 5 game development video series by Mozilla](https://hacks.mozilla.org/2016/02/html-5-game-development-video-series/)\n* [Info, news and tutorials](http://html5gamedevelopment.com/)\n* [Over 380 resources on HTML5 game development](https://html5-game-development.zeef.com/andre.antonio.schmitz)\n* Opensource JavaScript game engines\n  - [Pixi.js](https://github.com/pixijs/pixi.js)\n  - [Phaser](https://github.com/photonstorm/phaser)\n  - [MelonJS](https://github.com/melonjs/melonJS)\n  - [Kiwi.js](https://github.com/gamelab/kiwi.js)\n  - [Crafty](https://github.com/craftyjs/Crafty)\n  - [PhysicsJS](https://github.com/wellcaffeinated/PhysicsJS)\n  - [Stage.js](https://github.com/shakiba/stage.js)\n  - [Cocos2d](https://github.com/cocos2d/cocos2d-html5)\n\n## Bootcamp\n*[Learn coding for free online](https://www.freecodecamp.org/)\n*[Free online cources](https://www.khanacademy.org/)\n\n## Videos and Keynotes\n\n* [HTML5 Developer Conference](https://html5devconf.com/videos.html)\n* [Polymer: declarative, encapsulated, reusable components](https://www.youtube.com/watch?v=DH1vTVkqCDQ)\n* [Making the mobile web fast, feature-rich, and beautiful](https://www.youtube.com/watch?v=EXjPsvwIDwU)\n* [Dart: HTML of the Future, Today!](https://www.youtube.com/watch?v=euCNWhs7ivQ)\n\n## Websites and resources\n\n### Websites\n\n* [HTML official reference](https://webplatform.github.io/docs/Main_Page/index.html) (allows collaborative modification of content like wiki)\n* [HTML5 Rocks](https://www.html5rocks.com/en/) (news, tutorials and updates)\n* [HTML5 Gallery](http://html5gallery.com/) (a showcase of sites using HTML5 markup and API's)\n* [HTML5 development guide from MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML)\n* [W3C Highlights form June 2014](http://www.w3.org/2014/06/w3c-highlights/)\n* [HTML5 Please](https://html5please.com/) (Know when HTML5 feature are ready to use)\n* [Keen HTML](https://keenhtml.com) (Free interactive lessons to learn HTML)\n* [A Complete Guide to the Table Element ](https://css-tricks.com/complete-guide-table-element/) \n\n### Weekly news\n\n* [HTML5 Weekly](https://frontendfoc.us/)\n* [Mozilla Hacks Weekly Articles](https://hacks.mozilla.org/category/mozilla-hacks-weekly/)\n* [Responsive Design Newsletter](http://responsivedesignweekly.com/)\n\n### Twitter\n\n* [@html5](https://twitter.com/html5)\n* [@html5rock](https://twitter.com/html5rock)\n* [@html5gallery](https://twitter.com/html5gallery)\n* [@html5doctor](https://twitter.com/html5doctor)\n* [@GameDevHTML5](https://twitter.com/GameDevHTML5)\n* [@mozhacks](https://twitter.com/mozhacks)\n* [@googlechrome](https://twitter.com/googlechrome)\n\n## Other awesome lists\n\n* [awesome-awesomeness](https://github.com/bayandin/awesome-awesomeness)\n* [lists](https://github.com/jnv/lists)\n* [Community Curated Resources](https://hackr.io/tutorials/learn-html-5)\n\n## Contributing\n\nYour contributions are always welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegocard%2Fawesome-html5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdiegocard%2Fawesome-html5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdiegocard%2Fawesome-html5/lists"}