Projects & hobby horses
I've made a thing or three, sometimes even a thing that people like to use every now and then! Below is a list of my projects for your perusal. Some of it is code. Some of it is, well, something else entirely.
Code
yall.js
I wrote a chapter about image optimization in my web performance book where I showed readers how to write their own lazy loader. After a bit of extra effort, I came up with something I felt was worth putting on npm.
dnstradamus
DNS lookups can sometimes be slower than we want them to be. Because I'm always a stickler to keep things fast, I thought "what if I could write a teeny script that would perform DNS lookups for outbound links on a page before the user ever clicks on them?" Hence, dnstradamus was born. Use it if you'd like to help your site's users get to their outbound destination just a little faster.
preconnect
The preconnect resource hint is super useful for establishing connections to servers before the browser otherwise would in due course. In order for it to work, though, you need to declare it in your HTML or in an HTTP header up front. Because of this, it's often only used statically at load time rather than programmatically. To make programmatic preconnects easier, I made a teeny tiny npm package (258 bytes compressed!) that gives you a nice, clean way to programmatically preconnect to cross-origins whenever is best for the people who use your site.
Tundra Sunrise Atom Theme
Atom is my favorite text editor in part because its appearance is stylable with CSS. Because I never seem to like any themes that ship with any text editor, I decided to go ahead and make one that's just right for me. Thus, Tundra Sunrise was born. If you like dark themes with cold, bold colors, this theme might be a fit for you, too.
Paintlets
Ever since I discovered generative art via Tim Holman, I've been intrigued by just how (pseudo)randomly beautiful JavaScript-generated 2D art can be. The CSS Paint API allows for some fantastic opportunities to not only generate and embed 2D generated art in CSS, but it also allows you to change that artwork with custom CSS properties. This lets you adapt your generated art to various contexts with ease in a way the Canvas API couldn't. As an homage to how much I love the intersection of weird and practical, I developed a site called Paintlets which showcases various CSS Paint API worklets for your perusal and personal use::should the moment strike you. Attention: This site requires Chrome, or a Chromium-based browser!
Music
The Royal Veil — Self-titled EP
A long while back, a few friends of mine and I worked on a music project we called The Royal Veil. The initial release of this effort was a four song EP of both conventional and trippy tracks inspired by a number of our favorite progressive rock and metal artists. While the band later went on without me to write further phenomenal material, I still like this little bit of music we made together.
Astride the Line — Fallow Fields
After I left The Royal Veil, I decided to try my hand at a hard rock/punk project which I called Astride the Line. The result of that effort was an album called Fallow Fields. In retrospect, I should have cut this down to a four or five track EP with just the good stuff, but you can't change what's been done. Even so, I think it has its moments.