<commit_before>Awesome HTML5
=============

A 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)

##Table of Contents
- [Articles and standards](#articles-and-standards)
- [Elements](#elements)
  - [Canvas](#canvas)
  - [Media Elements](#media-elements)
  - [Forms](#forms)
  - [Time](#time)
- [APIs](#apis)
  - [Speech synthesis / voice recognition](#speech-synthesis)
  - [Geolocation](#geolocation)
  - [Audio](#audio)
  - [Cryptography](#cryptography)
  - [File](#file)
- [Semantics](#semantics)
- [Accessibility](#accessibility)
- [DOM management](#dom-management)
  - [Shadow DOM](#shadow-dom)
  - [Data Binding](#data-binding)
  - [Web Components](#web-components)
- [Client side storage](#client-side-storage)
- [Performance](#performance)
- [Mobile](#mobile)
- [Communications and interoperability](#communications-and-interoperability)
  - [Web Sockets](#web-sockets)
  - [WebRTC](#webrtc)
- [Web Workers](#web-workers)
- [WebGL](#webgl)
- [Browser compatibility](#browser-compatibility)
- [Books](#books)
- [Game development](#game-development)
- [Videos and Keynotes](#videos-and-keynotes)
- [Websites and resources](#websites-and-resources)
  - [Websites](#websites)
  - [Weekly news](#weekly-news)
  - [Twitter](#twitter)
- [Contributing](#contributing)

##Articles and standards

* [Differences bewtween HTML5 and HTML4 from W3C](http://www.w3.org/TR/html5-diff/)

##Elements

###Canvas

* [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_canvas.asp)
* [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial)
* [Various Tutorials](http://www.html5canvastutorials.com/)
* [Cheat Sheet](http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/)

###Media Elements

* Audio and Video
  - [audio tag from W3Schools](http://www.w3schools.com/tags/tag_audio.asp)
  - [video tag from W3 Schools](http://www.w3schools.com/tags/tag_video.asp)
  - [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video)
  - [Capturing audio and video in HTML5](http://www.html5rocks.com/en/tutorials/getusermedia/intro/)
* embed tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_embed.asp)
* source tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_source.asp)
* track tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_track.asp)

###Forms

* [HTML5 Form elements from W3Schools](http://www.w3schools.com/html/html5_form_elements.asp)
* [Changes to forms in HTML5 from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms_in_HTML)

###Time

* [Time element guide](http://www.sitepoint.com/html5-time-element-guide/)

##APIs

###Speech Synthesis

* [Intro to the HTML5 Speech Synthesis API](http://creative-punch.net/2014/10/intro-html5-speech-synthesis-api)
* [Another useful intro](http://shapeshed.com/html5-speech-recognition-api)
* [Free voice recognition library (annyang)](https://www.talater.com/annyang/)

###Geolocation

* [Using Geolocation](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation)
* [HTML5 Apps: Positioning with Geolocation](http://code.tutsplus.com/tutorials/html5-apps-positioning-with-geolocation--mobile-456)

###Audio

* [Getting started with the Web Audio API](http://www.html5rocks.com/en/tutorials/webaudio/intro/?redirect_from_locale=es)
* [Web Audio API at MDN](https://developer.mozilla.org/es/docs/Web_Audio_API)
* [Making a Guitar Tuner with HTML5](http://jonathan.bergknoff.com/journal/making-a-guitar-tuner-html5)

###File

* [Using files from web applications (MDN)](https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications)
* [Reading local files in JavaScript](http://www.html5rocks.com/en/tutorials/file/dndfiles/)
* [File API Draft](http://dev.w3.org/2006/webapi/FileAPI/)
* [File system API](http://www.w3.org/TR/file-system-api/)

### Crypography

* [Web Cryptography API draft](http://www.w3.org/TR/WebCryptoAPI/)
* [Window.crypto](https://developer.mozilla.org/en-US/docs/Web/API/Window.crypto)
* [Cryptography next steps from W3C](http://www.w3.org/2012/webcrypto/webcrypto-next-workshop/report.html)

##Semantics

* [Semantic elements from W3Schools](http://www.w3schools.com/html/html5_semantic_elements.asp)
* [Sections and Outlines of an HTML5 from MDN Document](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document)
* [HTML5 Semantics from Smashing Magazine](http://www.smashingmagazine.com/2011/11/18/html5-semantics/)

##Accessibility

* [ARIA from MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
* [Accessibility in HTML5](http://www.clarissapeterson.com/2012/11/html5-accessibility/)
* [Aria in HTML](http://www.paciellogroup.com/blog/2014/10/aria-in-html-there-goes-the-neighborhood)

##DOM Management

###Shadow DOM

* [Intro to Shadow DOM](http://code.tutsplus.com/tutorials/intro-to-shadow-dom--net-34966)
* [Shadow DOM 101](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/?redirect_from_locale=es)
* [Shadow DOM CSS and Styling](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/)
* [Advanced Concepts & DOM APIs](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/)

###Data Binding

* [Data-binding Revolutions with Object.observe()](http://www.html5rocks.com/en/tutorials/es7/observe/)

###Web Components

* [Defininf custom HTML elements](http://www.html5rocks.com/en/tutorials/webcomponents/customelements/)
* [HTML imports](http://www.html5rocks.com/en/tutorials/webcomponents/imports/)
* [Polymer project](https://github.com/polymer)
* [Building Webapps with Yeoman and Polymer](http://www.html5rocks.com/en/tutorials/webcomponents/yeoman/)

##Client side storage

* [Client-Side Storage](http://www.html5rocks.com/en/tutorials/offline/storage/)
* [Real-World Off-Line Data Storage](http://code.tutsplus.com/tutorials/real-world-off-line-data-storage--net-34063)
* [Local storage tutorial](https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions/XUL_School/Local_Storage)

##Performance

* [Google developers best practices](https://developers.google.com/speed/docs/best-practices/rules_intro)
* [Optimizing performance from Google Web Fundamentals](https://developers.google.com/web/fundamentals/performance/)
* [Tutorials from Google](https://developers.google.com/speed/articles/)
* [Resource hints draft (preconnect and preload)](http://www.w3.org/TR/2014/WD-resource-hints-20141021)
* [Prefetching and prerendeding](https://medium.com/@luisvieira_gmr/html5-prefetch-1e54f6dda15d)
* [Image compression](http://www.html5rocks.com/en/tutorials/speed/img-compression/)
* [Text compression](http://www.html5rocks.com/en/tutorials/speed/txt-compression/)
* [Resource timing spec](http://www.w3.org/TR/resource-timing/)

## Mobile

* [Field guide to web applications](http://www.html5rocks.com/webappfieldguide/toc/index/)
* [Tutorial: developing a PhoneGap application](http://coenraets.org/blog/phonegap-tutorial/)
* [Apache Cordova tutorial](http://ccoenraets.github.io/cordova-tutorial/)
* [PhoneGap from Scratch](http://code.tutsplus.com/tutorials/phonegap-from-scratch-introduction--mobile-9171)
* [Best practices for mobile web apps](http://www.html5rocks.com/en/tutorials/speed/quick/)
* [Build mobile apps with Kendo UI](http://docs.telerik.com/kendo-ui/tutorials/build-apps-with-kendo-ui-mobile)
* [HTML5 Vibration API](http://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585)
* [HTML5 Battery Status API](http://code.tutsplus.com/tutorials/html5-battery-status-api--mobile-22795)
* [HTML5 Network Information API](http://code.tutsplus.com/tutorials/html5-network-information-api--cms-21598)
* [Sencha Touch tutorials](http://www.sencha.com/learn/touch)

##Communications and interoperability
<commit_msg>Added new link: installable web apps<commit_after>Awesome HTML5
=============

A 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)

##Table of Contents
- [Articles and standards](#articles-and-standards)
- [Elements](#elements)
  - [Canvas](#canvas)
  - [Media Elements](#media-elements)
  - [Forms](#forms)
  - [Time](#time)
- [APIs](#apis)
  - [Speech synthesis / voice recognition](#speech-synthesis)
  - [Geolocation](#geolocation)
  - [Audio](#audio)
  - [Cryptography](#cryptography)
  - [File](#file)
- [Semantics](#semantics)
- [Accessibility](#accessibility)
- [DOM management](#dom-management)
  - [Shadow DOM](#shadow-dom)
  - [Data Binding](#data-binding)
  - [Web Components](#web-components)
- [Client side storage](#client-side-storage)
- [Performance](#performance)
- [Mobile](#mobile)
- [Communications and interoperability](#communications-and-interoperability)
  - [Web Sockets](#web-sockets)
  - [WebRTC](#webrtc)
- [Web Workers](#web-workers)
- [WebGL](#webgl)
- [Browser compatibility](#browser-compatibility)
- [Books](#books)
- [Game development](#game-development)
- [Videos and Keynotes](#videos-and-keynotes)
- [Websites and resources](#websites-and-resources)
  - [Websites](#websites)
  - [Weekly news](#weekly-news)
  - [Twitter](#twitter)
- [Contributing](#contributing)

##Articles and standards

* [Differences bewtween HTML5 and HTML4 from W3C](http://www.w3.org/TR/html5-diff/)

##Elements

###Canvas

* [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_canvas.asp)
* [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial)
* [Various Tutorials](http://www.html5canvastutorials.com/)
* [Cheat Sheet](http://cheatsheetworld.com/programming/html5-canvas-cheat-sheet/)

###Media Elements

* Audio and Video
  - [audio tag from W3Schools](http://www.w3schools.com/tags/tag_audio.asp)
  - [video tag from W3 Schools](http://www.w3schools.com/tags/tag_video.asp)
  - [Tutorial from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video)
  - [Capturing audio and video in HTML5](http://www.html5rocks.com/en/tutorials/getusermedia/intro/)
* embed tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_embed.asp)
* source tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_source.asp)
* track tag
  - [Brief description from W3 Schools](http://www.w3schools.com/tags/tag_track.asp)

###Forms

* [HTML5 Form elements from W3Schools](http://www.w3schools.com/html/html5_form_elements.asp)
* [Changes to forms in HTML5 from MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms_in_HTML)

###Time

* [Time element guide](http://www.sitepoint.com/html5-time-element-guide/)

##APIs

###Speech Synthesis

* [Intro to the HTML5 Speech Synthesis API](http://creative-punch.net/2014/10/intro-html5-speech-synthesis-api)
* [Another useful intro](http://shapeshed.com/html5-speech-recognition-api)
* [Free voice recognition library (annyang)](https://www.talater.com/annyang/)

###Geolocation

* [Using Geolocation](https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation)
* [HTML5 Apps: Positioning with Geolocation](http://code.tutsplus.com/tutorials/html5-apps-positioning-with-geolocation--mobile-456)

###Audio

* [Getting started with the Web Audio API](http://www.html5rocks.com/en/tutorials/webaudio/intro/?redirect_from_locale=es)
* [Web Audio API at MDN](https://developer.mozilla.org/es/docs/Web_Audio_API)
* [Making a Guitar Tuner with HTML5](http://jonathan.bergknoff.com/journal/making-a-guitar-tuner-html5)

###File

* [Using files from web applications (MDN)](https://developer.mozilla.org/en-US/docs/Using_files_from_web_applications)
* [Reading local files in JavaScript](http://www.html5rocks.com/en/tutorials/file/dndfiles/)
* [File API Draft](http://dev.w3.org/2006/webapi/FileAPI/)
* [File system API](http://www.w3.org/TR/file-system-api/)

### Crypography

* [Web Cryptography API draft](http://www.w3.org/TR/WebCryptoAPI/)
* [Window.crypto](https://developer.mozilla.org/en-US/docs/Web/API/Window.crypto)
* [Cryptography next steps from W3C](http://www.w3.org/2012/webcrypto/webcrypto-next-workshop/report.html)

##Semantics

* [Semantic elements from W3Schools](http://www.w3schools.com/html/html5_semantic_elements.asp)
* [Sections and Outlines of an HTML5 from MDN Document](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Sections_and_Outlines_of_an_HTML5_document)
* [HTML5 Semantics from Smashing Magazine](http://www.smashingmagazine.com/2011/11/18/html5-semantics/)

##Accessibility

* [ARIA from MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA)
* [Accessibility in HTML5](http://www.clarissapeterson.com/2012/11/html5-accessibility/)
* [Aria in HTML](http://www.paciellogroup.com/blog/2014/10/aria-in-html-there-goes-the-neighborhood)

##DOM Management

###Shadow DOM

* [Intro to Shadow DOM](http://code.tutsplus.com/tutorials/intro-to-shadow-dom--net-34966)
* [Shadow DOM 101](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/?redirect_from_locale=es)
* [Shadow DOM CSS and Styling](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/)
* [Advanced Concepts & DOM APIs](http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/)

###Data Binding

* [Data-binding Revolutions with Object.observe()](http://www.html5rocks.com/en/tutorials/es7/observe/)

###Web Components

* [Defininf custom HTML elements](http://www.html5rocks.com/en/tutorials/webcomponents/customelements/)
* [HTML imports](http://www.html5rocks.com/en/tutorials/webcomponents/imports/)
* [Polymer project](https://github.com/polymer)
* [Building Webapps with Yeoman and Polymer](http://www.html5rocks.com/en/tutorials/webcomponents/yeoman/)

##Client side storage

* [Client-Side Storage](http://www.html5rocks.com/en/tutorials/offline/storage/)
* [Real-World Off-Line Data Storage](http://code.tutsplus.com/tutorials/real-world-off-line-data-storage--net-34063)
* [Local storage tutorial](https://developer.mozilla.org/en-US/Add-ons/Overlay_Extensions/XUL_School/Local_Storage)

##Performance

* [Google developers best practices](https://developers.google.com/speed/docs/best-practices/rules_intro)
* [Optimizing performance from Google Web Fundamentals](https://developers.google.com/web/fundamentals/performance/)
* [Tutorials from Google](https://developers.google.com/speed/articles/)
* [Resource hints draft (preconnect and preload)](http://www.w3.org/TR/2014/WD-resource-hints-20141021)
* [Prefetching and prerendeding](https://medium.com/@luisvieira_gmr/html5-prefetch-1e54f6dda15d)
* [Image compression](http://www.html5rocks.com/en/tutorials/speed/img-compression/)
* [Text compression](http://www.html5rocks.com/en/tutorials/speed/txt-compression/)
* [Resource timing spec](http://www.w3.org/TR/resource-timing/)

## Mobile

* [Installable web apps](http://updates.html5rocks.com/2014/11/Support-for-installable-web-apps-with-webapp-manifest-in-chrome-38-for-Android)
* [Field guide to web applications](http://www.html5rocks.com/webappfieldguide/toc/index/)
* [Tutorial: developing a PhoneGap application](http://coenraets.org/blog/phonegap-tutorial/)
* [Apache Cordova tutorial](http://ccoenraets.github.io/cordova-tutorial/)
* [PhoneGap from Scratch](http://code.tutsplus.com/tutorials/phonegap-from-scratch-introduction--mobile-9171)
* [Best practices for mobile web apps](http://www.html5rocks.com/en/tutorials/speed/quick/)
* [Build mobile apps with Kendo UI](http://docs.telerik.com/kendo-ui/tutorials/build-apps-with-kendo-ui-mobile)
* [HTML5 Vibration API](http://code.tutsplus.com/tutorials/html5-vibration-api--mobile-22585)
* [HTML5 Battery Status API](http://code.tutsplus.com/tutorials/html5-battery-status-api--mobile-22795)
* [HTML5 Network Information API](http://code.tutsplus.com/tutorials/html5-network-information-api--cms-21598)
* [Sencha Touch tutorials](http://www.sencha.com/learn/touch)

##Communications and interoperability

{'fraction_non_alphanumeric': 0.16945580761125573, 'fraction_numerical': 0.021383413908516176, 'mean_word_length': 5.236954000773096, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 36, 'lorem ipsum': 0, 'www.': 72, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1576110', 'n_tokens_mistral': 6094, 'n_tokens_neox': 5615, 'n_words': 794}