5 Good Choices for HTML Containers Divs and spans are fine, but purposefully meaningless. Often the meaning actually matters, so let's look at some of those situations.

Testing an iframe’s postMessage Handler There are some real complexities using iframes and the postMessage API for communication between a widget and its parent. Security vulnerabilities like cross-origin scripting risks being one.

Transferring sibling-count() to a Parent Element You can tell a parent element how many children it has with... scroll-driven animations??

Fallbacks for CSS `progress()` The new CSS progress() function calculates a value between 0 and 1, representing its position within a defined range. While awaiting broader browser support, users can manually implement this using other methods.

You Don’t Know Bidi (And Neither Does ChatGPT) Text that is set in a left-to-right *and* right-to-left language, mid-sentence, is a thing. Getting it right means understanding it, because your LLM isn't going to know.

Making the Most of Vercel’s AI SDK with Cloudflare Durable Objects Let's integrate Vercel's AI SDK with Cloudflare's Durable Objects to improve user experience in a fitness tracker application.

Randomly Place an Element Along Edge of Another Element We can animate an element along the border edge of another element to random positions... pretty easily? Might as well be a cute dog.

Introducing Solo A versatile tool for managing coding projects, integrating multiple terminals and AI agents within a single control panel.

Dark Mode Very Much Matters To Me It's not just vibes, it's an accessibility thing.

Custom Glow Rings Inside of Elements A box-shadow is an obvious choice for an inner glow of an element to highlight it. But with some fancy masking, we can use any overlay style we want.

Extracting Grid Information Using CSS It's an interesting and potentially useful trick to have an element know where it is on a grid. That's tricky enough when the items are in one row/column, but what about when they span?

Comparing Values With CSS progress() The new CSS progress() function maps a given value to a range. Super useful for responsive layouts, responsive typography, and fun tricks.

It’s All About The Permissions Recovery Users who deny permissions can recover them by adjusting settings, although many may not realize this.

Building a Reliable PostgreSQL Queue: Concurrency, Crashes, Retries, and Scale We get into building a background task processor using PostgreSQL. It seems easy at first, but there are lots of pitfalls as a system like this scales.