<div dir="ltr"><div>Good morning,<br></div><div><br></div><div><br></div><div>> People on this thread should really be thinking about Web Components for this.</div><div><br></div><div>I also hoped to use Web Components with X3DOM, but when native support will be more widespread because if you want it now, you also have to decide which polyfill (which adds overhead) to use because only Chrome 36+ (<a href="https://twitter.com/addyosmani/status/489490560869490688">https://twitter.com/addyosmani/status/489490560869490688</a>) and Opera currently support them completely (<a href="http://caniuse.com/#search=web%20components">http://caniuse.com/#search=web%20components</a>).</div><div><br></div><div>Web Component is made of four parts:</div><div> - Custom Elements (<a href="http://www.w3.org/TR/custom-elements">http://www.w3.org/TR/custom-elements</a>)</div><div> - Shadow DOM (<a href="http://www.w3.org/TR/shadow-dom">http://www.w3.org/TR/shadow-dom</a>)</div><div> - HTML Imports (<a href="http://www.w3.org/TR/html-imports">http://www.w3.org/TR/html-imports</a>)</div><div> - HTML Templates (<a href="https://html.spec.whatwg.org/multipage/scripting.html#the-template-element">https://html.spec.whatwg.org/multipage/scripting.html#the-template-element</a>)</div><div><br></div><div>Each part on its own can be somewhat polyfilled, but the standard way for now is using one of those libraries:</div><div> - Polymer (<a href="https://www.polymer-project.org">https://www.polymer-project.org</a>): by far the most known, IE10+, and backed by Google</div><div> - X-Tag (<a href="http://www.x-tags.org">http://www.x-tags.org</a>): second most known, IE9+, and backed by Mozilla</div><div> - webcomponents.js (<a href="https://github.com/webcomponents/webcomponentsjs">https://github.com/webcomponents/webcomponentsjs</a>): IE11+ (IE10 without custom elements and imports), more a collection of narrow-focus polyfills</div><div> - Bosonic (<a href="http://bosonic.github.io">http://bosonic.github.io</a>) is a newcomer, IE9+, I haven't tried that one yet</div><div><br></div><div>Also the DOM is slow, Virtual DOM ftw :-)</div><div><br></div><div><br></div><div>See you,</div><div>Cecile</div></div>