webcomponents / webcomponents/webcomponents.org

Site requires much more scrolling when in element packages

Open
#846 6 comments 0 reactions 0 assignees View on GitHub
Old Site
Dominant language
TypeScript
Stars
385
Forks
80
PR merge metrics
No merged PRs in 30d

Description

I came to this site due to redirects from the Polymer Elements Catalog, and find it a lot less enjoyable to use. After thinking about it a while, it's due mostly to the amount of wasted space in the site. For example, compare these screenshots of the [element catalog](http://i.imgur.com/FLn6eIE.png) and [webcomponents.org](http://i.imgur.com/EdCN1bY.png). For the same package, the Polymer site shows 15 elements, while the webcomponents.org site shows 4, and you have to scroll to see the rest.

This is due mostly to a bunch of wasted space above, having to do with the collections that are inside this collection. Meanwhile, what collection this is in is put in the sidebar to the right - which I think is a very confusing design. Breadcrumbs might be better, since it seems like these collections can be nested arbitrarily. Or if it's a many to many relationship of collections to children and parents, then at least put both concepts of *in collection* and *contains these collections* in the sidebar so they're logically related and give more space to the content.

There's some smaller points too, like each element's row in the screenshot has a logo on it, but does it need to? These are all components of the same collection which are all polymer elements. I see the same logo 8 times in the one page already. At least get rid of the giant one on the top right, and put it inline with the collection metadata.

Here's a really poorly thrown together [mock](http://i.imgur.com/IvcvcW6.png) of a quick way to make better space of the screen.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.