PWAs: Don't build it all at once
One of the things that have been tempting when working on a PWA for my layout experiments has been to do everything at once and work on them in parallel. Reading Jason Grigsby's Progressive Web...
Home
Archiving and Storing Content
Journalism Now episode on archival issues raised some interesting issues when it comes to archiving content and the longevity of the web. In this post, I will cover some of the issues I think are...
Thinking about the text's voice
As I've played more and more with fonts, both in terms of trying to find good pairings and looking at different serif fonts for body copy. Reading issue 61 of Coffee Table Typography brought some...
Cutting the mustard: then and now
Cutting the mustard is a term first defined by the BBC to explain how to test if a browser supported the features needed to run a web application. In the example below, we need to make sure that the...
Location Based Stories
I've always been interested in interactive stories. At first, I thought we may be able to use the locations as portals to 3D environments and collaborative experiences. A few days ago (as I write...
Relative Time in JavaScript
I wasn't aware that there is a completely separate standard for ECMAScript internationalization (ECMA-402 or the ECMAScript 2019 Internationalization API) that goes beyond the core specification and...
Performance Testing With Lighthouse
Performance is one of the hottest topics and, in my experience, one of the hardest to get right. There are tools that will help developers measure and improve a site's performance. The idea behind...
AV1 video in browsers
While at the Chrome Dev Summit I learned several things that made me really happy, one of them is about video: You can play AV1video in browsers (currently Chrome, Opera, Firefox, and Edge) using the...
Additional Syntax for @font-face
During Chrome Dev Summit I learned an interesting trick when working with variable fonts. Rather than use the default values for the font properties you need to specify the boundaries (upper and...
Loading multiple styles of the same font using Font Face Observer
For most of my web work, I use Font Face Observer to handle checking that the fonts have loaded. Using the following @fontface declarations: @font-face { font-family: 'Roboto'; src:...