Right now this file is a compilation of resources I have found regarding Web Components (which I will abbreviate as WC from now on).
Basically, web components are a way to enrich your HTML with custom elements that do, well, things. Of course, this all depends on Javascript.
Resources
I had like 30 tabs open while reading (I use vertical tabs), but after cleaning up there's only a few really interesting pages.
Learn
Resources to understand and/or learn to use WC. I try to sort them by how much they help to understand the concept, with the most helpful at the top.
- Blinded by the light dom - Highly recommend this one. It also links to and is linked from the following article.
- Jim Nielsen's icon galleries
- HTML with superpowers
- Web Components will outlive your javascript framework
- HTML web components
Misc
- modelviewer.dev - WC from google to render a 3d model in a webpage easily
- two-up, a WC to show a before/after of any HTML element, with a slider.
- awesome-standalones - (very small) list of WC