CSS and design systems people - BlogFlock2026-05-13T03:46:04.842ZBlogFlockMichelle Barker, Adam Argyle, Hidde de Vries, Sara Joy, Sara Soueidan, Robin Rendle, Robin Rendle, Stephanie EcklesSustained attention/revision - Robin Rendlehttps://robinrendle.com/notes/sustained-attention-revision/2026-05-12T17:02:28.000Z<p><a href="https://www.theguardian.com/us-news/ng-interactive/2026/may/10/fiction-writing-professor-ai">Micah Nathan</a>:</p>
<blockquote>
<p>Writing, I told them, isn’t supposed to be easy, and of course it can be tedious but that doesn’t make it rote. Writing isn’t just the production of sentences – it’s the training of endurance by way of sustained attention. It’s a way of learning what one thinks by attempting to say it. An LLM can reproduce the appearance of that activity, but it can’t replace it, because the value lies not only in the object produced but in the transformation that occurs during its making. [..] I want to see what happens when someone tries to move through language without an intermediary finishing the thought.</p>
</blockquote>
<p>This reminds me of <a href="https://www.theguardian.com/books/2017/mar/04/what-writers-really-do-when-they-write">this piece from Saunders</a>:</p>
<blockquote>
<p>This mode of revision, then, is ultimately about imagining that your reader is as humane, bright, witty, experienced and well intentioned as you, and that, to communicate intimately with her, you have to maintain the state, through revision, of generously imagining her. You revise your reader up, in your imagination, with every pass. You keep saying to yourself: “No, she’s smarter than that. Don’t dishonour her with that lazy prose or that easy notion.”</p>
<p>And in revising your reader up, you revise yourself up too.</p>
</blockquote>CSS Color Picker Now Available As A Figma Plugin - Adam Argylehttps://nerdy.dev/css-color-picker-now-available-as-a-figma-plugin?utm_source=rss2026-05-11T15:19:08.000Z<img style="display: none" src="https://nerdy.dev/media/hdr-color-picker-figma.jpg" alt="HDR Color Picker for Figma" height="1080" width="1920" />
<p>You can now use my <a href="https://color-input.netlify.app/"><code><color-input></code></a> as a <strong>Figma plugin</strong>: </p>
<p><a href="https://www.figma.com/community/plugin/1619430800784494723/hdr-color-picker">HDR Color Picker</a></p>Misery is not wisdom - Robin Rendlehttps://robinrendle.com/notes/misery-is-not-wisdom/2026-05-10T16:34:03.000Z<p>I might be botching a Hank Green quote with the title of this post but I’ve noticed how it’s increasingly difficult to stay buoyant, to keep light on my toes, to feel optimistic about the future. In Italo Calvino’s <em>Six Memos for the Next Millenium</em>, lightness is the first quality he notes for aspiring writers but I’ve always taken it one step further: I believe that lightness is an essential quality to strive for outside of books and e-essays, too. It requires constantly fighting your own brain-goo, the overwhelming complacency and laziness and shortsightedness of so many, and that eternal memento-mori-feeling that all things eventually turn to muck.</p>
<p><em>Lightness</em> is heroic! It is courageous! Not to turn a blind eye to terrible things or ignoring them completely, of course, but rather in the face of so much misery to come out hopeful on the other side of it.</p>
<p>So: here are some things that have kept me <em>light</em>.</p>
<hr />
<p>The new (and final) <a href="https://xoxofest.com/blog/2026-launching-xoxo-explore/">XOXO website</a> is fantastic. I loved XO. I went three times and I miss it already. Plus, the design of this website sure is something else.</p>
<p>(Although it’s not really surprising because you could always trust the XOXO crew to make one hell of a website.)</p>
<hr />
<p>Speaking of websites, <a href="https://gt-mechanik.com/">GT Mechanik</a> is likewise fantastic. With each new GrilliType website I feel a wave of embarrassment—total and utter shame—as I realize how limited my imagination and ambition have become. My favorite part of this website is how you can “tune” to the right scroll destination at the bottom like a radio because usually when someone messes with the scroll it’s a terrible idea—but this works! Sometimes terrible ideas can actually be punk!</p>
<p>Anyway, GrilliType websites are humbling in the best possible way.</p>
<hr />
<p>Widow’s Bay on AppleTV. So. Very. Good. It’s a dark comedy with light hints of horror. Matthew Rhys is one of the few people who can cuss and make me laugh every time. But I still minimize the window when the scary parts happen.</p>
<hr />
<p>I don’t believe that all, or even most, of life can be recorded in a database. But sometimes I like the attempt! Sometimes the effort of trying to computerize the world is foolish yet impressive! And perhaps databases don’t need to be filled to the brim with useless analytics or eye tracking junk or keyboard capture malware! Did you know that some databases are filled with trees?</p>
<p>This is why I like the <a href="https://bsm.sfdpw.org/urbanforestry/">San Francisco Street Tree Map</a>.</p>
<hr />
<p>Calibre’s <a href="https://music.apple.com/us/album/tricklemore-sea/1892016305">Tricklemore Sea</a> has been on repeat all week. It’s brooding, moody, and hypnotic. I’ve been a fan of Dominick Martin’s Calibre for what feels like centuries now and I love how his work yo-yos between drum and bass and something like <em>Tricklemore Sea</em> — lighter, calmer, but with real <em>zoom</em>, a consistent momentum all the way through.</p>
<hr />
<p>I loved this <a href="https://soundcloud.com/caribouband/daphnifold">7 hour set by Daphni/Caribou’s Dan Snaith</a>, too.</p>
<hr />
<p>Jenny Volvovski’s website and the <a href="https://www.jennyvolvovski.com/category/unsolicited">Unsolicited</a> section is such a wonderful idea it hurts:</p>
<blockquote>
<p>In 2012, I really wanted to design book covers but didn’t have any book cover work. So I hired myself to redesign my personal library. To make the series feel cohesive (and to give myself some structure), I set some rules: green, black, and white for colors; Futura, typewriter, handwriting (and sometimes Caslon Italic) for type; hand-made images whenever possible. As time went on, I started breaking my own rules, and as I was hired to make real covers, I made fewer and fewer unsolicited ones.</p>
</blockquote>
<p>The work here is just lovely but this website also fights the eternal fight of being a thing whilst you’re doing a thing. No one will ever give you permission to be a designer or developer, a “real” writer or a “professional” musician. I waited years for someone to tell me what I am, to give me the authorial nod that would let me ascend into doing “real” work. But you have to claim that label for yourself! You doing the work is enough! Ascend!</p>
<p>Also: my second favorite thing about Jenny’s website is the Published section where she shows the options her clients <em>didn’t</em> pick for the final design. Take <a href="https://www.jennyvolvovski.com/covers/field-guide-to-falling-ill#unused-options"><em>The Field Guide to Falling Ill</em></a> for instance. I could look at scrapped book design ideas all day long.</p>
<hr />
<p>I just finished <a href="https://housemarque.com/games/saros">Saros</a>, Housemarque’s latest rogue-lite mind-bending bullet-hell game. I loved the vague storytelling, the sci-fi mystery, the angsty moodiness of the game. And I loved the ending! Make sure to play beyond the first credit sequence though as the story continues beyond them and wraps up things in a much more satisfying way.</p>
<p>At first I wasn’t sold on the protagonist, Arjun Devraj. I thought he was a selfish jerk. But over the course of the game I fell in love. Especially towards the end, and during the secret ending, where he gets one last shot to make things right.</p>
<hr />
<p>On that note, I also watched <a href="https://www.youtube.com/watch?v=fimmD9EtVd0">Returnal is a Hell of Our Own Creation</a> which is all about Housemarque’s previous game that I bounced off after the second boss beat me into oblivion. I would watch out though because this video is a total and complete bummer! But it goes into why Housemarque games are interesting, simply because they don’t have satisfying endings. Their characters are all trapped in hell, incapable of escape even after they think they’ve won.</p>
<p>What makes me excited about this is just how much storytelling room there is to play with in games like these. Rogue-lites are all about learning and death, but Housemarque takes that fun gameplay loop and makes it heartbreaking and tragic.</p>
<p>(Sometimes heartbreak can be inspiring!)</p>
<hr />
<p>I’ve also been playing <a href="https://store.steampowered.com/app/2582320/Mixtape/">Mixtape</a>. And <em>goddamn</em>. I worried at first that this game would be too Wes Andersen, too nostalgic or cheesy. And although it is <em>extremely</em> nostalgic it does that end-of-summer-high-school-goodbye thing in the best way possible. The game is built around a mixtape, a playlist, of the last night in your hometown. And as someone who is partly obsessed with making playlists—here’s <a href="https://music.apple.com/us/playlist/april-2026/pl.u-YR1PuP1XW2K">April 2026</a>—I loved navigating this town, these friendships, these songs.</p>On Podrocket About Why AI Sucks At Frontend - Adam Argylehttps://nerdy.dev/on-podrocket-about-why-ai-sucks-at-frontend?utm_source=rss2026-05-07T15:20:36.000Z<img style="display: none" src="https://nerdy.dev/media/podrocket-ai-sucks-at-frontend.jpg" alt="Podrocket AI Sucks At Frontend" height="569" width="1400" />
<p>Was on <a href="https://podrocket.logrocket.com/">PodRocket</a> to chat about my post <a href="/why-ai-sucks-at-front-end">Why AI Sucks At Front End</a>:</p>
<p>Watch it <a href="https://youtu.be/ejJeQ7K7P2Q">here</a> or <a href="https://podcasts.apple.com/us/podcast/ai-still-sucks-at-frontend-with-adam-argyle/id1539945251?i=1000766615260">listen</a></p>Open web vs AI: what can W3C do? - Hidde's bloghttps://hidde.blog/web-ai-breakout/2026-04-28T00:00:00.000Z<p>At last week’s W3C Advisory Committee meeting, I ran a breakout session on what to do about threats to the open web. We had an interesting conversation. Many interesting points were raised, and some disagreed the web needs saving at all.</p>
<p><em>Disclosure: as the breakout was part of a Member-confidential event, I generalised and synthesised what was raised, and left out attributions to specific individuals, except where I explicitly asked permission (Members can view <a href="https://www.w3.org/2026/04/22-open-web-minutes.html">the minutes</a>).</em></p>
<h2>Wait, what threats?</h2>
<p>Indeed, this session was inspired by <a href="https://www.mnot.net/blog/2026/01/20/open_web">earlier sessions at W3C and IETF</a>. I’m not Mark Nottingham, but I really wanted this breakout to happen and discuss possible ways forward in the context of W3C, so I would just go and propose it.</p>
<p>Let’s first consider the problem at hand. A major reason for the web’s success is that it is open in many ways: it’s powered by open standards, it’s open for everyone to publish on (for fun, fame and/or profit), and it’s open for everyone to read. Perfect.</p>
<p>However… this “everyone” includes LLM crawlers, whose visits have been <a href="https://adactio.com/journal/21831">compared to DDOS attacks</a> and frustrate publishers on the web, much more so than search engines have done for years. It causes websites from your average personal blog to <a href="https://diff.wikimedia.org/2025/04/01/how-crawlers-impact-the-operations-of-the-wikimedia-projects/">Wikipedia</a> struggle with <a href="https://drewdevault.com/blog/Stop-externalizing-your-costs-on-me/">server management</a> and <a href="https://matthiasott.com/articles/webspace-invaders">costs</a>.</p>
<p>At the same time, content is increasingly consumed via LLMs and AI agents, which worries websites that care about content quality (like news organisations, governments, or public health information providers) and advertising income.</p>
<h2>Comments from the blogosphere</h2>
<p>On their blogs, various people added their thoughts to this discussion. Mike Masnick wrote about <a href="https://www.techdirt.com/2026/03/25/ai-might-be-our-best-shot-at-taking-back-the-open-web/">using AI assistants to create our own tools</a>, and provide them with consent driven contexts via <a href="https://atproto.com/">AT Proto</a>. In <a href="https://www.anildash.com/2026/03/27/endgame-open-web/">Endgame for the open web</a>, Anil Dash said we should remember how much the open web matters, volunteer at and support organisations that fight for it, like EFF and Mozilla, and consider what sort of policy or regulation could work. Julien Genestoux added <a href="https://ouvre-boite.com/the-open-web-isnt-dying-were-killing-it/">we’re killing the web</a> and recommended individuals to “publish in places you can leave”, meaning places where you can export data so that you can easily take it elsewhere. He also urged the community to rebuild social primitives, like identity, follow graphs, payment systems and discovery mechanisms, because existing primitives are provided by companies whose values don’t align with ours. Ben Werdmuller <a href="https://werd.io/the-open-web-isnt-dying-were-killing-it/">responded agreeing with Julien’s points</a>, suspecting there’s interest in alternatives, and we need to engage one another more: “it is a work of engaged citizenry that verges on activism”.</p>
<h2>Value extraction and end users</h2>
<p>Chris Needham of the BBC takes part in the <a href="https://datatracker.ietf.org/wg/aipref/about/">AI Preferences work at IETF</a> and shared his worry about the value extraction that is going on, by AI companies, from companies that make the content, saying we must ensure fair value exchange. In that context, he mentioned the <a href="https://www.spurcoalition.org/">SPUR Coalition</a> as one of the initiatives that will develop standards for responsible use of journalist’s content.</p>
<p>Not everbody agreed that the web “needs saving”, as I phrased it in my introduction, or that the problem is new: search engines have always scraped content from the web, in order to help users find that content. And we shouldn’t forget that a lot of end users <em>want</em> agents to help them browse the web, various attendees said. They can helps make sense of the enormous collection of information that is today’s web, in which it is increasingly hard to find stuff. Might AI agents may just qualify as Web User Agents?</p>
<h2>What could W3C do?</h2>
<p>In addition to AI Preferences (IETF) and standards for responsible use of journalistic content (SPUR Coalition), these are some things participants suggested W3C can do:</p>
<ul>
<li>Ensure AI companies are engaged in our standards work and community, possibly through workshops that are relevant for them (this topic is, as a web where nobody makes content will drive them out of business too);</li>
<li>Building on that: serve as a bridge between AI companies and content creators… this is about publishers like the ones that are active at the W3C, but also much broader, including smaller content creators like bloggers or influencers;</li>
<li>Take threats to the open web into account in work on WebMCP and the “agentic web”, making it an “open agentic web”, built on open standards and technologies (rather than proprietary) and based on open principles (rather than walled gardens);</li>
<li>Consider a push model for content, so that websites don’t need to be crawled every second;</li>
<li>Think about standards for payments (<a href="https://webmonetization.org/specification/">Web Monetization</a>?) and attribution, complementing what SPUR will work on.</li>
</ul>
<h2>Summing up</h2>
<p>I was glad to see this breakout full, and though we weren’t able to close out the queue before we ran out of time, we got a little closer to thinking about possible strategies. I am sure this conversation is going to continue in the next month, inside and outside of the W3C community. If you're reading this and have thoughts, do feel free to share!</p>
<hr/>
<p>Originally posted as <a href="https://hidde.blog/web-ai-breakout/">Open web vs AI: what can W3C do?</a> on <a href="https://hidde.blog">Hidde's blog</a>.</p>
<p><a href="mailto:hidde@hiddedevries.nl?subject=Reply%20to:%20Open web vs AI: what can W3C do?">Reply via email</a></p>CSS Recently In All Browsers - Adam Argylehttps://nerdy.dev/CSS-recently-in-all-browsers?utm_source=rss2026-04-26T01:32:25.000Z
<img style="display: none" src="https://nerdy.dev/media/css-recently-in-all-browsers-2026.jpg" alt="CSS FTW" height="680" width="1280" />
<script type="module">
import "https://cdn.jsdelivr.net/npm/baseline-status";
</script>
<p>Here's some rad CSS that just hit baseline between October 2025 - April 2026. </p>
<p>At this point with the following features, the "I can't use it" vibe can shed away.</p>
<h2>
Anchor Positioning
<a name="anchor-positioning" href="#anchor-positioning">#</a>
</h2>
<p>Anchor positioning lets you natively tether components to target elements without adjusting DOM semantics or crowding the main thread.</p>
<p><baseline-status featureId="anchor-positioning"></baseline-status></p>
<p>This widget doesn't show green across the board as of writing this, there are sub features that aren't all supported, but the general featureset is ready.</p>
<p>Checkout <a href="https://xanthir.com/contact/">Tab's</a> talk about <code>anchor</code> called <a href="https://www.youtube.com/watch?v=p18LhnYNkDQ">
Anchor Positioning</a> at <a href="https://cssday.nl/2025/">CSS Day 2025</a>.</p>
<iframe width="800" height="450" style="aspect-ratio: 16/9" src="https://www.youtube.com/embed/p18LhnYNkDQ?si=7s1TLjTe2EfSwGfb" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<p><small>Checkout my post on <a href="/anchor-interpolated-morphing">AIM</a> if you missed it, neat anchor technique for FLIP-like transitions with anchor.</small></p>
<h2>
@scope
<a name="@scope" href="#@scope">#</a>
</h2>
<p>CSS <strong>selector</strong> scoping, not <em>style</em> scoping; a common misconception. </p>
<p>However! With <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@scope"><code>@scope</code></a> we can simplify naming conventions or robobarf classnames just to avoid global cascade collisions. </p>
<p>The <a href="https://www.stubbornella.org/2011/10/08/scope-donuts/">"donut"</a> feature is very special, it can limit styles from cascading into nested components by setting an end to the selector (a donut hole 🍩).</p>
<p><baseline-status featureId="scope"></baseline-status></p>
<p>Chris gave a talk about <code>@scope</code> called <a href="https://www.youtube.com/watch?v=VO1uz2zVCBU">Scope In CSS</a> at <a href="https://cssday.nl/2025/">CSS Day 2025</a>.</p>
<iframe width="800" height="450" style="aspect-ratio: 16/9" src="https://www.youtube.com/embed/VO1uz2zVCBU?si=V6sRqJ22umyjvP2F" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h2>
Name Only Container Queries
<a name="name-only-container-queries" href="#name-only-container-queries">#</a>
</h2>
<p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Container_Queries"><code>@container</code></a> no longer requires a size condition. </p>
<p>You can now conditionally style elements just by name: </p>
<pre><code class="language-css"><pre class="shiki css-variables" style="background-color:var(--shiki-background);color:var(--shiki-foreground)" tabindex="0"><code><span class="line"><span style="color:var(--shiki-token-function)">.sidebar</span><span style="color:var(--shiki-foreground)"> {</span></span>
<span class="line"><span style="color:var(--shiki-token-constant)"> container-name</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-token-constant)"> sidebar</span><span style="color:var(--shiki-foreground)">;</span></span>
<span class="line"><span style="color:var(--shiki-foreground)">}</span></span>
<span class="line"></span>
<span class="line"><span style="color:var(--shiki-token-function)">.card</span><span style="color:var(--shiki-foreground)"> {</span></span>
<span class="line"><span style="color:var(--shiki-token-constant)"> display</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-token-constant)"> grid</span><span style="color:var(--shiki-foreground)">;</span></span>
<span class="line"></span>
<span class="line"><span style="color:var(--shiki-foreground)"> @</span><span style="color:var(--shiki-token-constant)">container</span><span style="color:var(--shiki-token-constant)"> sidebar</span><span style="color:var(--shiki-foreground)"> {</span></span>
<span class="line"><span style="color:var(--shiki-token-constant)"> grid-auto-flow</span><span style="color:var(--shiki-token-keyword)">:</span><span style="color:var(--shiki-token-constant)"> column</span><span style="color:var(--shiki-foreground)">;</span></span>
<span class="line"><span style="color:var(--shiki-foreground)"> }</span></span>
<span class="line"><span style="color:var(--shiki-foreground)">}</span></span></code></pre>
</code></pre>
<ul>
<li>Chrome 130+ </li>
<li>Safari 26.4 </li>
<li>Firefox 149</li>
</ul>
<p><a href="https://chriscoyier.net/">Chris</a> wrote a good post about it over on <a href="https://frontendmasters.com/blog/name-only-containers-the-scoping-we-needed/">FrontEnd Masters</a>. </p>
<h2>
shape()
<a name="shape()" href="#shape()">#</a>
</h2>
<p>Responsive, native CSS geometry. </p>
<p>Draw complex clipping paths using standard CSS syntax and dynamic units (like <code>rem</code> or <code>calc()</code>) instead of being locked into rigid SVG pixel coordinates.</p>
<p><baseline-status featureId="shape-function"></baseline-status></p>
<p><a href="https://css-articles.com/">Temani</a> wrote a rad post about it over on <a href="https://frontendmasters.com/blog/drawing-css-shapes-using-corner-shape/">FrontEnd Masters</a> and a <a href="https://css-tricks.com/complex-css-shapes-with-shape-function/">"complex" post CSS-Tricks</a>.</p>
<h2>
shape-outside with xywh() and rect()
<a name="shape-outside-with-xywh()-and-rect()" href="#shape-outside-with-xywh()-and-rect()">#</a>
</h2>
<p>Wrap inline text around precise geometric boundaries with <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/xywh">xywh()</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/rect">rect()</a>. </p>
<p>Typographical control over floating text flows without relying on images or clip-paths.</p>
<ul>
<li><a href="https://chromestatus.com/feature/6323071520735232">Chrome 128 (recent)</a></li>
<li>Safari 18</li>
<li>Firefox 149</li>
</ul>
<p>Still no <a href="https://chenglou.me/pretext/">pretext</a>, but also still coo.</p>
<h2>
light-dark() with image
<a name="light-dark()-with-image" href="#light-dark()-with-image">#</a>
</h2>
<p>Dark mode backgrounds in a one liner. </p>
<p>Pass <code><image></code> values (like <code>url()</code> file paths or <code>linear-gradient</code>) directly into <code>light-dark()</code>. </p>
<ul>
<li>Chrome <a href="https://developer.chrome.com/release-notes/147">147</a></li>
<li>Safari <a href="https://developer.apple.com/documentation/safari-release-notes/safari-26_4-release-notes">26.4</a></li>
<li>Firefox <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150">150</a></li>
</ul>
<p><a href="https://www.bram.us">Bramus</a> wrote <a href="https://www.bram.us/2026/03/19/more-easy-light-dark-mode-switching-light-dark-is-about-to-support-images/">a post about it over on his blog</a>.</p>
<p><baseline-status featureId="light-dark"></baseline-status></p>
<h2>
view-transition-class and Types
<a name="view-transition-class-and-types" href="#view-transition-class-and-types">#</a>
</h2>
<p>SPA-like routing animations.</p>
<p>With <a href="https://developer.chrome.com/docs/web-platform/view-transitions/same-document#view-transition-class"><code>view-transition-class</code></a> you can target massive collections of DOM nodes with a single animation rule, while <a href="https://developer.chrome.com/docs/web-platform/view-transitions/same-document#view-transition-types">JS View Transition Types</a> let you programmatically direct "forward" or "backward" contextual motion.</p>
<p><baseline-status featureId="view-transition-class"></baseline-status>
<baseline-status featureId="active-view-transition"></baseline-status></p>
<h2>
rcap, rch, rex, ric
<a name="rcap,-rch,-rex,-ric" href="#rcap,-rch,-rex,-ric">#</a>
</h2>
<p>Even more typographic precision. </p>
<p><baseline-status featureId="rcap"></baseline-status>
<baseline-status featureId="rch"></baseline-status>
<baseline-status featureId="rex"></baseline-status>
<baseline-status featureId="ric"></baseline-status></p>
<p>I <a href="/new-relative-units-ric-rex-rlh-and-rch">wrote about these here</a>.</p>
Uncertainty is healthy - Robin Rendlehttps://robinrendle.com/notes/uncertainty-is-healthy/2026-04-25T16:15:50.000Z<p><a href="https://www.merlinsheldrake.com/entangled-life"><em>Entangled Life</em></a> by Merlin Sheldrake is a fantastic book all about mushrooms and fungi but what made it a breezy read for me was how <em>weird</em> they are. It’s like Merlin got his hands on creatures from another dimension where the rules of biology simply don’t apply.</p>
<p>First: Merlin goes into great depth about genes and how they don’t have to be passed on from parent to child. Some organisms can inherit traits <em>horizontally</em>, or from creature to creature. Imagine if you bumped into Hans Zimmer and now you can play the piano. Weird!</p>
<p>Second: Merlin has a whole chapter about <a href="https://en.wikipedia.org/wiki/Lichen">lichens</a> which messed me up. Lichens are odd because they’re symbiotes, <a href="https://en.wikipedia.org/wiki/Symbiote_(comics)">Venom-style</a>, and have a curious relationship with fungi. In fact, the closer you look at them the harder it is to see individual creatures. When you look closely at “a” lichen you see ten thousand other organisms as if you were looking at a city, a collective, a thing of multiple organisms that we just pretend is an individual because that’s how we see ourselves. In fact, when looking at mushrooms, thinking about the world in this way — of separate individuals — doesn’t make much sense at all.</p>
<p>All of this is gloriously sci-fi, as Merlin writes:</p>
<blockquote>
<p>To talk about individuals made no sense anymore. Biology—the study of the relationships between living organisms—had transformed into ecology—the study of the relationships between living organisms.</p>
</blockquote>
<p>This reminds me of James Burke’s <a href="https://en.wikipedia.org/wiki/Connections_(British_TV_series)"><em>Connections</em></a> where he argues that what we think of as separate disciplines — like farming and math or subjects like biology and web design — aren’t separate things. Every discipline is a big soupy mess that gets blurrier and blurrier the closer you look at them.</p>
<p>In the same way, mushrooms and fungi don’t care about conforming to our world of individual identities:</p>
<blockquote>
<p>The study of relationships can be confusing. Almost all are ambiguous. Have leaf-cutter ants domesticated the fungus that they depend on, or has the fungus domesticated the ants? Do plants farm the mycorrhizal fungi that they live with, or do the fungi farm the plants? Which way does the arrow point? This uncertainty is healthy.</p>
</blockquote>
<p>I love this, of course. It feels optimistic, hopeful, sci-fi, and Star-Trek-as-hell, to see ourselves as part of a collective instead of individuals. To see that collaboration is <a href="https://robinrendle.com/notes/strategic-and-necessary/">strategic and necessary</a>.</p>Cozy Ux - Adam Argylehttps://nerdy.dev/cozy-ux?utm_source=rss2026-04-21T02:29:26.000Z<p>I love <a href="https://en.wikipedia.org/wiki/Cozy_game">cozy games</a>. I want more <strong>cozy software.</strong> </p>
<p>It's such a great UI/UX goal: chill, empowerment, and joy.</p>
Cute Ass Whiskey Coaster - Adam Argylehttps://nerdy.dev/cute-ass-whiskey-coaster?utm_source=rss2026-04-17T20:35:16.000Z
<img style="display: none" src="https://nerdy.dev/media/www-coaster.jpg" alt="a coaster made by my 7 year old kid for the Whiskey Web and Whatnot show" height="1200" width="1200" />
<p>So stinkin' cute!</p>
WWW Ep240 AI Cowgorithm Disrupts The Herd - Adam Argylehttps://nerdy.dev/www-ep240-AI-cowgorithm-disrupts-the-herd?utm_source=rss2026-04-16T22:57:10.000Z
<img style="display: none" src="https://nerdy.dev/media/www-ep240.jpg" alt="Whiskey web and whatnot episode 240" height="1000" width="1000" />
<p><span class="Tag">Ep #240</span><br>
<strong>AI Cowgorithm Disrupts The Herd</strong><br>(presented by <a href="https://oz.dev">Warp</a>)</p>
<p>🕹️ Token spending<br>🧐 <a href="https://github.com/karpathy/autoresearch">Autoresearch</a><br>🌗 Day Shift / Night Shift<br>🐄 <a href="https://www.komu.com/news/midmissourinews/mu-farm-embraces-new-technology-used-for-controlling-cattle/article_0d8ed7b5-ea8f-4cb6-9cee-98365a990afe.html">Cowgorithms</a><br>💻 <a href="https://cmux.com/">Terminal tools</a><br>🥃 Whiskey & whatnot </p>
<p>⤷ <a href="https://whiskey.fm/ai-cowgorithm-disrupts-the-herd-presented-by-warp">whiskey.fm</a> · <a href="https://www.youtube.com/watch?v=qmlnApb-XE0">youtube</a> · <a href="https://open.spotify.com/episode/7w6cYIV2Pif1ulsG2ZHLEz">spotify</a> · <a href="https://podcasts.apple.com/us/podcast/ai-cowgorithm-disrupts-the-herd-presented-by-warp/id1552776603?i=1000761824952">apple</a></p>
Why AI Sucks At Front End - Adam Argylehttps://nerdy.dev/why-ai-sucks-at-front-end?utm_source=rss2026-04-12T05:48:57.000Z
<img style="display: none" src="https://nerdy.dev/media/why-ai-sucks-at-front-end.jpg" alt="The left panel is titled AI - MASTER OF ENGINE & CREATION and features a sophisticated, human-like android robot with detailed internal circuits and a glowing brain. Floating text around the robot says - REWRITING GAME ENGINES with a small video screen, GENERATING REALISTIC VIDEO/IMAGES with code on a screen, and CONFIDENCE - 100%. The right panel is titled AI - FRONT-END CSS FAIL and shows a cluttered desk with a distressed small robot next to a frustrated human man pointing aggressively at a computer screen. The computer displays a chaotic webpage full of broken layout elements and a giant black void called a gaping hole. The small robot has a speech bubble that says - I'M DONE! THE FEATURE IS COMPLETE. Floating text phrases on the right side are - BESPOKE INTERACTION NIGHTMARE, CSS IS HARD, YOU'RE ABSOLUTELY RIGHT, CAN'T RENDER, LLM CAN'T MATH. The human has a mug with </> and nerdy.dev written on it." height="674" width="1920" />
<p>AI is a sycophantic dev wannabe that skimmed a shitload of tutorials. You get the results of a probabilistic guess based on patterns it saw during training. What did it train on? Ancient solutions, unoriginal UI patterns, and watered down junk.</p>
<p>I'm about to rant about how this is both useful and lame. </p>
<h2>
The Good
<a name="the-good" href="#the-good">#</a>
</h2>
<p><strong>AI loves the boring stuff. It thrives on mediocrity.</strong></p>
<p>If you want some gloriously unoriginal UI, it has your back 😜</p>
<ul>
<li><strong>Scaffolding:</strong> Generic regurgitation of patterns it's seen, done.</li>
<li><strong>Tokens:</strong> Migrating tokens or mapping them out? It eats this tedious garbage for breakfast. </li>
<li><strong>Outlining features:</strong> Generic lists ✅</li>
<li><strong>Lying to your face:</strong> Confident hot garbage on a silver platter. It'll hand you a snippet, dust off its digital hands, and tell you it finished the work. <em>It did not finish the work.</em></li>
</ul>
<p>Aka: If it's a well-worn pattern, AI is there to help you copy-paste faster. Which, for a lot of programming, is totally the case. I'm genuinely finding a lot of helpful stuff in this department.</p>
<h2>
The Bad
<a name="the-bad" href="#the-bad">#</a>
</h2>
<p><strong>Pixel perfection & bespoke solutions… what are those?</strong></p>
<p>The exact second you step off the paved road of unoriginality, it faceplants. </p>
<ul>
<li><strong>Bespoke solutions & custom interactions:</strong> Try asking it for some scroll-driven animations or custom micro-interactions. It will invent a CSS syntax that hasn't existed since IE6. </li>
<li><strong>Layout & Spacing:</strong> Predicting intrinsic/extrinsic page properties? It's already bad at math, how could it get this rediculously dynamic calculation correct. Spacing? Ha, seems reasonably to expect symmetry, but it's terrible at the math.</li>
<li><strong>Combined states:</strong> Pinpointing where to edit a complex component state makes it cry. </li>
<li><strong>Accessibility:</strong> It throws <code>aria-hidden="true"</code> at a wall and hopes it sticks. </li>
<li><strong>Performance:</strong> It will give you the heaviest, jankiest solution unless you explicitly ask it to be for a specific (apparently "indie") performance solution. </li>
<li><strong>Tests:</strong> Writing good tests? Good, no. A lot, yes.</li>
</ul>
<p>And the absolute best part? The more complex the component gets, the slower and dumber the front-end help becomes. Incredible how it can one shot a totally decent front-end design or component, than choke on a follow up request. Speaks to what it's good at.</p>
<h2>
Why?
<a name="why?" href="#why?">#</a>
</h2>
<h3>
1. It trained on ancient garbage
<a name="1.-it-trained-on-ancient-garbage" href="#1.-it-trained-on-ancient-garbage">#</a>
</h3>
<p><strong>It lacks modern training data.</strong></p>
<p>It has an excessive reliance on standard templates because that's what the internet is full of. Modern CSS? It's barely aware of it. </p>
<h3>
2. It literally cannot see
<a name="2.-it-literally-cannot-see" href="#2.-it-literally-cannot-see">#</a>
</h3>
<p><strong>It's an LLM, not a rendering engine!</strong></p>
<p>It's notoriously bad at math, and throwing screenshots at it means very little. It's stabbing in the dark. </p>
<p>This leads to the classic UI interaction: </p>
<p><strong>AI:</strong> <em>"I'm done! Here is your perfectly crafted UI."</em><br><strong>Me:</strong> <em>"There's a gaping hole where the icon should be, fix the missing icon."</em><br><strong>AI:</strong> <em>"You're absolutely right. Let me fix that for you."</em></p>
<h3>
3. It doesn't know WHY we do things
<a name="3.-it-doesn't-know-why-we-do-things" href="#3.-it-doesn't-know-why-we-do-things">#</a>
</h3>
<p><strong>It doesn't understand the "why" behind our architectural decisions.</strong></p>
<p><a href="https://github.com/github/spec-kit/blob/main/spec-driven.md">SDD</a>, <a href="https://cucumber.io/docs/bdd/">BDD</a>, or <a href="https://stately.ai/docs/machines">state machines</a> might help guide it, but the models weren't exactly trained on those paired with <em>stellar</em> solutions. </p>
<p>We're asking a giant text-predictor to make new connections on the fly. We can get it there, but there's so much to consider we have to spell it out before it starts making the connections we want.</p>
<h3>
4. Zero environmental control
<a name="4.-zero-environmental-control" href="#4.-zero-environmental-control">#</a>
</h3>
<p><strong>It doesn't control where the code lives.</strong></p>
<p>It can write annoyingly amazing Rust, TypeScript or Python, but those have the distinct advantage of a predictable (pinnable!!! like v14.4) environment the code executes in. </p>
<p>That's not how HTML or CSS work, there is no pinning the browser type, browser window size, browser version, the users input type (keyboard, mouse, touch, voice), their user preferences, etc. That's complex end environment shit.</p>
<p>The list goes on too, for scenarios, contexts and variables the rendering engine juggles before resolving the final output. The LLM doesn't control these, so it ignores them until you make them relevant.</p>
<p>Even <a href="/prompt-in-logical-properties">prompting in logical properties</a>, you have to ask for this kind of CSS. These should be CSS tablestakes output from LLMs, but it's not. And even when you ask for it, or provide documentation that spells it out, it's not guaranteed to work. </p>
<p>The place where HTML and CSS have to render is chaotic. It's a browser, with a million different versions, a million different ways to render, a million different ways to interact with it, and a million different ways to break it. </p>
<p><strong>It's a moving target, and LLMs are terrible at moving targets.</strong></p>
<h2>
Damnit humans
<a name="damnit-humans" href="#damnit-humans">#</a>
</h2>
<p><strong>We're a LLM combinatorial explosion.</strong></p>
<p>We're wildly unpredictable targets. We change our minds, we switch viewports, we change theme preferences, we changes devices, we change browsers, we change browser versions, we switch inputs, we change our everything. </p>
<p>We're not a static target. We're not a pattern that can be learned. </p>
<p>There is a "human mainstream" of behaviors, preferences, and expectations where LLMs can be genuinely helpful; but our "full potential" matrix will be exploding LLM output patterns for a long time to come. IMO at least.</p>
<p><small>unless we <a href="https://en.wikipedia.org/wiki/Borg">Borg</a>.</small></p>
WWW Ep239 Flogging Margins With The Dropcap Murphys - Adam Argylehttps://nerdy.dev/www-ep239-flogging-margins-with-the-dropcap-murphys?utm_source=rss2026-04-10T16:45:12.000Z
<img style="display: none" src="https://nerdy.dev/media/www-ep239.jpg" alt="Whiskey web and whatnot episode 239" height="1000" width="1000" />
<p><span class="Tag">Ep #239</span><br>
<strong>Flogging Margins With The Dropcap Murphys</strong><br>featuring <a href="http://daverupert.com/">Dave Rupert</a> and <a href="https://chriscoyier.net/">Chris Coyier</a></p>
<p>™️ Brand Truth vs Brand Slop<br>🔫 One-Shot Apps<br>🧑🎨 CSS in the Age of AI<br> Context Rot<br>🧛🏻♂️ Energy Vampires & AI Brain Fry<br>🥃 Whiskey & whatnot </p>
<p>⤷ <a href="https://whiskey.fm/flogging-margins-with-the-dropcap-murphys">whiskey.fm</a> · <a href="https://www.youtube.com/watch?v=64PypG4gh6U">youtube</a> · <a href="https://open.spotify.com/episode/6SDM0A3qlQWFtQxXTLKY2s">spotify</a> · <a href="https://podcasts.apple.com/us/podcast/flogging-margins-with-the-dropcap-murphys/id1552776603?i=1000760416575">apple</a></p>
Migration To Fresh 2 And Denos Latest Console Complete - Adam Argylehttps://nerdy.dev/migration-to-fresh-2-and-denos-latest-console-complete?utm_source=rss2026-04-03T19:16:36.000Z<p><a href="https://dash.deno.com">dash.deno.com</a> → <a href="https://console.deno.com">console.deno.com</a><br>Fresh → <a href="https://fresh.deno.dev">Fresh 2</a></p>
<p>This was a large chunk of work 😅</p>
<p><small>Please report any regressions.</small></p>
WWW Ep238 Nextjs Is Dead Long Live Nextjs Presented By Warp - Adam Argylehttps://nerdy.dev/www-ep238-nextjs-is-dead-long-live-nextjs-(presented-by-Warp)?utm_source=rss2026-04-02T16:10:02.000Z
<img style="display: none" src="https://nerdy.dev/media/www-ep238.jpg" alt="Whiskey web and whatnot episode 237" height="1000" width="1000" />
<p><span class="Tag">Ep #238</span><br>
<strong>NextJS is Dead, Long Live NextJS (presented by <a href="https://oz.dev/">Warp</a>)</strong></p>
<p>🏭 <a href="https://www.danshapiro.com/blog/2026/01/the-five-levels-from-spicy-autocomplete-to-the-software-factory/">Dark Factories</a><br>🤖 YOLO mode<br>❌ T shape vs X shape<br>🦞 <a href="https://openclaw.ai/">OpenClaw</a><br>💀 Death of SaaS<br>🥃 <a href="https://redwoodempirewhiskey.com/whiskey/pipe-dream-bourbon/">Redwood Empire</a> & whatnot </p>
<p>⤷ <a href="https://whiskey.fm/nextjs-is-dead-long-live-nextjs-presented-by-warp">whiskey.fm</a> · <a href="https://www.youtube.com/watch?v=GKGsvg9NOVg">youtube</a> · <a href="https://open.spotify.com/episode/5alMvPgO8Uu1AGgPBrEKrL">spotify</a> · <a href="https://podcasts.apple.com/us/podcast/next-js-is-dead-long-live-next-js-presented-by-warp/id1552776603?i=1000758802193">apple</a></p>
Notes from “AI & the Future of Sustainability Reporting” - Hidde's bloghttps://hidde.blog/ai-sustainability-reporting/2026-04-01T00:00:00.000Z<p>Today I was at an event on sustainability reporting. It was hosted by Digital Catapult and excellently moderated by <a href="https://www.jolindsaywalton.com/">Jo Lindsay Walton</a> and <a href="https://www.digicatapult.org.uk/about/team/chanell-daniels/">Chanell Daniels</a>.</p>
<p>I was glad I was able to to join, given my interest in AI ethics (at work and W3C), a greener future (as a contributor to <a href="https://www.w3.org/TR/web-sustainability-guidelines/">WSG</a>), and in reporting methodologies (but for accessibility, as an editor of <a href="https://www.w3.org/TR/wcag-em-2/">WCAG-EM</a>). I don't know a lot about sustainability reporting, so was keen to learn.</p>
<p>The event had a keynote, two panels and two interactive session. In this post, I'll share notes and links that I picked up from the day. And yes, this post too adheres to <a href="https://hidde.blog/ai">my AI statement</a>.</p>
<p><img alt="stage with screen showing event name, four chair and a lecturn, with st pancras visible through the windows" src="https://hidde.blog/_images/sustrep.jpg" /> <em>The event was backdropped by most of London's St Pancras Station.</em></p>
<h2>Keynote: why reporting matters</h2>
<h3>1.5 degree promise</h3>
<p>In his keynote, Jo Lindsay Walton positioned the event as being about climate change more than AI, reminding us that we <a href="https://en.wikipedia.org/wiki/Paris_Agreement">promised one another</a> to stay “<a href="https://en.wikipedia.org/wiki/2_degree_climate_target">well below 2 degrees Celcius</a>” compared to pre-industrial levels, and recently “effectively missed the 1.5 degrees target”. This is why carbon removal matters, now more than ever.</p>
<h3>The bath tub</h3>
<p>Using <a href="https://news.mit.edu/2008/climate-sterman-0820">John Sterman's bathtub metaphor</a>, he said we're collectively pouring more water into the tub than we're allowing to drain. “We need to equalise the drain with the tab going into the bath tub”, Jo explained, “doing more removals than emissions”. This applies to AI in the sense that AI is the main reason that tech companies are currently increasing (rather than decreasing) their energy use, they're pouring more into the tub than they are letting out. The assumption may be that technology could eventually lead to reaching carbon reduction goals faster, but the required scale and pace is not yet to be seen. At the same time, AI can divert our focus from greenhouse gas removals.</p>
<h3>Policy implications</h3>
<p>The report “<a href="https://www.mctd.ac.uk/wp-content/uploads/2025/07/Big-Techs-Climate-Performance-and-Policy-Implications-for-the-UK.pdf">Big Tech’s climate performance and policy implications for the UK</a>”, that Jo mentioned, notes “there is a real risk that emissions from the AI build-out will outstrip any climate gains as tech companies abandon net zero goals and pursue huge AI-driven profits”.</p>
<h3>Net benefit/detriment framing</h3>
<p>“Is AI a net benefit or net detriment to sustainability?”, people often ask. Jo explained this is the wrong question—it's misleading as it conflates many different kinds of AI systems that have different infrastructural requirements. It puts things like ChatGPT in the same bucket as other more traditional systems. Like when we talk transport we don't want to conflate planes with bicycles. Jo and colleagues reject this framing in their paper “<a href="https://hal.science/hal-05513842v1/file/Modelling_diverse_futures_of_AI_and_the_climate.pdf">Modelling diverse futures of AI and the climate</a>”, recommending an approach that includes open data, being explicit about what's uncertain, and inclusion of broad stakeholders.</p>
<h3>How you measure matters</h3>
<p>Measuring sustainability is essential, and there is a <a href="https://academic.oup.com/rof/article/26/6/1315/6590670?login=false">risk of divergence between scores</a> (more on that below). Without good measurements, claims could become greenwashing (a practice <a href="https://eur-lex.europa.eu/eli/dir/2024/825/oj/eng">EU Directive 2024/825</a> effectively prohibits). We mention greenwashing in the introduction of <a href="https://www.w3.org/TR/web-sustainability-guidelines/#introduction">the Web Sustainability Guidelines</a>, and in the group making WCAG, the accessibility standard, something similar has our attention: it's important that people can't “abuse” the system.</p>
<p>On greenwashing, Jo mentioned “<a href="https://caad.info/wp-content/uploads/2026/03/AI-for-climate-claims-unsupported.pdf">The AI Climate Hoax: Behind the Curtain of How Big Tech Greenwashes Impacts</a>” (PDF), that talks about how being vague about the meaning of the word “AI” helps corporations avoid responsibility.</p>
<h3>Differences in methodologies</h3>
<p>Lastly, Jo discussed that between ways to measure carbon, results can differ quite a bit, even between methods that are considered reasonable. A (preprint) paper explaining this effect is <a href="https://research-information.bris.ac.uk/en/publications/beyond-counting-carbon-ai-environmental-assessments-struggle-to-i/">Beyond Counting Carbon: AI Environmental Assessments Struggle to Inform Net Impact Decisions</a>.</p>
<h2>Panel 1: Is AI sustainable?</h2>
<p>After Jo's talk, he moderated a panel on risks, trade-offs, and futures.</p>
<h3>The supply-driven nature</h3>
<p>Loïc Lannelongue said it's problematic that AI is pretty much entirely supply driven, rather than driven by demand to solve problems. Copilot, for example, is introduced absolutely everywhere and it's like we're waiting for someone to raise their hand to find reasons to use it… that's terrible from a sustainability perspective.</p>
<h3>The full lifecycle</h3>
<p>Melissa Gregg talked about how helpful it was to, when she worked at Intel, bring the company's sustainability folk together with engineers, to close specifically those gaps. She also explained that it was important to move from spend-based carbon accounting to a more holistic type of accounting that includes embodied carbon and the full lifecycle. Especially as companies release devices that contain more and more chips (like smarts glasses).</p>
<h3>Accuracy</h3>
<p>The panel discussed whether accuracy in reporting even matters, as even inaccurate reporting can already help movement in the right directions. Besides, there is also sustainability impact (concerning the <a href="https://en.wikipedia.org/wiki/Environmental,_social,_and_governance">S of ESG</a>) that cannot easily be captured by metrics, like the effects of increasing digitalisation on working conditions, human rights, and communities.</p>
<h3>Policy and five 9's</h3>
<p>Policy and regulation was also discussed. Loic mentioned that it's common for data centres to guarantee uptime with “five 9's”, meaning they guarantee to be available 99,99999% of the time. This sounds great and very reliable indeed, but in terms of energy it means that those data centres use <em>diesel power</em> to achieve it. We could introduce policy and regulation for such metrics, and decide when it really matters: a cat video on YouTube could be unavailable for a couple of minutes, while for a hospital, the possible life and death consequences of downtime could justify lots of 9s. With most more services striving for less 9s, might we avoid lots of carbon emissions?</p>
<h2>Panel 2: AI tools in sustainability reporting</h2>
<p>The second panel was about using AI in the process of sustainability reporting.</p>
<p>I was surprised to hear that many in the panel advocated for using AI in all sorts of ways, including for analysis. Given what we know about hallucination and the inner workings of LLMs (and then I'm still ignoring the energy use), I struggle to understand this cost/benefit analysis. But admittedly, I don't write sustainability reports, so I can't really speak to whether my choice deprives me of productivity wins that would have enabled me to do more carbon removal.</p>
<p>AI helps do sustainability work faster, was a common theme in this panel. One of the panelists explained his agentic AI setup as “having cognitive slaves (sic) work as assistants for you”. I struggled to identify with the desire to “have” “slaves” (I could not separate it from my immediate connotation with <a href="https://news.un.org/en/story/2026/03/1167199">a historical wrong</a>), and felt attributing “cognition” to agents anthropomorphises them. There is way too much that philosophers, psychologists, and neuroscientists don't yet understand about cognition to back that up.</p>
<p>In this panel, it was interesting to hear how the panelists worked with AI, and get their insights on how AI benefits their sustainability work, as well as how it may end up impacting the industry.</p>
<h2>Activity: the future</h2>
<p>In the last session we worked in groups to imagine the year 2040, when all the problems with AI have disappeared and all is peachy. Jo acted as a time machine that took us from 2040 to 2035 to 2030, having us figure out what changes to make to get to this future.</p>
<p>This was a fun thought process, and it had me considering what it would be like to have public-interest, non-problematic AI only. One group proposed to bring critical thinking to the classroom, as early as possible. As someone who was lucky enough to have dedicated philosophy classes in my high school curriculum, that I still often think about decades later, I wholeheartedly agreed.</p>
<h2>Summing up</h2>
<p>I had a great time at the “AI and the future of sustainability reporting” event, and am grateful to the organisers for putting it on, and Digital Catapult for hosting it in their beautiful location.</p>
<hr/>
<p>Originally posted as <a href="https://hidde.blog/ai-sustainability-reporting/">Notes from “AI & the Future of Sustainability Reporting”</a> on <a href="https://hidde.blog">Hidde's blog</a>.</p>
<p><a href="mailto:hidde@hiddedevries.nl?subject=Reply%20to:%20Notes from “AI & the Future of Sustainability Reporting”">Reply via email</a></p>Software is a feeling - Robin Rendlehttps://robinrendle.com/notes/software-is-a-feeling/2026-03-29T18:52:09.000Z<p>I made a few updates over the weekend!</p>
<p>All the images in <a href="https://robinrendle.com/photos">/photos</a> are smartly resized and they also load as you scroll so I’m not sending you 700GB of data down the wire. I have a lot of ideas about what I’d like to turn /photos into but either way it’s amazing how little work is required to build your own personal Flickr with a bit of CSS and hooking up a folder of images to 11ty (now <a href="https://www.11ty.dev/blog/build-awesome/">Build Awesome</a>).</p>
<p>I need to figure out how I can have a nice folder of images <em>and</em> make it easy to add more <em>and</em> have <code>alt</code> text with a tiny description of the location or the scene though. But as any blogger will tell you: the greatest threat to any blog is how difficult it is to maintain and update. Improving the accessibility and design is great but it can’t come at the expense of adding more faff to update things. That’s how all blogs eventually die.</p>
<p>Oh, also? I should definitely add a feed for /photos.</p>
<hr />
<p><a href="https://robinrendle.com/notes/reading-without-reading/">I mentioned</a> Mass-Driver’s <a href="https://mass-driver.com/typefaces/md-ui/">MD UI</a> last week and since it was designed to pair so well with <a href="https://mass-driver.com/typefaces/md-io/">MD IO</a>—the typeface I use for body copy here—I decided to make the switch. Now MD UI is the typeface I’m using for navigation and titles and for the first time I’m using a variable font which feels nice and future proof if I want to tinker with the design.</p>
<p>You can see it in the sidebar and it’s just great. But I particularly love, love, love MD UI at big sizes. It packs a real punch and I’ve spent the last twenty minutes looking at the type specimen and thinking about how I can use it elsewhere in my website besides the sidebar. I’ll think about it more!</p>
<hr />
<p><em>Unrelated note: I love the italics of MD IO and I went back and forth making the whole site in italics a while ago because I love it so much. Look! Isn’t this just great? It has so much style and quirkiness. This is why I love to quote books and websites because italics make all writing better and smarter and hotter. Monospace italics ftw!</em></p>
<hr />
<p>A while back I noticed a strange flash of text as I navigated between pages. After tinkering around it looks like the html/body element needs a color background when you’re using <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@view-transition">view transitions</a>. After that tiny fix things certainly feel a lot more like a native IDE but my website still feels...fragile? And certainly not native enough for my liking.</p>
<p>I wonder how else I can make the interface more stable, more predictable, and less like a haphazard pile of links and text. (Generally I hated the curse of the 2010s, the React-ification of the world wide web, and always felt that technology greatly contributed to the way that most websites were hobbled with bloated, junk technology. But I think the general desire from folks to want stable-feeling websites, to make their websites feel like “grown-up” or “stable”, was correct. It should’ve just been done in a standards-compliant-way instead of a bloated-terrible-mess kind of way. Anyway!)</p>
<hr />
<p>It’s been ~3 months since I launched this variation of my website and it feels like this one might last all year. I can’t remember if that’s happened before! Most designs last a couple of months until I anxiously tear them to shreds. But this guy? I still like it! I have no grand desire to redesign everything but only to tweak, tweak, tweak.</p>
<hr />
<p>I have this idea for a “collection”—tagged posts, basically—where I can group notes and essays into playlists that have a common theme, a suggested method of entry. I think Paul Ford did this in a previous design of <a href="https://www.ftrain.com/">Ftrain</a> which I always admired. Right now I have a chronological list of posts but there’s other ways to slice them up, other ways to present them, that I’ve mostly left ignored.</p>
<hr />
<p>The only big bug that bugs me right now is how selecting a folder in the sidebar takes you to a full screen page of the contents. So you’re viewing the folder’s contents in the sidebar and the main content area at the same time. I thought this was a good idea a while ago so that I can provide more information about a post but now it feels finicky and annoying to open a folder and navigate.</p>
<p>Perhaps this is why the interface feels a little untrustworthy, a little unpredictable at times. Software is a <em>feeling</em> and sometimes that feeling is hard to understand, difficult to parse. Investigating what makes software feel “correct” is using it ten thousand times for months on end, and what was once a punk rock idea in a drawing app suddenly feels slow and wrong and weird when transmuted into code and brought into life.</p>WWW Ep237 Using Ai Wrong With Leon Noel And Danny Thompson - Adam Argylehttps://nerdy.dev/www-ep237-using-AI-wrong-with-Leon-Noel-and-Danny-Thompson?utm_source=rss2026-03-26T15:49:22.000Z
<img style="display: none" src="https://nerdy.dev/media/www-ep237.jpg" alt="Whiskey web and whatnot episode 237" height="1000" width="1000" />
<p><span class="Tag">Ep #237</span><br>
<strong>The Transactional Trap:</strong><br>How 97% of Developers Are Using AI Wrong<br>- with <a href="https://www.linkedin.com/in/leonnoel/">Leon Noel</a> & <a href="https://www.linkedin.com/in/dthompsondev/">Danny Thompson</a></p>
<p>🤖 agentic dev<br>💬 prompt engineering<br>🦞 <a href="https://openclaw.ai/">OpenClaw</a><br>🎼 orchestration, harnesses, and models<br>💀 leet code interviews<br>🕹️ <a href="https://www.pokemongo.com/">Pokemon Go</a><br>🥃 whiskey & whatnot </p>
<p>⤷ <a href="https://whiskey.fm/the-transactional-trap-how-97-of-developers-are-using-ai-wrong-w-leon-noel-danny-thompson">whiskey.fm</a> · <a href="https://www.youtube.com/watch?v=HJG8xd8hJHI">youtube</a> · <a href="https://open.spotify.com/episode/0sFGjayW1AtsvYXPaFBJUI">spotify</a> · <a href="https://podcasts.apple.com/us/podcast/the-transactional-trap-how-97-of-developers-are-using/id1552776603?i=1000757444483">apple</a></p>
Rfc Latest Color Input Concept - Adam Argylehttps://nerdy.dev/rfc-latest-color-input-concept?utm_source=rss2026-03-23T05:03:51.000Z
<img style="display: none" src="https://nerdy.dev/media/color-input-concept-1.jpg" alt="color input concept 1" height="988" width="828" />
<p><a href="https://deploy-preview-50--color-input.netlify.app/api/">Try the latest <code><color-input></code> concept</a><br><small>(I think it's hella rad)</small></p>
<p>⚓️ <code>anchor()</code> progressive enhancement<br>🤖 workers for color compute<br>🙈 new animations & interactions<br>🎨 gamut boundaries, mapping, stretching<br>☯️ contrast scores<br>& much more </p>
<p>QA and <a href="https://github.com/argyleink/css-color-component/pull/50">comment on GitHub if you may.</a></p>
Landslide; a ghost story - Robin Rendlehttps://robinrendle.com/notes/landslide-a-ghost-story/2026-03-21T16:24:19.000Z<p><a href="https://www.wrecka.ge/landslide-a-ghost-story">Erin Kissane</a>:</p>
<blockquote>
<p>There is a lot—like a lot a lot—of research suggesting that using social media to keep up with news does not actually inform us but does makes us feel more informed. Many studies of many populations have found for knowledge about what’s happening to us, social media essentially magnifies the Dunning-Kruger effect. When we talk about brainrot, we’re not wrong.</p>
</blockquote>
<p>This mirrors how I’ve felt for a long while. Mostly, guilty about taking a big step back from reading or listening to the news. It’s too difficult. And the more I read, the less informed, the less connected to the world, I feel. Reading the news in 2026 feels like connecting to a hive mind of 8 billion people screaming in every direction. I want to be a part of it, I want to contribute, but I feel weak under its influence. It almost feels like knowing the world in this way doesn’t feel useful or practical or even possible, emotionally. Thankfully the data backs me up but it doesn’t feel great, huh.</p>
<p>Erin also writes:</p>
<blockquote>
<p>Real belief in collective knowledge may also suggest that caring for our own knowledge formation in social systems is a way of caring for the system as a whole. Necessary, if not sufficient.</p>
</blockquote>
<p>I like this. Caring for my dinky garden blog is how I show care for the overwhelming, unknowable, impossible mass that is all human knowledge.</p>
<p>If I can be a steward over here, you can be a steward over there…</p>Reading without reading - Robin Rendlehttps://robinrendle.com/notes/reading-without-reading/2026-03-20T05:30:10.000Z<p>Mass-Driver just released <a href="https://mass-driver.com/typefaces/md-ui/">MD UI</a>, a neo-grotesque type family that’s been designed to compliment Rutherford Craze and Co.’s already <a href="https://mass-driver.com/typefaces/md-io/">excellent mono-space</a>. And just as the name implies, MD UI is designed for <a href="https://mass-driver.com/article/md-ui-a-typeface-for-interfacing">a different kind of reading</a>:</p>
<blockquote>
<p>When we think about reading, we tend to picture books, or magazines, or business reports. Blocks of text, traversed from beginning to end. There’s another kind of reading, though, one which I think we do much more often without really noticing it.</p>
<p>It’s a kind of instantaneous scanning of a word or two at a time: the hour on a smartwatch, or the label on microwave dial, or the URL in your web browser. I like to call this interfacing, because it’s less about digesting information (or experiencing the text) than about interacting with your immediate surroundings. You don’t think of it as reading at all — it just happens.</p>
</blockquote>
<p><em>Interfacing</em> is a great word! I realize now just how limiting it is to describe all types of reading as simply <em>reading</em>, as if all flowers are <em>flowers</em> or all birds are <em>birds</em>. The world is more complicated! There is nuance here! And of course the way we process information is more complex than a single word can hope to describe.</p>
<p>Also, I appreciate the confidence from Mass-Driver in this new type release. There’s a self-assuredness (without ego!) that can be found in the design notes that I truly admire:</p>
<blockquote>
<p>MD UI isn’t so much a revival of the International Style as an anticipation of its potential future. It’s an attempt to take the familiar and push it just one step further; to fix a couple of the annoyances while leaving what works alone. That’s easier said than done. But it’s done.</p>
</blockquote>