It depends on your target platforms. The only desktop browser to fully implement web components is Chrome (and by extension Opera) so the webcomponent.js polyfill must be used for any kind of...
I'm mostly familiar with using Web Components (specifically Polymer) as the front end for either JSON or Firebase backends. My research has turned to how do we make web components play nice with other...
When I first started working with Web Components I looked at the biggest way to use them. In creating my own components I own all of the component, the scripts, the encapsulated CSS and the...
To illustrate how to create web components we'll use the same element for all three methods. The end result will look like the example below: <my-avatar service="twitter"...
Wilson Page wrote a lengthy article in Mozilla Hacks about the state of web components. What I found most interesting about the piece are the reasons why web components have not reached recommendation...
I can think of a few reasons why we should build and use web components. ### Clean and DRY Code If you look at the source code of any large web application you'll see that it's a mess of divs and...
Web Components are a set of technologies that allow developers to create custom tags for their web projects. The technologies that make up web components are: Custom Elements allows you to create...
Now that Polymer has reached 1.0 and that browser vendors are talking about web components, it is time to revisit web components with a more critical eye and ask the following questions: What are web...
One final thing # For those of us who have been playing in/with 'the web' for 10 years or longer remember pages like the ones in the figures below. There was no Javascript and, I believe, the original...
Testing on web applications is usually a pain and testing for our typographical work is no exception. We'll discuss how to build a cross-platform arsenal with a single laptop, Open box and 2 virtual...