An update on WebComponents.org

[Addy Osmani]

For the past few months, I, Zeno Rocha and a number of contributors have been working on WebComponents.org - a new project which aims to offer the community a vendor-neutral resource for learning and discussion of best practices related to web component authorship. The site won't be launching just yet (that's why we ask for not sharing the URL on Twitter, G+, etc), but we wanted to share where we are with the list :)


Previews

Live demo: http://webcomponentsorg.github.io/webcomponents.org/

First best-practice article: http://webcomponentsorg.github.io/webcomponents.org/articles/web-components-best-practices/

Homepage:

Articles page:

Presentations:

Responsive check:

CustomElements.io with Bower support for searching elements:

Summary of where we are:

* Overall site design for our first version has been finalized. We're fully responsive, retina-ready and regularly keep an eye on our PageSpeed score (current score: 83) - Performance regressions are checked using Travis CI
* Information architecture is almost complete - we will ship with both links to solid Web Component articles, presentations and videos as well as our own original content.
* Implementation of our first version is almost there - we use DocPad for static generation, Grunt for automated tasks and have a solid build process in place all based in NodeJS.
* A fleshed out contributing guide helps community members add new content with ease: https://github.com/WebComponentsOrg/webcomponents.org/blob/master/contributing.md
* Our site is based on a cards concept where previews of content (regardless of type) are displayed where they make sense. Each section (articles, presentations etc) supports pagination so that routing is preserved. We can control the order of content so it's possible to make something 'sticky'.
* Initial content for these sections is now in place. PRs for more are always welcome and we have community members helping us keep those pages updated.
* First version of our 'best practices for web component authorship' guide is online and we welcome comments/discussion: http://webcomponentsorg.github.io/webcomponents.org/articles/web-components-best-practices/
* Addy is working on a Web Components primer guide we may also ship.
* CustomElements.io now integrates with Bower's search API, allowing you to find Polymer and X-Tag elements from there with ease. Our plan is to integrate this into WC.org eventually.
* If you need Web Component's logo and Spec's icons for presentations or blogposts, check: https://github.com/WebComponentsOrg/webcomponents-icons

We look forward to checking in with another update in a few weeks. If you are interested in getting involved with the project, please do feel free to let us know.

https://github.com/WebComponentsOrg/webcomponents.org

Addy and Zeno.