Ryan Geyer’s Blog

<style> figure.two-col { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1rem; figcaption { grid-column: 1/-1; } } [aria-describedby="already-had-footnote"]::after { content: "*"; } #already-had-footnote::before { content: "*"; } </style> 20…

Who doesn't love a little micro-optimization?

So, you thought you'd be fancy and use cute little flag emojis in your UI as extra decoration to go along with country/language options.

We've all seen it.

hover-video-player v1.3.0 is out!

Back in January when I released hover-video-player v1.1, it felt like it was finally a "finished" project; the component was meant to be extremely simple, and it seemed like there were no more obvious gaps in basic functionality that still needed to be ad…

I have recently been obsessed with the idea of HTML streaming, in particular out-of-order streaming after reading this article on how out-of-order streaming can be done with declarative shadow DOM.

I'll just come out and say it: I don't like ChatGPT very much.

I recently needed to be able to programmatically test if a browser supports the relatively new @layer Cascade Layers CSS feature (in my opinion, one of the most exciting and underrated recent additions to CSS).

At Waymark, one of our core features involves generating brand profiles from user-provided website URLs.

Over the last 2 years or so, Waymark has been undergoing an effort to convert our frontend codebase to TypeScript.