The future of Firefox
A while back I came across [Firefox on the brink?](https://www.brycewray.com/posts/2023/11/firefox-brink/). In the article, the author wonders if we're seeing the final decline of Firefox. According...
Creating Gradient-Colored Text
In addition to black and white or single, solid-color text, we can also use gradients to color the text. The process is slightly more complicated than just assigning color to the desired...
Publishing NPM modules
Publishing NPM modules has become progessively more complex over time (go figure). We now have to contend with ESM versus Common JS, Typescript versus Javascript, setting a default module type, and...
Alt text in CSS background images
One of the biggest issues I have when using CSS background images, is that we can't add alt text to images used as background image sets. a new feature has become [newly available in...
Multilingual Bundles
Working with international websites can be challenging since there are many aspects that we need to address. This post will cover a simple way to add internationalized messages available in multiple...
Destructuring in Javascript
Destructuring is an alternative way to assign properties from an objecct or array. The traditional way to assign items to an array is using bracker `[]` notation. This example sets constatn to...
Creating A Default Pen for Codepen
Most of the time I create a pen in [Codepen](https://codepen.io) to validate the code I'm working with. I've found myself constantly repeating the same CSS and the same HTML multiple times. It gets...
Webcodecs API
WebCodecs is an interesting API. It enhances existing video codecs and allows for video-based applications. This post will cover the API and how it works. ## What is the WebCodecs API The...
Revisiting Streams (again)
I've looked at streams in the context of Node and the browser, but I haven't really done anything with them because I couldn't figure out what the best use for them was. As I started working with...
Using the attr() css function
The [attr](https://developer.mozilla.org/en-US/docs/Web/CSS/attr) allows developers to pull data from HTML attributes into CSS. The idea is that, like data attributes and custom properties, you can...