Web Content Optimization: CSS Using SASS
CSS can become very large and very convoluted if we're not careful. This is particularly important when using third party libraries like Bootstrap or Zurb Foundation where most users download the full...
Web Content Optimization: Introduction
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...
Web Components Conclusion: Should we use web components now?
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...
Web Components: Where to use web components?
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...
Web Components: How to use web components?
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...
Web Components: How to build web components?
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"...
Web Components: Why not use web components?
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...
Web Components: Why use web components?
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: What are web components?
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...
Web Components: Why? How? What? When? Where?
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...