daverupert.com

Before I go: Double your business with companies you like

Tue, 28 Jul 2026 15:29:00 +0000

I’ve had the pleasure in my career of sitting in tons of different board rooms talking with executives and getting a rundown on different charts and graphs they care most deeply about. As expected, “number chart go up” is always the desired outcome. Number chart go up is good because it makes other number charts go up, specifically stock ticker number.

One common refrain I’d hear everywhere I went whether they dealt in pizzas, coffee, coupons, computers, or software licenses went something like this (paraphrasing), “On average customers use our product once per month and if we can double that number then we’d have no more problems.” An over-simplification of course, but they’re desperate to move the number from one… to two.

It doesn’t take a business degree to figure that out that doubling your sales, downloads, or clicks is good for business. But sometimes the goals are much more modest. Let’s say it’s coffee. They know they have you hooked on a drug and you’ll make at least four weekly purchases a month, but if they could get all their customers to buy a fifth cup of coffee that month… that’s a measly five bucks for you and I the consumer, but that’s +20% revenue month-over-month for their store.

Putting this knowledge into the hands of consumers like us… Our five bucks feels meaningless and this feels like impotent advice on the purchasing power of the dollar, but I know it matters. Those five bucks can and will skew the averages and the people wearing Patagonia vests in mahogany-paneled board rooms will obsess over those charts.

Collectively we can influence the number chart. It could be a coordinated buying campaign or boycott, but I think it could be as simple as re-patronizing small businesses you already enjoy.

Double your purchases from that shop you liked, even if it’s a little too expensive because you understand they deal in small volumes.
Go to that local restaurant you like again, the one where the owner comes out and shakes everyone’s hand.
Buy another online course with your company’s education budget from that online helpful person, even if you’ll never use it.
Watch one more video, read one more post, like it, subscribe. And don’t block the ads.

And the inverse is also true…

Make one less order from that big online retailer funneling dark money into our elections.
Cancel your subscription to companies owned by race-baiting ketamine-addled nazis.
Make one less post on the billionaire owned platform, delete the app, let your session expire.

And sometimes, you don’t even need to buy anything! Often, talking about the places you like has the biggest impact. Talking raises awareness, it puts good things and places in our collective consciousness. It won’t be instant, but hopefully we can reprogram our muscle memory to think of good company before giving money to bad company.

Bad companies pay a lot of ad-bucks to other bad companies to get into your field of view. Ads are why websites have gone to shit. It’s why Instagram has become unusable, not to mention that it’s become a giant multi-level marketing scam where it’s all influencers hustling their dropshipped garbage to each other instead of sharing cool photos with friends.

Become a free, one-off marketing department or brand ambassador for a restaurant, app, podcast, artist, game, band, or store that you think is good. No one is going to think “Damn, Dave keeps talking about these breakfast tacos at Dan’s Hamburgers in Austin, TX that are only available before 10:30 am, they must be complete shit.” They will be curious and figure it out for themselves and their lives will be forever changed until the day Dan’s gets swallowed up by Austin’s endless “progress”.

In the wake of a phalanx of tech billionaires shit-grinning behind an orange-hued fascist criminal who four years prior incited a coup in that same rotunda, some Europeans have began advocating for local technology solutions. And even though these European alternative sites post a slight existential threat to my family’s income, I love the initiative. I wish every continent, country, city, and state had similar efforts to drive money towards locally sourced alternatives. I’m guilty of it as well, but why we funnel so much money to five nearly identical technology companies boggles the mind.

Anyways. Consider doubling your business somewhere with. some place or someone that deserves it. And the smaller that business is, the even bigger impact you’ll have on the number chart.

The new yet familiar CodePen 2.0

Mon, 27 Jul 2026 04:50:00 +0000

CodePen v2 is now released! Because I co-host a podcast with Chris I’ve had an up-close perspective at this monumental effort over the last five years. I know how much work has gone into this release and I applaud the team for hitting the finish line.

At the crux of the new experience is the new and improved editor. When you first launch into the v2.0 editor, your first response will probably be “Who moved my cheese!?” New is always uncomfortable, but there’s a fix for getting back to the old familiar UI…

Hit ⌘ + U or CTRL + U to hide the new pen sidebar
Install the Classic Block Template to remove ~14 lines of HTML (Optional)

Okay, now hit ⌘ + U or CTRL + U again, because what’s in the sidebar are all the new features and favorite parts I want to talk about.

An entire file system

The first thing you’ll notice when entering the new CodePen editor is a file explorer. That’s right! CodePen is breaking out of its three-file constraint and allowing you to build entire multi-file and multi-page websites.

A not-so-secret feature of CodePen was that you could mimic a file system in CodePen by using other pens as external resources, but referencing your custom reset.css by importing <user>/pen/<slug>.css wasn’t the JS module-like experience you come to expect from the modern web.

But gone are the days of 2,000 line JavaScript files, I can now import foo from './foo.js' like TC39 intended. I must admit that my more complex ideas were hitting the limit of what was comfortable to type into a tiny textbox. But now creating a folder of web components or JSON data files to loop through is easier than ever. I can build multi-file and multi-page prototypes (e.g. view-transitions! service-workers!) all without spinning up a local dev server. Digging up an old CodePen is much easier than finding an old folder on an old hard drive and it’s arguably the easiest way to put a custom webpage up on the internet right now.

Without drawing too many comparisons to competitors, CodePen at times felt a bit underpowered when compared to other online code editing environments. But those other services that spin up an entire Node.js Docker so that I can build my <fart-button> always felt like overkill to me. CodePen now occupies not just the entry-level and middle ground, but almost the entire spectrum of needs that I have for prototyping and small site building.

Versioning and deployments

Who amongst us hasn’t totally beefer’d up a good pen before?

Ruining an otherwise quality pen to idea creep or losing work to a browser refresh is always a possibility with online editors. It’s typically not world-ending for me and my …ahem… spartanly styled pens, but for sure results in a couple choice swear words. I imagine trending tab experts and newbie beginners find this even more frustrating. But now pens have a version history so you can roll back if necessary.

The deployments are better now too. Sometimes when building an idea, I like to send the “chromeless” version of the pen to non-developer friends or partners/clients to avoid overwhelming them with CodePen UI. This is also useful when debugging on your phone. The debug/URL worked, but if you’ve ever URL-hacked a private pen URL on your phone you know how un-fun that is. But now I can deploy the pen, get a nice codepen.dev URL or point my custom subdomain at CodePen’s DNS, and Airdop that URL to myself. A small but meaningful quality of life improvement for me.

Blocks

My favorite feature of the new CodePen is Blocks. One of my biggest gripes with modern web development is the amount of tooling it takes to get started. We’ve made it so damn complex to make a webpage, no wonder AI is so popular.

Blocks adds a visual layer to the opaque world of preprocessors, linters, and build processes. CodePen takes those processes and stack them on top of each other to form a predictable pipeline that you can easily visualize and understand how the sausage gets made. Imagine how this must feel for beginners compared to a dozen config files littering the root of your repo! Web development demystified.

I’ve wanted a UI like this for build processes for a long time: Gulp, Webpack, Vite, GitHub Actions, Azure DevOps Pipelines… I feel every service would be better if it had a Blocks UI. Like Scratch, but for servers. Experienced developers might even be less afraid to operate on their build tools if they had something like this.

I think CodePen has created something special here that most people won’t fully understand. A perfect fit for their beginner audience as well as their professional audience who don’t want to copy, paste, and manage config files to build a simple website or goofy pen.

A simplified but more powerful UI

A whole new product with a new file-system, versioned deployments, and customizable build chain smooshed in… yet the UI still feels familiar. It’s rare for products to evolve so intuitively. There’s more features, but everything feels more predictable. In the “classic” CodePen editor you’d have to surf through a handful of dropdowns and modals to tweak your settings and now a lot of that work is automatic. You want Sass? Add the .scss file extension. You want TypeScript? Add the .ts extension. CodePen will add all the Blocks for you with a default config that works.

It feels like all the configuration options are all co-located in the right place now. And the new omnibar search box is the ultimate get-out-of-jail-free card, exposing most of the features you’d need without all the hunting and pecking. Expanding the capabilities of the product while maintaining simplicity deserves some applause and I feel the team at CodePen walked this delicate line and succeeded.

A couple final thoughts

I’ve said it before (and I’ll say it again) I admire the team at CodePen and –despite my obvious biases– I think they’re one of the best product teams out there. In their podcast they give you a rare, honest, behind-the-scenes look at how they are thinking about and building their product. No one even comes close to their level of transparency.

Probably my favorite part of Team CodePen is that they’re not afraid to tackle the hard work and pay down technical debt when needed. They stay small, sweat the details, and take their time. There’s no back-pressure from venture capital to move fast and break your things. In my view it’s software done right.

Because I was part of the beta, I’m already using the hell out of CodePen 2.0. I’ve built dozens of big ideas (a browser-based camera, a service-worker based declarative shadow DOM solution, a half-dozen in-browser AI chatbots, a minimum viable design system, and more) that would have been either cumbersome or next-to-impossible in the previous editor. CodePen 2.0 is already enabling me to build bigger, better, and more complex ideas without leaving the comfort of one of my favorite applications on the whole entire internet.

So thanks, CodePen, for the huge upgrade and congrats to the team on the launch. 🎉

Finding curated public domain images

Wed, 24 Jun 2026 12:05:00 +0000

Xavier de Maistre in an armchair, displaying his “book of discoveries” (Veyssier, 1860)

Every so often I like to include a public domain image in a blog post. I’m fond of the woodblock and lithographic illustrations of the late 1800s. I try to avoid indiscriminately (un-)splashing every post but the real reason for the infrequency isn’t radical self-control, it’s because dumpster diving for public domain images can be a chore.

You can –of course– use Google or Bing to find public domain images but the volume, duplicates, and weighing the veracity of copyright attribution is overwhelming. The Library of Congress has Free to Use and Reuse sets, but their collections are nebulous noun buckets filled with a federally-mandated amount of Americana. On top of that, searching library sites is never a good experience to me. They tend to be slow and inaccurate with poor quality results and it’s a matter of time until you’re redirected to a smaller local library collection or database that’s even less maintained.

That’s why –for me– a little for-profit curation goes a long way. I wrote down some of my favorite resources from my last search (so I can remember next time) and will try to keep a running list of good resources I find.

The Public Domain Review writes blog posts about interesting works and curates quality finds in the Public Domain Image Gallery. Notably, The PBR has a cool “Infinite View” way to browse. It’s a bit overwhelming for me, but you may love it.
Artvee is a site with some great curation of public domain images.
Heritage Type maintains some nice collections of vintage illustrations , almost like tattoo flash art in PNG and vector formats.

The business models are similar; pair the public domain with something to sell. The Public Domain Review and Artvee sell prints, aprons, or coffee mugs of the public domain works while Heritage Type funnels you to their quality fonts and design assets. I know we all hate Capitalism, but taking a small cut off the top for quality curation seems like a good trade and not an abuse of the commons.

Blessed are the curators.

A workaround for hiding empty slots in Chromium

Fri, 19 Jun 2026 04:57:00 +0000

Named slots are one of web components’ biggest superpowers ✨. Imagine a Button component with an optional icon; in Web Components we don’t need a separate Button and IconButton, a single Button component with <slot name="icon"> will do. Or a card component with a handful of predefined slots for image, title, description, price, metadata, etc. Not 100 different cards… one card.

Slots are a wonderful way to declaratively compose UI, but one shadow styling challenge that has vexed my team over the years is how to contextually hide a <slot> when there’s no slotted content.

The problem… ghost gaps

The most idiomatic way to check if a particular slot is in-use is to use :host(:has([slot="foo"])). But… In a weird twist to how web component browser-compat bugs tend to go, :host(:has([slot])) works in Safari and Firefox today but doesn’t work in Chromium!

Chromium not supporting :host(:has([slot])) means we can’t query an element’s Light DOM contents from the Shadow DOM. That interpretation of encapsulation makes sense (I guess) and in most situations it’s not a big problem; an empty slot is like an empty span and probably won’t impact rendering. But it becomes a problem when the empty slots appear in a flex or grid layout using gap because unless you hide the element and/or its wrapper, the gap will not collapse in Chromium, so you end up with a “ghost gap”.

Example: With slot="optional" content in Light DOM

Required content

Optional content - expected: show content with gap

<optional-slot-demo-broken>
  <div slot="required">Required content</div>
  <div slot="optional">Optional content - expected: show content with gap</div>
</optional-slot-demo-broken>

Example: Without slot="optional" content in Light DOM

Required content

<optional-slot-demo-broken>
  <div slot="required">Required content</div>
  <!-- expected: does not show extra whitespace -->
</optional-slot-demo-broken>

✅ Works in Safari = wrapper div hidden, no gap
✅ Works in Firefox = wrapper div hidden, no gap
❌ Broken in Chromium = extra whitespace below slot="required"

The failed attempts…

We’ve tried a lot of fixes over the last couple years. Variations on :host(:has()), element-name:has(), !important, ::slotted([slot]) ~ [slot], ::slotted([slot]:empty), and all permutations of those. Copilot/Claude were certain these would work… but alas…

The fix… use @scope

This week my co-worker Jeff and I were navigating this issue again. Coincidentally, the ShopTalkShow Discord was discussing the same exact problem and cited the HasSlotController in WebAwesome (née Shoelace) as a working solution to this problem. I’d prefer to keep the solution in pure CSS, but was getting desperate.

While glancing through the code I noticed the use of :scope in L38-40 and while unrelated it sparked a curiosity to try to use :scope to juke Chromium’s shadow limitations. A handful of tries later and I had a working solution.

Here’s what I came up with:

:host {
  display: grid;
  gap: 1rem;
}

/* Hide optional slots by default */
.optional-slot {
  display: none;
}

/* Show in Safari/Firefox */
:host(:has([slot="optional"])) .optional-slot {
  display: block;
}

/* Fix for Chromium */
@scope {
  :scope:has([slot="optional"]) .optional-slot {
    display: block;
  }
}

Example: With slot="optional" content in Light DOM

Required content

Optional content - expected: show content with gap

<optional-slot-demo>
  <div slot="required">Required content</div>
  <div slot="optional">Optional content - expected: show content with gap</div>
</optional-slot-demo>

Example: Without slot="optional" content in Light DOM

Required content

<optional-slot-demo>
  <div slot="required">Required content</div>
  <!-- expected: does not show extra whitespace -->
</optional-slot-demo>

And the results…

✅ Works in Safari = wrapper div hidden, no gap
✅ Works in Firefox = wrapper div hidden, no gap
✅ Works in Chrome = wrapper div hidden, no gap

The why…

I love a good CSS-trick, but even worse than a bug is not knowing why something works. My other teammate Zacky dug into the spec and confirmed this is a viable fix because as its defined @scope without a scope-root in the shadow styles allows :scope to match the shadow-host instead of the shadow-root… which is clutch. From the spec:

The :scope selector can match the featureless shadow host when that host is the scoping root element. (Issue 9025)

And…

A @scope rule without scope-start scopes to the shadow host instead of the shadow root. (Issue 9178)

Thanks, Team CSSScopeRule, for enabling this workaround (checks notes) three years ago. There’s a wonderful bit of irony that I’m using @scope to break out of the Shadow DOM’s style containment and that’s part of why I love CSS.

I look forward to the day we can use :host(:has()) and :has-slotted() in all browsers, but in the meantime I’m happy to have stumbled upon a duplicative-yet-simple fix. Let me know if you end up using this and it works for you. I already know we have a handful of minor spacing bugs to patch up in our system.

Spoons by Sam

Thu, 18 Jun 2026 11:50:00 +0000

I play Clues by Sam nearly every single day. I wrote about it before, but solving a little crime puzzle adds a micro-thrill to my day. A little blast of logic, misdirection, and wordplay. It’s a frequent topic of conversation in the ShopTalkShow Discord where people share their solves like Wordle scores.

L'anarchiste (1892) by Félix Vallotton. Public Domain.

It might have been Josh who first pointed it out, but as a group we’ve realized that Clues by Sam is an uncanny proxy for measuring your emotional well-being that day. If you’re a regular puzzler, I think it’s safe to say you should be able to solve a non-weekend edition of Clues by Sam without any mistakes (green days). But there are off-days (yellow days) where I make obvious errors tracking the four or five clues you need to solve the puzzle. And there are worse days (orange days) where even with hints, I have no idea what I’m doing and begin to doubt my understanding of English.

Borrowing the metaphor of Spoon Theory from the disabled community, Clues by Sam helps me take inventory of what’s left in my kitchen drawers. My performance on Clues by Sam often alerts me to events happening in my subconscious. It’s become a barometer for my cognitive bandwidth; like Person, Man, Woman, Camera, TV but with Xena, Kyle, Paula, Vince, and Chloe. Faceplanting on an easy puzzle is a clue for me that I have some unarticulated anxieties occupying my mind.

It’s not rocket science that cognitive tasks are more difficult when you’re distracted, but the reliability to which this daily puzzler causes me to dig into my personal well-being is shocking. I’m beginning to see obvious mistakes –like the common “crimocent” mix-up– less as a failure and more as an opportunity to pause and assess what else might be going on in my life.

Vibe Check №42

Tue, 05 May 2026 13:41:00 +0000

Forgive me, Reader. It’s been five months since my last vibe check. That’s a lot of ground to cover and it’s not possible to get into everything that happened. Like in real life conversations, instead of telling you how I’m doing, I’ll tell you what I’ve been doing these past few months.

A trip to Seattle

An underwhelming, low-res photo I took on my Kodak Charmera

In March I went to Redmond, WA for “Meetup Week” at work. This was my second visit to the mothership in two years of working at Microsoft. Ideally, I’d go up more… but not too much… so this is fine. We’re a high-functioning remote team even though nearly everyone on the team has been RTO’d.

Speaking of my team, the people I get to work with are super great. Talented, friendly people I’m lucky to work with. We’re a scrappy bunch punching above our weight.

The people in my broader design studio are also great. I spent a good chunk of my time helping folks with their vibe-coding setups. Ever since the mandate dropped earlier this year, a lot of my job has been helping to onboard our ~200 new junior ~~designers~~ developers and their agent buddies to developer tools. I will say… it’s real easy to get your computer into a borked state when installing a lot of new tools. Chatbots and emergent AI tools make it worse. Getting comfortable with the terminal was a multi-year process for me and we’re asking “normies” to hot-drop in and approve hundreds of minified bash commands per day. I feel for everyone who is having their boat rocked by all the change.

Meetings and roadmap discussions filled my week. We had a couple memorable team dinners and bar conversations.

My week was super busy but I was able to sneak a couple moments to catch up with some old friends and colleagues in the Puget Sound area. Spent an afternoon with Adam, shared a beer with Kyle, and talked accessibility with Aaron. Good times.

My flight back to Austin got caught in a minor snowpocalypse. My 6pm flight got delayed until midnight which means I didn’t get home until 6:30am. Woof. And my seatmate next to me on the plane –the one with the crinkly bag of food who liked to have full volume conversations with her husband in the seat in front of her– was… ahem… less sensitive to the lack-of-sleep situation we were all in. Oh well.

A trip to Tampa

My daughter’s cheer team made it to the big end-of-season competition in Tampa, FL. We took the whole family and turned it into a mini-vacation. Her team did great and “hit zero” (zero deductions) but so did eight other teams in her division and only seven advanced. I’m proud of my little athlete and she continues to amaze me.

While not in the thundering jock-jam confines of the civic convention center, we took a trip to the beach, saw some movies, and went to Universal Studios Orlando. We aren’t a super theme park family but I was feeling a bit of parental guilt that my kids would be telling their future therapists about how we never took them to theme parks. Knowing my kids don’t love rollercoasters or waiting in lines, we stuck to the main park which has rides for the Minions, Diagon Alley, and the Simpsons. I splurged (read: paid double) for the “express pass” so we could skip the lines whenever possible.

Diagon Alley was the biggest highlight. That comes with some regret because JK Rowling sucks now. But the experience they crafted there is so meticulously well done you can’t help but feel immersed. I admired all the theme park tricks they do to make everything seem bigger. Slanted walls to make it feel fantastical and disorient you combined with how the windows get progressively smaller on the upper stories of the buildings so they seem taller. I spent a good amount of time marvelling at a set of stairs that went to nowhere; there to create an illusion that the town keeps going on forever. I love those details. Then on top of that they add in these immersive wand experience gimmicks (we didn’t buy wands but watched a others cast incantations). Very thoughtful experience design and that’s what I think I liked about it.

I will say that 4D experience rides are not for me. The “DO NOT RIDE IF…” warnings they give at the beginning of each ride are basically a printout of my medical conditions. I know theme parks are doubling down on these because the cost per square foot is too good to pass up, but I’d almost rather sit in The Hall of Presidents and watch animatronics talk to me instead of buckling into a vestibular torture chamber.

Aside from a bad case of ride-induced nausea, I think we had a fun and memorable day.

Another birthday

I turned 46 at the end of April. Huzzah. Another year on this rock, orbiting a star, in the arm of a spiral galaxy with a massive black hole in its center. Birthdays of course lose their sentimentality after you’ve had enough. But I had a nice relaxing day, not too many tickets on my desk, with some gloomy weather to preserve a chill mood.

Coming up

We’re barreling towards the end of the school year. I’m going back to Redmond again. Then to South Dakota to see my nephew graduate. Then my son will play his 80’s rock show. We got grandparents coming into town. A busy month for sure. Then summer officially begins.

Stats

Ok, perverts. Here’s the numbers.

🧠 Health and wellness

Still working on untying the knot of ADHD, anxiety, and weight in my life. I feel like I’ve done well on managing the ADHD. The weight could be better (considering how much I’m spending on GLP-1) but I am seeing progress. The anxiety though is hard to shake.

I watched some Dr. K videos about engineer burnout that resonated with me and another one about ADHD and anxiety where your brain reinforces itself into a state where you feel like there’s always a tiger in the bushes. That’s how I feel. No acute anxiety, but ambient.

Anyways, I’m under doctor’s orders to power down devices at 10:30pm and go to bed. It’s 11:52pm right now. I’ve also resumed going to therapy again (after a bad experience) and hope it sticks this time.

📖 Reading

Dungeon Crawler Carl [In progress] - This is my going to bed book, I’m reading it one page at a time. It’s taking so long.
A Libertarian Walks Into a Bear ★★★★½ - The story of what happens when Libertarians take over a town, deregulate and defund the town with lawsuits, get their small government wishes, and how the local bear population took advantage of the situation. An good story and foreboding allegory on how quickly you can ruin a place with small government.
How to Blow Up a Pipeline ★★★★ - This book is about violence in activism and the lackthereof in climate activism. It argues that violence has a historical track record of being effective against oppression. It even takes another step to say that non-violence is more effective when there’s a violent alternative (e.g. “There’s no MLK without Malcom X”). I’m not running out the door to commit crimes, but it does make me think about opportunities for “Good Trouble”.
The Art of Spending Money ★★★ - This is the book I wanted The Psychology of Money to be, but that one just made me mad about billionaires cheating the system. This is a good book with a lot of practical takeaways you’ve probably heard before. It does seem like it ran out of steam and they chucked a few blog posts on at the end, but would still recommend.
BLAME! Vol. 1 ★★★½ - Confession: I read this in the worst possible format on my iPad Mini. Blame! is about a young man on a mission to traverse the “The City”, a thousand layer megastructure that’s plagued by hoards of assassin robots. A dystopian sci-fi hyperdungeon of the ultimate magnitude. And while I enjoyed it, I think the iPad Mini cheapened the immersion and I may need to re-read this on paper.
Creativity ★★★★ - Learning about creativity from one of the greats. It’s a really short book and worth your time.
The Science of Storytelling ★★★★★ - On its surface this is a great book about crafting compelling narratives, but this book digs deeper and looks at the human psychology of why we like stories, mythos, and religions. I rarely pick books up a second time but I might with this one.
In This Economy? ★★★★ - Kyla Scanlon is one of my favorite economists, with the uncanny ability to breakdown the economic system into simple, understandable, and relatable terms. Being in my 40s, there wasn’t much new knowledge to be gained in this book but this is a book that I wish I read in my twenties. It would have helped me make sense of the larger picture of how all the systems and economic levers are connected.
BLAME! Vol. 2 ★★★★½ - I was hesitant to read this because I sort of struggled through Vol. 1, but this book was incredible. Action-packed and the way Nihei creates enormous worlds and plays with that sense of scale leaves you with a sense of awe.
Mobile Suit Gundam: The Origin, Vol. 4 ★★★★★ - The story of the most consequential battle of the One Year War. The death of a loved one, an intrusion into a secret base, a vulnerable Earth, an incompetent general, and the introduction of my favorite mobile suit, the RGM-79 GM.
High Conflict ★★★★★ - Incredible book. It’s about how conflict arises. How even conflict experts can struggle to reduce conflict. How we become entrenched in gangs or partisan warfare. And how we get out.
A Good Man Is Hard to Find DNF - I avoided Flannery O’Conner because someone in college told me it was depressing… and it is… but not as bad as advertised. I liked it but felt like I got my fill even though I only got half-way through the book. I found the “Southern Gothic” genre to be a mildly entertaining series of macabre little twists like a story from Tales from the Crypt but also a lot of stories about nothing.
Mobile Suit Gundam: The Origin, Vol. 5 ★★★★★ - This book is a prequel on the original Mobile Suit Gundam storyline. It dives into the origin story of the Gundam universe’s most dashing and daring antihero, Char Aznable. This storyline is what makes me love Gundam even more.
Mobile Suit Gundam: The Origin, Vol. 6 ★★★★★ - The prequel continues as more and more people are pulled into the war’s grasp. A lot of space drama and the series is really hitting its stride here.

📝 Blogging

A pile of posts. I’m proud of some of these. Even wrote a series on a new CSS property. And a lot of thoughts about AI.

Twenty Twenty-Five
Algorithmic hover states with contrast-color() #CSS, #designsystems
Using your design system colors with contrast-color() #CSS, #designsystems
Interpolate contrast-color() to manipulate lightness #CSS, #designsystems
Focus rings with nested contrast-color()? #CSS, #designsystems
The best version of my site so far… #CSS, #blogging
I’m swearing off APIs entirely
Write about the future you want #blogging
Magic Words #AI
Priority of idle hands #ADHD
Smaller and dumber
People are not friction #AI
Before I go: People like it when other people make things
Inverted themes with light-dark() #CSS
When moving fast, talking is the first thing to break #AI, #process
I don’t want a screenshot of your Claude conversation #AI
10,000-watt GPU meet 40-watt lump of meat #AI, #process
The duality of language models in the browser #AI, #browsers

📺 Media

Caught some movies on a plane and in a theater.

Movies

Rental Family (2025) - Brendan Frazier stars in a movie about connection (and lack there of). Touched some deep memories of loneliness and “otherness” from my time living in Japan. But also has some harmonic notes on the need for human connection.
The Running Man (2025) - Everyone should watch this. A remake of the 1985 Schwarzenegger movie but hits all the notes harder. It’s about how media and our screens lie to us… and the money that’s behind it. An antifascist story for the ages.
Parasite (2019) - I need to watch more Bong Joon Ho. It’s horror, but also a comedy, but also a story about trying to live in a world where the rich have everything. I love how the house is like a character in the film and they dedicate a lot of footage to the perfect home.
Project Hail Mary (2026) - I loved the book and the Ryan Gosling movie lived up to everything I remember and then some. It’s a story that sparks hope about humankind is capable of if we work towards a common goal.
The Super Mario Galaxy Movie (2026) - The second movie in the Mario series was pretty good in my book. Delivered a lot of small nostalgia bits while also weaving a compelling little story.

🎙 Recording

ShopTalk blasted past our 700th Episode 🎉 and it keeps going. We’ve had a nice little run of guest episodes which is nice.

I was also on a St. Patrick’s Day episode of Whiskey Web Whatnot podcast (my second time on the show).

239: Flogging Margins With The Dropcap Murphys on Whiskey.fm

🧶 Hobbies

Puzzles with the family
Music with family and friends
- Bought some vdrums
- Jamming with my son
- Learning FACGAE turning
- Building out a set list with my wife and friends
- Taking my son to see a ska band (The AuSKAnites) at a dive bar.

🌱 Digital gardening

A big, big redesign for my site pots of small tweaks to type and tags made over time.
Made my logo view transition a little bit juicier
Used @jimniels’ Netlify Image CDN trick to add image optimization.
- Homepage image weight went from 229kb to 112kb (-52%)
- Homepage average image load times (on fiber+wifi) went from 125ms → 71ms (-44%)
I made a /hire page, a different take on a résumé - Not looking for work but economic anxiety is high, so catharsis.
Moved ~70 drafts to my “Deadpool” and feeling much more focused on what I want to write about. Still 109 drafts tho.
Added a “Other posts in this series” module to my post template. I don’t have a lot of series… but perhaps now I’ll have more.

⌨️ Open source

Been active in standards in the background, giving my thoughts to people who work on Edge. Don’t know if I have the heart for it full time but it does feel good to gather concrete examples of problems and make reduced test cases.
Fluent Web Components v3 is in Release Candidate nearing release… but also finding more bugs as it rolls out. I got the good news that Fluent Web Components are now deploying in the largest Angular app in the world. Neat.
Assisting and giving my team feedback as we gear up for a release of FAST v3.

👾 Video games

Arc Raiders - Played Arc Raiders with the boys and had a great time with this game. The game loop gets repetitive but the moments are so cinematic. There were times I was genuinely spooked to be in an environment with unknown threats (PvE or PvP) lurking around.
Good Sudoku by Zach Gage - Got utterly addicted to this old game. It’s probably been five years since I last played it but the replay-ability of Sudoku is bonkers. Same damn numbers, same damn boxes and rows and columns, but I’m hooked. Kudos to Zach Gage for adding “juice” to Sudoku and helping me learn along the way. So addictive I had to uninstall.

The duality of language models in the browser

Mon, 04 May 2026 00:33:00 +0000

I have complex feelings about Generative AI but one area I find myself weirdly bullish on is small language models (SLMs) in the browser which are available in Chrome and Edge behind an experimental flag.

I know, I know.
I know.

AI in the browser reeks of a product manager trying to hit a KPI to shoehorn AI into everything. I understand if you read the phrase “AI in the browser” and involuntarily threw up on your keyboard, said “Fuck this”, and then closed this tab. I will not hold that against you. For the rest of you, hear me out…

There’s an “Always bet on the Web” quality to the idea of browser-based models that I appreciate. There’s a self-hosted vibe to it. I shouldn’t have to pay a billionaire each month to summarize an email or generate a picture of myself with ultra-white teeth, doubly-so when they’re selling our regurgitated data back to us. Those gimmicky use-cases or even the more practical-yet-often-purple-washed “AI for accessibility” use-cases should fall under the Web’s umbrella of universal access.

I like that nobody expects much from them. To the hyper-scalers SLMs will always be the shittier version of LLMs so they’re basically ignored. They dodge the whole “model get better” hype-chamber because they don’t economically depend on the hopium that response quality will get better in the next version. Ironically, there was a breakthrough in small language models last month¹, but it barely got a mention on The Verge.

While small models will never compare to their larger siblings, what they can do is generate pure and unadulterated ~~slop~~ examples of what the technology can do without a data center’s worth of gigaflorps burning a hole in the sky. Small language models generally…

Cost less energy to train and run²
Are local, offline, and private³
Have a higher probability of ethically-sourced content⁴
Are free to use and don’t charge per-token⁵
Tend to be open-source/weights.
Don’t require a backend server or API keys.

So… if there’s a there-there with AI (interpret that how you wish) an ecosystem of small, private, specialized in-browser models seems beneficial. Ideally small models could cover most use-cases outside of long-running workloads that require extremely large context windows. I think electric cars might be a good analogy here; they solve most daily commuting needs at a fraction of the carbon cost. That seems like a win. It’s hard to know for sure, but I reckon I don’t need a one trillion parameter model to fix some red squiggles in my code editor.

I’ve been exploring the Prompt, Summarizer, and Rewriter APIs in Edge to explore some ideas that fit within the generative space. What I’m learning is that you can make a decent, compelling prototype with an in-browser model for free in a CodePen and that’s kind of neat. It stands to reason that scaling up to a large language model might make that idea even better… or not but it cost me nothing to develop. Doing the inverse is much harder; reducing the cost of million context token required workflows is nigh impossible.

The approachability of the Prompt API is great and it demystifies a bit of how LLMs work under the hood. It’s all client-side, no server involved. You pass a prompt to a prompt() method and get a response back. No third-party calls, no API keys, no “Please do not share secrets” in a markdown skill.

That bar lowering is something I’m excited about… but that said…

The arguments against in-browser AI…

Last week Mozilla posted their negative standards position on in-browser AI after Chrome’s Intent-to-Ship hit the email list. They listed three primary areas of concern:

Single model calcification - Website authors fine tuning prompts for Google’s model, a reboot of the Chrome-only websites problem.
Model neutrality - Google’s TOS becomes the de-facto TOS for all other user agents.
Overstated developer position - An issue with Google citing themselves in their explainer.

Despite my positive sentiment from my little experiments, I agree with Mozilla’s position.

I think the model calcification issue is a real problem to consider. The APIs are generic enough but as Jake mentioned in the issue people will tune prompts to work around model quirks. Given Chrome’s dominance, that’s Google’s model quirks. And Google’s model may change, inheriting new quirks that require we update our magic words. Good standards avoid breaking changes and I don’t see the plans to prevent those in such an evolving landscape.

AI in the browser is essentially a brand new “engine” we’re hot-dropping into in the HTML, CSS, and JavaScript stack; an engine which depending on the model can behave wildly different and give incorrect responses. It’s worth having a big gory discussion on whether it makes sense –at all– to standardize anything around any service/tool that is inherently unpredictable and often flaky. Small language models exacerbate the accuracy problems to the extent that they probably don’t meet the responsible AI considerations a chatbot needs… which is the core use-case for something like the Prompt API.

I am not a lawyer, but Google’s Generative AI Use Policy seems weak and is basically “Pweeeze don’t do iwwegal fings.” Unironically, the list of prohibited uses reads like a writeup of areas where AI has been found to be super effective. You could convince me it’s a point-by-point breakdown of xAI’s entire product roadmap for building a Mecha Hitler.

Another issue is that while I said in-browser models tended to be “free and private”, that comes with an enormous caveat. In-Browser AI is a free and private API… if you can afford a decent device with a GPU. Otherwise, it depends on someone-else’s computer. That seems to violate the principle of universal access.

So, yeah. I’m bullish, but also have concerns. If I were to offer an alternate proposal, it would have the following requirements:

Ensure private capital spend is not conflated with user demand.
Ensure we’re not king-making or entering a model monopoly by preserving model diversity.
Require a bring-your-own (ethically-sourced) SLM marketplace solution where consumers have model choice like they do browser choice.
Create tooling to build your own ethically-sourced SLM on consumer grade hardware that integrates with the browser APIs.
Create access and APIs for in-browser safety classifiers.
Create a stronger fallback story for unsupported devices: even smaller models, free cloud servers, or cheap-to-self-host VMs with isomorphic APIs.
If model foundries cannot solve accuracy problems or models cannot meet the requirements of a shared responsible AI framework, create clear spec-level guidance on areas where you “MUST NOT” use this API.
If model foundries cannot solve accuracy problems or models cannot meet the requirements of a shared responsible AI framework, consider abandoning the spec entirely until the underlying technology progresses.

These are the improvements I’d like to see. This probably takes the spec beyond the realm of a paper thin JavaScript API for interacting with local models. But as stated above, I think this is more than a small API surface, this is adding a new non-deterministic guess-o-matic in the browser. The field of AI –while popular in private capital markets– is still a bit unproven in its economic viability and its future is far from certain. We should tread lightly here.

In March 2026, Google introduced “Turboquant”, a data compression method which shrank model size, memory usage, and increased quality. ↩
One post I read said you could train an SLM in hours on a single consumer GPU. The ecological comparison of a couple rounds of Fortnite. That said, the model card for Phi-4 (the model used in Edge) says it took 1,920 H100 GPUs a total of 21 days to train the model. That’s faster than a large language model, which can take months, but much more than a couple hours. ↩
They are private in the sense they do not “phone home” to a parent server on every request. I assume apps will store conversations and telemetry. ↩
Apologies for being hand-wavy here. I’m making an assumption SLMs can use “the legal parts” of Common Crawl but I’m not an expert here. ↩
Free… except that it does require a decent computer with enough RAM and an on-device GPU. ↩

10,000-watt GPU meet 40-watt lump of meat

Tue, 21 Apr 2026 19:36:00 +0000

The use of AI is leading to burnout among its greatest advocates as they hit the limit of their meta-cognitive abilities:

“I end each day exhausted—not from the work itself, but from the managing of the work. Six worktrees open, four half-written features, two ‘quick fixes’ that spawned rabbit holes, and a growing sense that I’m losing the plot entirely.”

As someone with ADHD, this sounds painfully familiar. I’ve been spinning up workloads like that my whole life chasing the dopamine dragon. And as my fellow neuro-spicy siblings all know, there’s the thinnest of lines between “Oh wow I’m going so fast!” having fun being optimally stimulated and “Oh shit fuck no ow help cry ow” collapsing on the floor in desperation. It all reminds me of an old business book…

The Goal by Eliyahu M Goldratt is a charming bit of manager porn on the topic of fixing industrial bottlenecks that I think illustrates the problems of unthoughtful acceleration-ism¹ ². Andrew Murphy cited the same book when he highlighted the problems of more code at the organizational level. More inventory (read: lines of code) does not equal more velocity, it leads to more lingering PRs and CI runs that need rebasing attention. It’s decaying work that creates more work. Each line of code is a future maintenance liability, a future addition to your context window. You didn’t fix the bottleneck, you moved it downstream.

The most eye-opening parts of The Goal for me was understanding that excess inventory isn’t free, it’s a pile of sunk costs that takes up space, costs to store, and takes more time and effort to process. As Andrew puts it, increasing velocity at one end of the production line without actually fixing the bottleneck at the other end…

Congratulations! You’ve built a factory that’s world-class at producing inventory that sits on the floor and rots.

This bottleneck is what’s happening in our brains. When you ask a machine to build infinite apps, it will do that. When you ask a machine that generates more tasks, it will do that. It will churn through it. Ultimately, the backlog of backlogs and all the endless microscopic UI bugs becomes a form of excess inventory you need to manage. It might not seem like a heavy price at first because you’re feeding it back to the machine, but there’s a compounding cognitive load tax that comes from context-switching between major projects. You need to load the entire project state into your context window each time the command line dings and that’s calorically expensive.

I’m not ashamed to admit I’ve abandoned at least two projects because the LLM generated more code than I wanted to read. I looked at all the folders of files and said “Meh” and closed my laptop.

Over-generating code leads to what Margaret Storey calls “Cognitive Debt”, a form of technical debt where the product exists beyond your understanding. This is where security, accessibility, and performance problems lurk. Most engineers have experienced being hot-dropped into a project-on-fire where you have no prior understanding of the codebase… it’s not a fun experience. You spend most of your time building a mental model of the codebase³ for what might be a one-line fix.

At the end of the chain of 10,000-watt GPUs sitting in a data center in Iowa is the 40-watt lump of meat inside your skull. It’s an incredible, efficient, miraculous lump of meat that has millions of years of bio-engineering behind it… but understanding is the new bottleneck. If brains are a scarce resource, then we should take care to not over-produce inventory. That goes for ourselves and our organizations.

If you want a more modern retelling of The Goal centered around a software shop, check out The Phoenix Project. ↩
The graphic novel version of The Goal is also great. ↩
The first thing I do when paratrooping into a new codebase is to annotate what’s inside each directory. AI can help with this now, but if I do it my mental model grows along with my exploration. ↩

I don't want a screenshot of your Claude conversation

Wed, 15 Apr 2026 15:17:00 +0000

The number of screenshots of Claude conversations is going up in my life and it’s beginning to have an impact on my general mood. Most of the time it’s well-intended; coworkers working through a problem with a chatbot before bothering me or someone exploring unconventional ideas before bringing it to a broader audience. Both of those situations seem considerate. A tool for thought, as it were.

It’s probably good practice to do your own research before you rope in another person on a cognitive task. But a small thread in the reliability of these tools-for-thought begins to unwind due to the well-documented sycophantic nature of engagement-thirsty language models. One of my favorite studies is Anthropic’s own study (2023), when asked to review an argument with I wrote this [...], the LLM gave positive feedback. But if you start a new chat with I didn't write this [...] or give any hint of your own personal bias, it provides much more critical feedback. And the ultimate twist is, we prefer models that are super nice to us.

I was telling my son’s friend about this phenomenon and he responded with the perfect GenAlpha summation:

AI is a D1 glazer, bro.

We need to acknowledge that we’re probably getting the answer we want rather than a cold-hard fact. Not to get too serious but when I read about AI psychosis, I think the overly-confident “You’re a genius” style of reply is the point where it all starts to go wrong.

Awhile back Hidde De Vries identified a pain point around LLM-usage in standards work which leads to something I call an asymmetry of thought. In a conversation where one person is a domain expert and one person is copy-pasting ChatGPT responses, it creates an imbalance of effort in the discussion. A second-hand burdening, like Brandolini’s Law, where debunking inaccuracies and subtly-wrongs takes more effort than creating the inaccuracies. We are, in effect, taxing experts to do quality assurance on the model’s responses. When that work is unpaid I believe this is immoral… or at least it’s a breach in social etiquette.

In situations like that where people are using models as a form of appealing to authority, unless both parties have agreed that the LLM is a neutral arbiter, a random noise generator has the same amount of social authority.

So, when a screenshot or copy-pasted block of “Here’s what Claude said…” comes across my screen… I don’t care about the screenshot. I don’t care about the screenshot because I want your thoughts, not Claude’s. I want your unfiltered and half-baked ideas, not Claude’s synthesized extrusions. Instead of a screenshot of a reply, I’d rather have the original prompt so I can just ask the machine myself. At least then I’d know the context you provided the machine and your understanding of the problem, because that matters immensely.

A trite example that I deal with from time to time, if you ask an LLM “React or Web Components?” it will say “React” because that’s what was popular in the 2023 training data. But did you mention anything about different teams on different tech stacks? Anything about hitting memory ceilings? Context is everything to these machines and –as the disclaimers say– they can make mistakes. If we need anything more than an approximation, a language model might not be the right tool for the job.

Anyways, that’s my issue with other people’s chatbots weaving their way into my daily conversations. I’d rather have a human-to-human conversation with you, not a chat with Claude by proxy. What Claude said is an okay chunk of “anecdata”, but it’s not a substitute for our working relationship.

When moving fast, talking is the first thing to break

Mon, 13 Apr 2026 15:10:00 +0000

When you make speed and “moving fast” the biggest priority on a project or in an organization, the first thing to breakdown is talking to each other. Talking takes time. Consensus is expensive and slow. In a pressurized environment there’s no time to schedule calls, get input from subject matter experts, or resolve key differences of opinion. ASAP makes a big assumption that all relevant parties are already in the room.

Not everything needs to be a conversation. I’m a firm believer in “get the user something to see if there’s interest”. I’d agree that over-thinking a problem and under-thinking a problem both have pitfalls. But dozens of ways exist to get feedback from users on in-progress work without overcommitting to a particular design. By prioritizing speed over talking, cross-org collaboration suffers and a faulty design can steamroll ahead. I am no soothsayer, but I can tell you that you set your organization up for a messy merge conflict in the future between teams who have been traveling in different directions.

I think the second organizational casualty is “the system”. When speed is the priority, there’s no incentive to improve or invest in the shared system (e.g. a design system or codebase) under a tight deadline. If everyone needs to move fast, even something simple like renaming a folder could have dramatic setbacks. Hypermovers will create a new project folder or detach a Figma component. And that new folder of files grows to create it’s own duplicative system of components that are ever-so-slightly different such that they are incompatible with the rest of the system. Resolving system gaps requires conversations, it’s easier to eject from the system at the slightest inconvenience, duplicate, and go your own way. Effectively hiding the time bomb of technical debt for the next unfortunate sucker.

I think AI exacerbates this problem. I think AI can help you build faster (although data suggest otherwise), but I also believe that LLMs are the ultimate tool in the “Don’t talk to my coworkers” toolchain. Why talk to an expert who might tell me no, when the omniscient machine that always tells me yes is right here? Avoiding that friction doesn’t produce better products faster. It makes future conversations more difficult thanks to higher sunk costs and deeper entrenched opinions.

Other pieces of infrastructure begin to chip away when moving fast too: documentation, security, performance, reliability, the fabric of modern American democracy, and developer satisfaction to name a handful. I’m pro-reducing bullshit, I’m pro-reducing toil. But I’m also pro-slowing the fuck down and doing actual human thinking before pulling a trigger… or sending a laser-guided Tomahawk missile… or whatever action-based analogy works best for your organization.

We all love dopamine, we all love seeing new ideas come to life, but more lines of code and duplicate systems –our own little kingdoms in code– doesn’t produce horizontal strength. The job of Engineering Management is no longer pushing tickets across the board to make executives clap, it’s helping organizations row in the same direction together. It’s relentlessly focusing on your users over lines of code and cool project codenames.

Inverted themes with light-dark()

Tue, 07 Apr 2026 15:31:00 +0000

We rolled out adaptive light-dark() support on our design system themes and it’s been a delightful upgrade. Creating light and dark variable sets isn’t difficult, but delivery has trade-offs. Most apps that do this probably ship both sets of token values in a single stylesheet. That’s fine until you have multiple kilobytes of duplicate definitions. To get around the performance problems we built two separate stylesheets –which is also not great– but my coworker Zacky found a good trick with <link disabled> to make it tolerable. Ultimately, we wanted to offer a single stylesheet for our human (and agent) friends to control theming.

Having light-dark() makes it trivial to support dual color modes in a single stylesheet and doesn’t add too much weight (0.5kb gzip for ~500 variables). It also gives you the ability to switch themes mid-page.

:root {
	color-scheme: light dark;
	--bg-color: light-dark(white, black);
	--text-color: light-dark(black: white);
	/* ...etc */
}

/* Add hard-coded theme overrides */
[data-theme="light"] { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }

Adding [data-theme="dark"] to the body, or any element with color tokens defined, will force that section to be dark mode. The difference here between hanging variable definitions off a class is that you can respect the user preference without using JS to toggle, light-dark() does all the work.

Adding dark tier on a light theme is dramatic. Adding light tier on a dark theme sure would stand out. But when yielding light and dark modes over to the browser… something changes. In that situation hardcoding a theme mode into HTML loses a bit of meaning because I’m not controlling the theme anymore, the user is. What I actually want is the theme to be “opposite” the current theme. After a handful of attempts I think I came across a solution that’s easy to understand, maintain, and I even wrote a polyfill for you.

Automatic inversion with [data-theme=“inverted]

See the Pen [data-theme="inverted"] by Dave Rupert (@davatron5000) on CodePen.

The goal was to make it so that when the browser switched from light/dark modes, themed elements would switch to their inverse theme. The trick I uncovered was setting the current theme as a CSS variable:

:root {
	color-scheme: light dark;
	
	/* Initialize the theme variables */
	--theme: light; 
	@media (prefers-color-scheme: dark) {
		--theme: dark;
	}
}

/* Have data-theme use the variable */
[data-theme] { color-scheme: var(--theme); }

/* Update hard-coded themes to use the variable */
[data-theme="light"] { --theme: light; }
[data-theme="dark"] { --theme: dark; }

The reason we use manage --theme variable instead of purely color-scheme is because we can pass that into a style() query. An that’s the magic that enables inverted themes:

/* Add style query magic ✨ */
@container style(--theme: light) {
	[data-theme="inverted"] {
		--theme: dark;
	}
}

@container style(--theme: dark) {
	[data-theme="inverted"] {
		--theme: light;
	}
}

Again, the nice thing here is that we’re not creating two different trees of variables or re-redefining variables inside [data-theme="inverted"], we’re relying on light-dark() and color-scheme to do the heavy lifting. We’re contextually updating the color-scheme and letting the browser negotiate the cascade.

I added a .funky card theme to the demo to give an idea of how far you might be able to push this tech. Roman Kamorov noted in his post on Querying the Color Scheme something Vadim Makeev said on a Russian podcast that while this inversion trick is neat, people who prefer dark-mode (e.g. for medical reasons) probably want dark mode and not to be flash-banged mid-page. That’s something to think about and I think I have some ideas about that but I’d love to see/hear yours.

Polyfilling browser support

At the time of writing this trick only works in Safari 18+ and Edge/Chrome 111+. Firefox is the outlier but the good news is container style queries is on the roadmap for Interop 2026 and behind a flag in nightly. That gives you two options:

Roll out a bespoke polyfill for [data-theme="inverted]
Do nothing. Wait it out.

Given that I know the experience will auto-upgrade for Firefox users at some point this year, I’m prone to wait it out per the rules of progressive enhancement. If it falls back to the current theme, I don’t think the world falls over.

However, you probably support browsers outside the latest version and what’s acceptable for a fallback depends on your company’s understanding of the eventual consistency of browsers. iOS devices version-locked at Safari 17.4 are of particular concern for me, so I wrote an inverted theme polyfill.

The CSS style-query-support detection is pretty simple, but quirky.

/* Style query support check */
body {
  --syle-query-support: 0;
}

@container style(--theme) {
  body { --syle-query-support: 1 }
}

There’s a new @supports at-rule() function that would be more idiomatic, but you can’t detect at-rule function support with at-rule() so we have to do this variable hack. Ideally we could do this purely in JS with CSS.supports(), but alas. Booleans in CSS, what could go wrong?

That brings us to the JavaScript part which is pretty simple as well but comes with one big potential tradeoff…

/**
 * Polyfill for inverted themes using a `--theme` variable in a style query
 * ⚠️ The use of `getComputedStyle` can trigger layout and style recalcs
 */
(()=>{
  const isContainerStyleQueriesSupported = () => {
    const bodyElStyle = getComputedStyle(document.body);
    const hasStyleQueries = bodyElStyle.getPropertyValue("--syle-query-support");
    
    if(hasStyleQueries === "1") {
      return true;
    }
    return false;
  }
  
  if(!isContainerStyleQueriesSupported()) {
    const invertedThemes = document.querySelectorAll('[data-theme="inverted"]');
  
    invertedThemes.forEach((el) => {
      const elTheme = getComputedStyle(el).getPropertyValue("--theme");
      const invertedTheme = elTheme == "light" ? "dark" : "light";
      el.dataset.theme = invertedTheme;
    })
  }
})();

Because we need to get the computed value of --style-query-support, getComputedStyle is known to trigger style recalcs and layout reflows, effectively penalizing all users not just browsers that don’t support container style queries. I tested this out by putting the polyfill inside a setTimeout, turning on paint flashing, and checking the Performance Monitor panel and I didn’t see any recalcs or layout reflows, but your mileage may vary depending on your setup.

Anyways, happy inverting! Let me know if you do something cool with it or if you already figured this out 10 months ago and I didn’t see your blog post.

Ozempic dreams

Sat, 04 Apr 2026 19:18:00 +0000

It’s a secret to everyone! This post is for RSS subscribers only. Read more about RSS Club.

I’ve heard the term “Ozempic face” for awhile. People have opinions about that one, but I tend to feel like we should be comfortable with bodies changing. There’s also “Ozempic butt” and there’s even “Ozempic penis”. I’ll let you search those up on your own but they’re also related to physical changes from losing weight.

I started Wegovy, a GLP-1 like Ozempic, in December and the weight line is trending down down. That’s a good place to be and while I’m not experiencing any of the above symptoms, there has been one noticeable change. One thing I wasn’t prepared for was a change to my dreaming and sure enough “Ozempic dreams” are a thing (at least on Reddit).

Since starting GLP-1 my dreams have been much more vivid. Colors are more colorful. Weirdness more weird. People more real. Dialogue more rich. Storylines are more complex and multi-layered, not linear. If I wake up in the middle of the night I can seamlessly resume at the previous checkpoint.

They nearly fall under the category of “lucid dreams” where you know you’re dreaming and can control them. It’s not every night, but when it happens I sleep harder and wake up more rested. Like most dreams I don’t remember the details after waking up, but I do remember the sensation of “Wow, this is a wild and complex dream.”

I’m curious what’s causing it: change in diet, calorie deficiency, blood sugar, or (as some claim) a hormone in the GLP-1? I don’t know and realize my experience is entirely anecdotal hearsay, but what a weird yet welcome side effect. Is this what dreams are like for people with better peptides?

Before I go: People like it when other people make things

Sat, 04 Apr 2026 17:00:00 +0000

I’ve watched a billion hours of YouTube and I’ve noticed a common trend: Whether that’s a drawing, a video game, a song, a cake, or a whole-ass off-grid house; I’ve learned that it’s fun to watch people make something. Since the beginning of humanity, the act of slapping two rocks together to make an arrowhead or a fire will draw a crowd. I feel like mankind has an innate curiosity to pause and say “Oooh, whatcha making?” We like it when others make. This might not even be unique to humans, have you ever seen a bowerbird nest? Incredible.

The Maker Movement harnessed that creative attention energy and built an entire subculture around it. I’ve been watching the same guy make a musical marble machine for ten years. Practical effects artists Adam Savage and Jamie Hyneman built their entire TV show Mythbusters around this premise. We are problem solvers, all of us. The process can often be as enjoyable as the final object. I’d go so far to say they built the empires of YouTube, TikTok, and Instagram on the same principle: it’s fun to watch (hot) people make something even if that “something” is a video about fingernails.

I harp on my kids from time-to-time about making. We’re pretty permissive about device time but I frequently try to impart that we give them these devices as tools for creativity, not just brainrot. Kids are innately creative, so they understand my intent. But black rectangles are powerful energy vampires. From time to time though I’m blessed with an artwork, animation, a short film, an overdubbed movie trailer, or a half-built Roblox game. And those go on the proverbial refrigerator in my heart.

I suppose there’s limits to this thesis. Watching someone make a murder machine wouldn’t be fun. Watching someone make war, not fun.

Watching someone make numbers by typing into the random number generator isn’t that fun. But if there’s some novel, reason, or idea behind it… you could convince me it isn’t slop. I don’t particularly find the medium of decoupage enjoyable but with the right artistic mindset, curiosity, or obsession… sure? And if a bird assembles a house from trash, well I love that.

Some like to draw thin blurry lines and some prefer to draw thick crisp lines, I love to see and read both. And I’m glad the term “slop” exists because we as a creative species created a label for the abstract idea of thoughtless outputs from a thoughtless content extruder.

So, make something. Or not. I don’t care. Actually, I do care. Please make something. With your hands, or your brain, or your feet… wait, no that has other connotations.

People are not friction

Fri, 20 Mar 2026 15:54:00 +0000

The Gell-Mann Amnesia Effect of AI is a pretty well documented phenomenon:

The Gell-Mann amnesia effect is a cognitive bias describing the tendency of individuals to critically assess media reports in a domain they are knowledgeable about, yet continue to trust reporting in other areas despite recognizing similar potential inaccuracies.

Summarizing, AI sounds like an incredible genius synthesizing the world’s knowledge right up until you ask it about the thing you know about, then it’s an idiot. Even knowing about this phenomenon and having experienced it countless times, LLMs have an intoxicating quality to them.

If there’s one thing LLMs do well, it’s delivering an enormous blast of dopamine if they do a good job on the first try. That “if” does a lot of heavy lifting, but when it happens you start to believe the idea that the multi-modal chat box could make you faster and infinitely capable. A hop and a skip and hundreds of dollars in tokens later, you made something that would take lifetimes of learning to create.

The marketing around Generative AI is that every person can be their own Designer, Developer, Researcher, Content Writer, Video Producer, and Podcast Editor. With the right skills.md files everything will fall into place. We will automate all automatable tasks. The experience will be “frictionless”.

You’ll be able to automate away the jobs you don’t enjoy…
And the jobs you don’t know how to do…
And the people who do those jobs…
The people you don’t enjoy…

You won’t need to talk to or wait on anyone. You can automate away anything or anyone that stands in your way. You will reduce costs. You will be richer. It will be frictionless.

Sometimes I feel like there’s a palpable tension in the air as if we’re waiting to see whether AI will replace designers or engineers first. Designers empowered by AI might feel those pesky nay-saying, opinionated engineers aren’t needed anymore. Engineers empowered with AI might feel like AI creates designs that are good enough for most situations. Backend engineers feel like frontend engineering is a solved problem. Frontend engineers know scaffolding a CRUD app or an entire backend API is simple fodder for the agent. Meanwhile, management cackles in their leather chairs saying “Let them fight…”

I think it’s a dangerous place to be when we start to consider people as friction.

That’s because we know Gell-Mann is real. We know there’s an optimism bias the size of the sun blinding us to the actual quality of what the machine is producing. We need knowledgeable people to share what they know to improve the quality of our work, generated or otherwise. We even need ignorant people to make sure we can break ideas down into their simplest form that everyone, agents or human, understand. People can have bad attitudes, be shitty, and have wrong opinions… but people are not friction. An LLM may be able to autocorrect its way into a plausible human response, but it’s not people. It doesn’t care if it’s right or wrong. The money and hype surrounding it acts as a shield to its reputation. LLMs make up answers if it doesn’t have enough context and they fall over if it has too much context. It amplifies good patterns the same as bad patterns. And it glazes you with flattering language the entire time so that chart go up.

People, the context-bearers, have experience and capabilities that machines might never understand encoded in our muscles and memory. I’m on record saying I despise nuance –and I do– but it’s more important than ever to be able to connect to our fellow humans over this nuance so our world is not paved over by contextless opinions from ill-informed robots. Empower and believe people over machines.

Smaller and dumber

Mon, 23 Feb 2026 05:33:00 +0000

If I can make it smaller, I should.

If I can make it dumber, I should.

Smaller, dumber things have more applications, go more places, and require less maintenance.

Priority of idle hands

Mon, 23 Feb 2026 03:13:00 +0000

I had a small, intrusive realization the other day that computers and the internet are probably bad for me. I mean that beyond the general advice to touch grass. From an ADHD and generalized anxiety perspective, computers and the internet have become an endless supply of poison pills for my brain; feeds full of constant dopamine hits with doom at every turn.

This is hard to accept because a lot of my work, hobbies, education, entertainment, news, communities, and curiosities are all on the internet. I love the internet, it’s a big part of who I am today, but I understand how its incentive structures harm me. I’m not planning to unplug and go off-grid yet, but it did inspire me to come up with a “priority of constituencies” for my idle hands and downtime:

Instruments over pads of paper over laptop over tablet over phone.

Magic Words

Mon, 09 Feb 2026 16:03:00 +0000

Skills are the newest hype commodity in the world of agentic AI. Skills are text files that optionally get stapled onto the context window by the agent. You can have skills like “frontend design” or “design tokens” and if the LLM “thinks” it needs more context about that topic, it can import the contents of those files into the context to help generate a response.

Generally speaking, skills do an okay job at providing on-demand context. Assuming the AI model is always 12-to-18 months behind in its training data, a skill could potentially backfill any recent framework updates. A skill could potentially undo some training data biases. A skill could potentially apply some of your sensibilities to the output. I’ve seen some impressive results with design guidance skills… but I’ve also seen tons of mediocre results from the same skills. That’s why I deliberately use the word “potentially”. When skills can be optionally included, it’s hard to understand the when and why behind how they get applied.

In that way, skills remind me a bit of magic numbers.

In programming “magic numbers” are a pattern you typically try to avoid. They’re a code smell that you haven’t actually solved the problem, but found a workaround that only works in a particular context. They’re a flashing light that you have brittle logic somewhere in your system. “We don’t know why, but setting the value to 42 appears to have fixed the issue” is a phrase that should send shivers down the spine.

And so now we have these “magic words” in our codebases. Spells, essentially. Spells that work sometimes. Spells that we cast with no practical way to measure their effectiveness. They are prayers as much as they are instructions.

Were we to sit next to each other and cast the same spell from the same book with the same wand; one of us could have a graceful floating feather and the other could have avada kedavra’d their guts out onto the floor. That unstable magic is by design. That element of randomness –to which the models depend– still gives me apprehension.

There’s an opaqueness to it all. I understand how listing skills in an AGENTS.md gives the agent context on where to find more context. But how do you know if those words are the right words? If I cut the amount of words (read: “tokens”) in a skill in half, does it still work? If I double the amount of words, does it work better? Those questions matter when too little context is not enough context and too much context causes context rot. It also matters when you’re charged per-token and more tokens is more time on the GPU. How do you determine the “Minimum Viable Context” needed to get quality out of the machines?

That sort of quality variance is uncomfortable for me from a tooling perspective. Tooling should be highly consistent and this has a “works on my machine” vibe to it. I suppose all my discomfort goes away if I quit caring about the outputs. If I embrace the cognitive dissonance and switch to a “ZOMG the future is amazeballs” hype mode, my job becomes a lot easier. But my brain has been unsuccessful in doing that thus far. I like magic and mystery, but hope- or luck-based development has its challenges for me.

Looking ahead, I expect these types of errant conjurations will come under more scrutiny when the free money subsidies run out and consumers inherit the full cost of the models’ mistakes. Supply chain constraints around memory and GPUs are already making compute a scarce resource, but our Gas Towns plunder onward. When the cost of wrong answers goes up and more and more people spend all their monthly credits on hallucinations, that will be a lot of dissatisfied users.

Anyways, all this changes so much. Today it’s skills, before that MCP, before that PRDs, before that prompt engineering… what is it going to be next quarter? And aren’t those all flavors of the same managing context puzzle? Churn, churn, churn, I suppose.

File under: non-determinism

Write about the future you want

Wed, 04 Feb 2026 15:45:00 +0000

There’s a lot that’s not going well; politics, tech bubbles, the economy, and so on. I spend most of my day reading angry tweets and blog posts. There’s a lot to be upset about, so that’s understandable. But in the interest of fostering better discourse, I’d like to offer a challenge that I think the world desperately needs right now: It’s cheap and easy to complain and say “[Thing] is bad”, but it’s also free to share what you think would be better.

If complaining worked, we would have won the culture war already. We’d have a reformed Elon and the White House wouldn’t be committing crimes against humanity. But that’s not the world we live in. The one we live in is much worse. If you hate the here and now, write about what would be a better future. Write about what’s good and why more of that good would be good.

If you believe the current trend in tech is exploitative, write about tech that isn’t. What impresses you? What compromises did you make? Are you happy? Does giving money to a small bootstrapped company feel ten thousand times better than a large venture-backed company like I imagine? Can you list some of those out for me? Show me where I can throw my dollars.

If you detest content theft at a massive scale, describe a world where copyright matters. Tell me how you’re only going to watch TikToks with royalty free music from now on and not use an ad-blocker. Tell me how you’re going to delete that hard-drive of pirated content. No? Then invent a better copyright system! Talk about the commons and how we should tax people who abuse it by taking more than they give. What does that system look like?

If you detest the ecological impact of AI data centers, propose an alternative piece of technology that drives shareholder value. Or advocate for a broader, more equitable definition of Responsible AI. Don’t let the Effective Altruists define the terms. Itemize the problems and then dream up a version that doesn’t have those. List demands. Find levers. Or make the case for how small, local, private, and less energy-intensive models are probably “good enough” for most use cases and we should stop burning barrels of crude and use those instead. If we must throw it away, point people to organizations and political groups working towards that end.

If you believe billionaires are the problem, talk about a world without them. Share how we redistribute a billionaire tax equitably and talk about the impact it has on society. Make a spreadsheet or a chart. Get into numbers. Talk about degrowth. I know that “Line Goes Up” has problems and won’t work forever, but how are my family and I more okay if we undo centuries of continued economic growth and technical acceleration.

I think history is wrought with examples of this working; Dr. King’s “I have a Dream” speech, the Federalist Papers, David Hasselhoff singing at the Berlin Wall during the height of the Cold War… the list goes on. Few will rise to the level of Ambassador Hasselhoff, but I don’t have to look far to find people around me who have inspired me by writing about the future they want.

After repeated mass layoffs, Ethan Marcotte identified a problem with the wealth and labor dynamics in the tech industry. While Ethan could have been perfectly happy bitching about it on Twitter, he didn’t do that. Instead, he put hands to keyboard and made a talk, which turned into a book, about what he feels is the time-tested solution to our predicament: Unions. Truthfully, I’m not particularly predispositioned to be pro-union (Texan, etc), but Ethan and I agree on the problem. Seeing Ethan spend time to communicate the problem and explore the solution changed my opinion on unions. And while I certainly still have nuanced questions, Ethan convinced me that collective action is the best leverage workers have against abuses of labor. That wouldn’t have happened without Ethan’s dedication to highlighting the problem and the solution over many years.

Often people need you to show, not tell the alternative. You need to paint a picture. Not a full complete picture, but one where a person can paint themselves in it. When people want change and bad change is happening all around them, that’s a hopeless place. Build a raft of opportunity that people can latch onto in the rough open waters, instead of hitting them with spears.

I'm swearing off APIs entirely

Mon, 26 Jan 2026 06:27:00 +0000

I got a lot of ideas for side projects rattling around in the old tin can. As part of my “No new projects” initiative, I’m trying to jump on building prototypes so I can decide if I want to explore ideas more or call it quits. A handful of my ideas are riffs or twists on existing app categories:

A tennis ranking app… but modern and performant
A nearby historical marker app… but with CarPlay support
A nearby real estate listing app… but with CarPlay support

All three of those have ended unceremoniously at the same dead end: no API access. USTA denied my application for tennis rankings. The aptly named Historical Marker Database site doesn’t have a public API. And you have to be an MLS® Realtor® or Broker to get access to the MLS® listings. Womp womp.

Scraping the data is always an option… but I don’t like the ethics of that and worry about the brittleness of that dependency.

Ugh. I wish I could build these little apps so that tens of people could enjoy them. I’d even be willing to pay a small API access fee ($10/mo?) and run these at a loss but whatever happened to free APIs. When I survey the land of public APIs it feels like we’ve lost a lot since the Web 2.0 days where API access was almost a God-given right.

To prevent this time loop of disappointment from happening again, I’m swearing off APIs entirely. That’s a hard stance, but I need a backstop at the idea phase to prevent me from wasting limited life force. If I don’t have the data, or can’t generate the data, or it’s not an open protocol… it’s not worth building or even thinking about.

OAuth apps are a good option and generally the best way to exfiltrate data because it’s tied to a user’s account…. but you still might run into call limits, incomplete endpoints, user-scope limitations, and so on. History also shows us what the future holds. There’s a Tweetbot-style risk when building on a someone else’s platform. Even if your app drives activity to the parent application, your access might get cut because it competes or doesn’t drive stakeholder value. And if the idea isn’t big enough, being “a feature, not a product” is also a bad position to be in, lest you get Sherlock’d.

Where’s that leave me and my pile of side project ideas? Thankfully… in a good place. I can close out these project tabs and free up some much needed Brain RAM. It sounds strange but “No more APIs” makes “Making video games” jump up in the viability rankings for side projects too, because games have closed ecosystems. Or I could spend more time writing shitty sci-fi. Write a serial. Print some zines. Who knows.

If the goal of “No new projects” is to finish more projects than I start, then I have to accept that part of figuring out which ideas to explore means “Nope” is a potential answer. It’s also not a total loss, I’m learning along the way. For example, CarPlay only lets you choose from eight pre-approved templates. There’s also pre-defined app categories and diverting in the slightest would almost guarantee App Store rejection. That sucks the fun out it… but ayyyy, I’ll probably try again. But now I know the limitation for future projects and its in the limitations where play begins.

Waiting for the power to go out

Sat, 24 Jan 2026 21:44:00 +0000

It’s a secret to everyone! This post is for RSS subscribers only. Read more about RSS Club.

It’s expected to freeze this evening in Austin and we may even see snow, which is exciting and novel for us Texans. But as we’ve learned in 2021 and 2023, cold snaps can lead to disaster. In those years the ice dealt untold damages as foot-thick tree limbs fell from the canopy like enormous glass Cadillacs. The crackle, pop, followed by crystalline shatter in the cold dead air is a sound I won’t forget. With the falling trees came down power lines and the lights went out.

It got worse. The disconnected Texas power grid failed. As homes and empty office buildings required more heating in the “extreme” cold, the rolling blackouts began to shed load. Except… they didn’t roll. Homes next to facilities (hospitals, fire stations, and water treatment plants) deemed critical were fine, but the rest of us were off-grid in the cold for nearly a week. The energy companies could have met capacity, but quit making energy because they would have had to sell it at a loss. Greed until the state promised them a windfall.

The infrastructure failed. Pipes burst, homes flooded, and trauma increased. While our senator and his banker wife fled to Mexico to stay in a Ritz Carlton, Texans burned their IKEA furniture and cedar fences to stay warm.

Building on past lessons, we’ve made all the preparations for today; external faucets capped, plants covered, and I built a cabinet out of foam board insulation for our external hot water heater. And now we wait… we wait to see if the Libertarian Capitalist systems my state has put into place will hold up. Waiting to see if the power goes out. Waiting for the impending disaster.

If you’ve ever had a child, you might know this feeling. You’ve taken the classes, assembled the crib, child-proofed the outlets, and then you wait… you wait for your life to change. While the miracle of childbirth is a beautiful event, any mother can tell you it’s not without some drawbacks. From prolonged labor, painful contractions, episiotomies, and beyond… every birth is a dice-roll of potentially life-threatening complications. A friend of mine who had three kids described it well; “Having a baby is like knowing you’ll be in a car accident.”

That feeling of pregnant, expectant waiting dominates a lot of my life right now as I wait for all the larger meta narratives in our country to unravel. I’m waiting for a mid-term election, one where I feel the fabric of democracy hangs by a thread. I’m waiting for an opposition party that has a fucking plan, but I don’t see one yet. I’m waiting for a particular person to leave office… or (preferred) die of natural causes. I’m waiting for the full release of the Epstein files, so the victims of billionaire pedophilia and human trafficking can have justice. I’m waiting for the government to stop its reign of cruelty on its own people, but masked fascists killed another innocent person in broad daylight today. I’m waiting for the economy to work for most Americans, not only the wealthy. I’m waiting for either the tech bubble to pop or for the robots to take my job… either way I’d like this story line to wrap up soon but I must ask, is there a third option? I’m waiting for the next big thing and praying it’s something that makes the world more loving and kind, but a new global religion would be a lot to deal with right now.