The tools for making content performant have improved considerably in the last few years. As designers we can now influence the size and the type of resources that the end users will see when they view our content. In this series we’ll discuss strategies and tools to minimize the size of our web content: CSS,… Read More

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 meaningful support. It’s also important to note that the polyfills don’t work particularly well on mobile devices and I haven’t tested them in… Read More

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 frameworks, MVC and otherwise. Sole Penadés talks about Web Components and also what to expect when using web components with other… Read More

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 responsibility of making sure that they worked and worked well with other components and other elements in the page. In… Read More

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” username=”caraya”></my-avatar> We’ll look at the differences between a script based approach used in x-tags and a declarative take using Polymer. Using vanilla Javascript var MyAvatarPrototype = Object.create(HTMLElement.prototype); MyAvatarPrototype.createdCallback… Read More