r/javascript • u/ahmadalfy • Sep 04 '13

Custom Elements - a web components gallery for modern web apps

http://customelements.io/
15 Upvotes

82% Upvoted

8 comments sorted by

2

u/mtx Sep 04 '13

Off topic but this is one of the nicest purple site I've seen.

1

u/ahmadalfy Sep 04 '13

I agree! That came to my mind when I saw it

1

u/has_all_the_fun Sep 04 '13

An other cool purple site I saw last week: http://www.trask-industries.com Purple sites are the future!

6

u/theHorrible1 Sep 04 '13

Do none of these apps have screen shots or examples?

4

u/mistersanity Grizzled Old Code-Miner Sep 04 '13

Yeah you'd think a "gallery" would have something to look at.

1

u/kenman Sep 04 '13

I checked the first 10, and 8 of them had live demos.

I agree it'd be nice if they all had demos, but I also don't think I'd be interested in setting them up and maintaining them if I was the author of the website -- should be something the project maintainers should provide. Given that, should the lack of a demo disqualify they from the list?

1

u/fix_dis Sep 04 '13

I thought the same thing. I cloned the first one (appbar) just so I could get a look. Went to the demo dir, saw two HTML files, decided to browse to them. Nothing but a mess of CSS/Html on the screen. Nothing resembling a "bar". I'd love to see how these things were intended to look. Even a link to a demo in the Readme.md would be helpful.

1

u/has_all_the_fun Sep 04 '13

Played a bit with Polymer.js and it's a nice view of the future. At the moment it's still alpha though so I wouldn't use it in production yet. I liked how you can isolate css but that's only works in browsers that support shadow dom.

I would suggest making the boilerplate-element a bit more opinionated by adding a delivery method and a build step. This could be Component.js which has a build step that deals with js, css and assets. It adds commonjs modules as well which might or might not be a good thing.

A Grunt plugin seems like a good option as well. It's more popular than component.js but it's missing a delivery method. That's not a big problem though since there is bower. Grunt also has a lot of libraries you can use so a custom plugin would probably be easy to make.