When to use async/await
One of the first things that caught my attention when ES2015 was first released in 2015 were promises. They provide a nice alternative to callbacks and made the code easier for me to reason...
The Wakelock API: worth it?
The Wakelock API presents a way to prevent devices from dimming or locking the screen when an application needs to keep running. For example: Applications like Art Space Tokyo would benefit from the...
Video on the web part 3: HTML
In previous posts we've looked at the theory behind the different formats and codecs you can use for your videos and how to encode video for use on the web. This post will cover the HTML necessary to...
Video on the web part 2: encoding video
In Video on the web part 1: The theory we discussed the theory of video on the web, what containers, audio and video codecs are available and what browsers support them. This post will discuss more...
Video on the web part 1: The theory
When working with video on the web using the <video> element there is an important detail that many developers and people writing web content forget. MP4, WebM, and AV1 are containers and...
Intersection Observers and what they enable
Intersection observers are native Javascript API that allows developers to trigger events or behaviors when content comes into or goes out of the viewport. I find it particularly interesting as a...
Why we still need custom CSS In WordPress (2)
The previous post on why we still need custom CSS in WordPress was getting a little long so I made a second post to cover some additional features that are not available in the Gutenberg editor as of...
Why we still need custom CSS In WordPress (1)
Since the release of Gutenberg as the content editor, and now full site experiences, WordPress has moved to using default styles and the theme.json configuration to manage styles for your theme. There...
When to use Grid and when to use flexbox
With flexbox and grid supported in all major browsers, I see variations of these questions asked a lot: what should I use, flexbox or grid? or which one is better flexbox or grid? The question is...
Configuring Typescript for new projects
I've finally given in to working with TypeScript despite some of my misgivings about the technology. My misgivings include: The need to set up a transpiler toolchain You can't run the code directly...