Immersive Web: WebGL, WebVR and Beyond
Looking back at WebVR I realized how important it's to keep paying attention to technologies that you're interested in or they may change from under your feet. VR (and now AR) is one of these...
HTTP2 Development in Node Using Self Signed Certs
There may be times when we want to test our application with SSL or want to configure it and use it locally. Even though newer APIs whitelist localhost for development I still would rather have...
Playable Places: Google's Answer to Pokemon Go
One of the most intriguing things I've learned about at Google I/O is the Google Maps Platform gaming offerings and, among those, playable places. The base concept is this: Take Ingress and Pokemon...
Link rel="canonical" what it is and why you want to use it
Since I first saw it in AMP, I thought that link rel="canonical" was part of the AMP library. I was surprised to see that it's more than just an AMP thing. In this post, we'll discuss what...
Quick Note: Using Viewport Units
These little darling units allow for some really nice effects and typographical work. We'll explore what they are and a couple effects we can use them on. vh and vw # The two basic units for viewport...
Inspecting your variable fonts
One of the most frustrating things of working with Variable Fonts is that we have no real way (short of bugging the font creator to provide them for you) to detect what values work for each scale, how...
CSS Shapes: Once more, with feeling
CSS Shapes are an awesome way to make our designs look less like boxes inside boxes inside boxes. It let us wrap text around an image regardless of its shape. I've written before about shapes. The...
Web Performance Improvement: The Client Side Of The Equation
We've looked at a lot of server-side tricks to reduce the page load and improve users' experience when accessing our content. Now we'll look at client-side client hints and tools to optimize our...
Web Performance Improvement
One thing we as developers tend to forget is that not all web experiences are equal. One of the positive things I've found about AMP is that it reduces the fat of your web content by reducing the...
Codec Comparison: 2-pass encoding
We've set up 1-pass encoding for all our target codecs and we have the resulting videos to compare. Do a 2-pass encoding changes file size and video quality? Hardware Specs # Model Name: MacBook...