Web Content Optimization: Javascript
Optimizing Javascript is nothing more than eeliminating as much white space as we possibly can and, if we want to, to mangle the names of variables down to as few letters as possible. The idea is that...
Home
Web Content Optimization: CSS Critical Path
Optimizing the critical rendering path is critical for improving performance of our pages: our goal is to prioritize and display the content that relates to the primary action the user wants to take...
Web Content Optimization: CSS Autoprefixer
CSS vendor prefixes are both a blessing and a curse. They are a blessing because, as originally designed, they allow browser vendors to implement new CSS features that were not part of any final...
Web Content Optimization: CSS Triming with UNCSS
Unless you already work with a customizer or are familiar with SASS to know what imports to comment out in order to remove a feature from your CSS framework you are bound to have unused features...
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"...