There are a number of ways to preload an image on demand with JavaScript — each with their own strengths & drawbacks. Let's explore them.

DNS resolution is cheap, but it ain't free. In scenarios when it counts, the `dns-prefetch` resource hint could give you a nice, slight edge in the front-end performance game.

After discovering and being unsure of its value, I just realized how useful `document.currentScript` can be in exposing configuration properties to `<script>` elements (and other things too).

I took a stab at getting more familiar with iterators, iterables, and generators. I think I'm starting to like the ergonomics.

There's a subset of request headers that can't be modified by a spec-compliant user agent. Let's explore why they're useful for determining how and for what purpose a request was triggered.

It's very common to intentionally break up long, expensive tasks over multiple ticks of the event loop. But there are sure are a lot of approaches to choose from. Let's explore them.

Using JavaScript or other creative tricks to animate open a box with unknown contents will soon be a thing of the past. Let's tinker with two new approaches native to CSS.

TypeScript's string literal types are a lot more useful than I originally thought.

Sometimes, typical memoization function won't cut it when there are so many changing variables in play between ticks of the event loop. Let's explore how we might fine-tune it.

Triggering smooth, reliable CSS transitions with JavaScript can be weirdly more complicated than you expect. We're gonna explore it more.

Content Security Policies, even for simple, content-focused sites, offer good protection against rare but real vulnerabilities out there. You might as well just get one.

We'll take out your trash & recycling bins for you every week, so you don't have to keep forgetting about it!

A blog comment service and Disqus alternative that won't leave you feeling like you missed a shower.

Get a Chrome extension reviewed a smidge more quickly by more carefully executing its client-side scripts only when they're needed.

Use the Image Saver Chrome extension to downlo any WebP or AVIF image as a PNG, JPEG, or GIF with a single right click.

Walking through how I used Puppeteer to programmatically collect every image loaded when a page is viewed in the browser.

Even though it won't run <script> tags, React's dangerouslySetInnerHTML still allows inline event handlers to execute. Here's how you might neutralize that threat.

Sometimes I feel like I’ve been holding my breath for a long time and I'm not sure there will be any air to breathe when I finally let go. It’d be nice to know what God is doing in those moments rathe...

Why I've committed to never allowing AI to articulate an idea on my behalf.