Diagram of a header bar dropping lower-priority controls as it narrows

When CSS Can't Express Priority: Notes on a Layout Engine

Back in 2024 I built a small library called ResponsiveConductor to solve a layout problem CSS has no vocabulary for. I recently revisited it, and this post is about the shape of that design: what the problem actually is, what architecture it pushes you toward, and how that compares to another project that arrived later from a similar starting complaint. The problem CSS won’t solve Every app I’ve worked on eventually grows a header bar like this: ...

August 2, 2026 · 9 min · Mike DelGaudio

Latest posts

DockBuddies pixel-art dock robots demo

Building DockBuddies — Pixel-Art Droids That Watch Your Copilot Sessions

I’ve been spending a lot of time lately with GitHub Copilot CLI  external link — spinning up agents to help me write code, run tests, explore repos, the usual. One thing that kept bugging me was that I’d have three or four sessions going across different terminal tabs and completely lose track of what each one was doing. Is that agent still editing files? Did my test run finish? Which tab was working on the auth module again? ...

May 27, 2026 · 5 min · Mike DelGaudio
Wood letterpress type

Why you need to add your custom fonts locally

Today, many developers utilize numerous fonts from all over the web to deliver a unique user interface for their clients. For example, developers use Google Fonts, a free, open-source library of fonts available for personal and commercial use. However, custom fonts and large icon libraries provide a potential performance degradation and slower first-paint time. The issue Here are some common ways developers insert fonts into their website: <head> ... <!--Linking to a render-blocking resource into the webpage--> <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100&display=swap" rel="stylesheet"> </head> body { /* and using in CSS */ font-family: 'Josefin Sans', sans-serif; } In this example, the webpage must create an additional cross-origin network request to obtain the CSS file from Google’s font service. This network request adds multiple seconds to the render time for users with a poor connection. ...

July 18, 2021 · 3 min · Mike DelGaudio
Raspberry Pi 4 Model B board

How to Setup UFW on Raspberry Pi

This tutorial demonstrates how to configure a Raspberry Pi with UFW protection. UFW (Uncomplicated Firewall) is a program to manage simple network firewall rules in numerous Linux distros. Many users utilize UFW to block or allow specific transfer protocols or IP addresses in their Linux environment. Prerequisites To follow along in this tutorial, you will need the following: basic Linux command line knowledge basic networking knowledge a configured Raspberry Pi running on your network Login and Update Raspberry Pi Login to your Raspberry Pi with the user you created for the system ...

April 8, 2021 · 3 min · Mike DelGaudio