Starting a new Node Project
Most of the time, starting a Node project involves a lot of typing, copying and pasting and typing data into your repository. This post lists some ways to automate the process in the command line and...
Improving Font Performance: Work to control font loading
Because of their size fonts tend to be some of the largest components of any web pages. According to the HTTP Archive, the sum of the transfer size of all fonts (eot, ttf, woff, woff2, or otf...
Improving Font Performance: Use Resource Hints
If you're using a third party font service like Google Fonts or Typekit you should work on mitigating potential latency. Say you have a typical Google Font embed code in your <head>. You...
Improving Font Performance: CDNs and Service Workers
Serve through a Specialized CDN # Serving content through a CDN has always been a key to improve performance. The edge servers are in diverse geographical locations and they will route users to the...
Improving Font Performance: Subset fonts using Glyphhanger
Glyphhanger is a Node application that will help you reduce the size of your fonts by subsetting them. There are times when we use just a few characters from a given font. For example, if we use a...
Improving Font Performance: Introduction and the bulletproof syntax
Talking about web font performance is more than just talking about adding the fonts to a page using @font-face. That's just the beginning of our quest for performant fonts. Because of their size fonts...
Don't cross the streams
Streams are a very interesting concept and a new set of tools for the web. The idea is that we can read and write, depending on the type of stream we're using, chunks of content... either write them...
Playing with typography
If you don't know I have a ton of different type and layout experiments in their own website. I'll start sharing some of the demos I've been working on via Twitter and explain the code for some...
Working With Opaque Responses
While working with Workbox I discovered a hidden danger of opaque responses. This post will address these shortcomings and provide an imperfect solution for how to do it. Normally, opaque responses...
Progressive Enhancement Matters
Progressive Enhancement is a powerful methodology that allows Web developers to concentrate on building the best possible websites while balancing the issues inherent in those websites being accessed...