Web Components Resources

gistfile1.txt

Why Web Components?
===================
http://robdodson.me/blog/2013/03/17/why-web-components/
https://gist.github.com/ebidel/6314025

Shadow DOM
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom/
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-301/
http://blog.teamtreehouse.com/working-with-shadow-dom
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/
https://gist.github.com/ebidel/6314025
Visualiser: http://html5-demos.appspot.com/static/shadowdom-visualizer/index.html
http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/

Polymer-Project
http://www.polymer-project.org/docs/start/usingelements.html
https://github.com/yeoman/generator-polymer
https://plus.google.com/+GoogleDevelopers/posts/CHDcqNSaLas

Brick
http://mozilla.github.io/brick/docs.html

Shadow DOM styling
http://dev.w3.org/csswg/shadow-styling/

Blog Posts 
http://robdodson.me/blog/page/2/
http://robdodson.me/blog/2013/08/26/shadow-dom-introduction/
http://robdodson.me/blog/2013/08/27/shadow-dom-the-basics/
http://robdodson.me/blog/2013/08/28/shadow-dom-styles/
http://robdodson.me/blog/2013/08/29/shadow-dom-styles-cont-dot/
http://robdodson.me/blog/2013/09/02/shadow-dom-javascript/
http://ebidel.github.io/webcomponents/
http://dev.tutsplus.com/tutorials/intro-to-shadow-dom--net-34966
http://markdalgleish.com/2013/11/web-components-why-youre-already-an-expert/
http://www.2ality.com/2013/05/google-polymer.html
Web Components (http://markdalgleish.github.io/presentation-web-components/)

All About Polymer at SFHTML5
============================ 
https://www.youtube.com/watch?v=mN7IAaRdi_k
https://gist.github.com/addyosmani/11404123
http://addyosmani.github.io/fitc-wccdt/
http://www.polymer-project.org/docs/start/creatingelements.html
http://www.polymer-project.org/docs/polymer/polymer.html#lifecyclemethods
http://www.polymer-project.org/docs/polymer/template.html
http://www.polymer-project.org/docs/polymer/polymer.html
http://www.polymer-project.org/docs/polymer/databinding.html
http://www.polymer-project.org/docs/polymer/styling.html
http://www.polymer-project.org/docs/polymer/runtime-config.html
https://github.com/Polymer/polymer/releases/tag/0.2.1
http://stackoverflow.com/questions/18089075/what-is-the-difference-between-polymer-elements-and-angularjs-directives
http://stackoverflow.com/questions/20661409/polymer-elements-vs-angular-directives
https://github.com/Polymer/platform/issues
https://github.com/Polymer/docs/tree/master/articles
https://github.com/Polymer/docs/tree/master/docs
Setting up Bower and Polymer
https://www.youtube.com/watch?v=1rz334A8U7o
Using Polymer to create Web Components
http://code.tutsplus.com/tutorials/using-polymer-to-create-web-components--cms-20475
Introducing the Polymer Designer tool
https://www.youtube.com/watch?v=djQh8XKRzRg

Videos:
=======
dotJS 2013 - Addy Osmani - yo polymer - YouTube https://www.youtube.com/watch?v=booRxAJblwM
Polymer: Interacting with Google Services using nothing but HTML - YouTube

Tutorials:
==========
A YouTube Jukebox element built with Polymer & Yeoman (https://github.com/addyosmani/yt-jukebox)
Custom Polymer element for dispalying info from IMDB for the given movie name. (https://github.com/hemanth/im-db)