Engagement/Developer Engagement/Grab bag/Web Components: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
 
Line 14: Line 14:
In Mozilla, we are also 100% behind the idea of Web Components and we add more and more features to the platform. We built our own library called Brick that works out the kinks between browsers and is used to power the user interface of Firefox OS.
In Mozilla, we are also 100% behind the idea of Web Components and we add more and more features to the platform. We built our own library called Brick that works out the kinks between browsers and is used to power the user interface of Firefox OS.


== Web Component resources ==
== Web Components resources ==


* [https://developer.mozilla.org/en-US/Apps/Tools_and_frameworks/Web_components Mozilla Brick] is a library to make Web Components work across browsers. We use Brick to create a lot of the FirefoxOS UI. You can see [http://mozbrick.github.io/ demos on GitHub] and [https://github.com/mozbrick/brick get the source from GitHub]
* [https://developer.mozilla.org/en-US/Apps/Tools_and_frameworks/Web_components Mozilla Brick] is a library to make Web Components work across browsers. We use Brick to create a lot of the FirefoxOS UI. You can see [http://mozbrick.github.io/ demos on GitHub] and [https://github.com/mozbrick/brick get the source from GitHub]
* [http://www.polymer-project.org/ Polymer] is an open source Web Components polyfill library strongly powered by Google. It is heavily used to bring the Material Design look and feel of Android to the web. There is even a [http://www.polymer-project.org/tools/designer/ WYSIWYG design tool].  
* [http://www.polymer-project.org/ Polymer] is an open source Web Components polyfill library strongly powered by Google. It is heavily used to bring the Material Design look and feel of Android to the web. There is even a [http://www.polymer-project.org/tools/designer/ WYSIWYG design tool].  


== Web Component articles and videos ==
== Web Components articles and videos ==


* [http://toddmotto.com/web-components-concepts-shadow-dom-imports-templates-custom-elements/ Todd Motto: Web Components and concepts, ShadowDOM, imports, templates, custom elements]  
* [http://toddmotto.com/web-components-concepts-shadow-dom-imports-templates-custom-elements/ Todd Motto: Web Components and concepts, ShadowDOM, imports, templates, custom elements]  
* [https://www.youtube.com/watch?v=8OJ7ih8EE7s Eric Bidelman at Google IO 2014 - Polymer and Web Components change everything you know about Web development]
* [https://www.youtube.com/watch?v=8OJ7ih8EE7s Eric Bidelman at Google IO 2014 - Polymer and Web Components change everything you know about Web development]
* [http://webdesign.tutsplus.com/articles/how-to-create-your-own-html-elements-with-web-components--cms-21524 Tuts+: How to create your own HTML elements with Web Components]
* [http://webdesign.tutsplus.com/articles/how-to-create-your-own-html-elements-with-web-components--cms-21524 Tuts+: How to create your own HTML elements with Web Components]
Confirmed users
376

edits

Navigation menu