CSS and design systems people - BlogFlock https://blogflock.com/list/YqGNJ 2026-10-03T20:45:16.000Z BlogFlock svoisen Page View Count Regression Fixed - Adam Argyle https://nerdy.dev/page-view-count-regression-fixed?utm_source=rss 2026-10-03T20:45:16.000Z Adam Argyle <p>Page view counts regressed Oct 1 and were fixed just now. Hopefully those historical counts can be retrieved or fixed; working on it.</p> Transitioning Field Sizing Content With CSS - Adam Argyle https://nerdy.dev/transitioning-field-sizing-content-with-css?utm_source=rss 2026-10-03T00:04:08.000Z Adam Argyle <video controls src="https://nerdy.dev/media/field-sizing-content-transitioning.mp4" width="966" height="544"></video> <p><strong>Neat CSS trick:</strong></p> <p>Use <a href="https://developer.mozilla.org/docs/Web/CSS/Guides/Anchor_positioning">anchor</a> to track the size changes in a <code>textarea</code> (or whatever) and transition instead of instantly update šŸ¤˜šŸ»</p> <p><a href="https://codepen.io/argyleink/pen/qErPZoR">See on Codepen</a></p> How IT can get more sustainable quicker: notes from Green IO - Hidde's blog https://hidde.blog/green-io-2026/ 2026-10-02T00:00:00.000Z Hidde de Vries <p>At <a href="https://greenio.tech/conference/22/london-2026-september">Green IO this week</a>, I heard about offshore wind, sustainability data, and cloud certification. This post has some notes I took. They all in some way relate to what can get us to more sustainable IT quicker.</p> <h2>Better sustainability data</h2> <p>It's really hard to reason about your organisation's impacts without data. <strong>Hannah Smith</strong> (virtual) and <strong>Oliver Cronk</strong> (in-person) talked us through a new Green Web Foundation community project that helps with better data: <a href="https://dist.greenweb.org/">Digital Impacts Schema and Taxonomy</a> (ā€œDISTā€).</p> <p>DIST has three parts:</p> <ul> <li>a <a href="https://dist.greenweb.org/taxonomy">taxonomy</a> (ensures you can compare ā€œapples to applesā€ by categorising impacts in upstream impacts like software and hardware, operational impacts like employee devices and cloud services, and downstream impacts like end-user devices),</li> <li><a href="https://dist.greenweb.org/methodologies">methodologies</a> to measure, calculate, and estimate impacts, tagged with DIST categories,</li> <li>a structured data format to exchange the collected data in a standardised and machine-readable manner.</li> </ul> <p>So it answers what data to collect, how to collect it, and how to describe it once you've got it, all in one system.</p> <h2>Offshore wind</h2> <p>In "Can offshore wind power the AI boom?", professor <a href="https://www.southampton.ac.uk/people/5xlfgx/professor-susan-gourvenec"><strong>Susan Gourvenec</strong></a> of the University of Southhampton talked to us about offshore wind. She debunked some myths, like how much space they use: only a very small proportion compared to other bits. Do they kill birds? Yes, but cats are their main killer by a long mile. Is it expensive? The cost of delaying decarbonisation is much higher, both in terms of economic (productivity) and social costs. Aren't the materials environment unfriendly? Yes, but greener steel is in the works. My main takeaways: offshore wind takes relatively little space (in relation to other offshore activities), there is a lot of it possible, and it could be enough to power the AI boom.</p> <h2>Measuring internal AI emissions</h2> <p><strong>Mark Buss</strong> of OVO Energy shared how they ended up measuring their internal AI usage. OVO give everyone who works there ā€œenterprise level productivity toolingā€ and engineers access to Claude, i.e. they use a lot of it. Some of the staff started asking about the impact of that usage, people wanted to know for a myriad of reasons. So OVO ran a series of in person workshops, focused on environmenral impacts of AI, making space for both positives and negatives. There's many ways to look at it, Mark explained, saying that ā€œyou can't decarbonise a cow but you can lower emissions from data centresā€. He emphasised context: when calculated all their AI use, and compared it to emissions associated with other processes at OVO, and saw it was only marginal compared to cloud cost (a bit more), business travel (much more), and the fossil part of the energy they sell (magnitudes more).</p> <h2>Standardising energy use of streaming</h2> <p><strong>Marisol Palmero</strong> of IEEE got us up to speed with the standardisation of energy-aware streaming. She explained that only in 2025, AI energy usage overtook that of streaming services like Netflix and Disney+. But they are quite different: most energy use of streaming associated with the user's devices (battery needed to power graphics on screens etc), whereas most energy use of AI is associated with data centres. Marisol explained measuring emissions associated with streaming is increasingly less voluntary: there's more preasure from regulation (CSRD, SEC Climate Disclosure Rule, UK SDR) and Omnibus 1 means evidence will be required. It's tricky as standards around this aren't interoperable yet. IEEE works on Trustworthy Energy Attribution & Measurement (TEAM) to help solve for this. And such efforts can have an impact: ā€œstandards are how we move individuals to collective actionā€, Marisol said.</p> <h2>A pipeline GreenOps observability</h2> <p><strong>Diana Todea</strong> of VictoriaMetrix and <strong>Julien Nioche</strong> of DigitalPebble discussed how we already have the data we need for GreenOps. We all know that cloud providers give data that isn't very useful or actionable, Julien explained. Open Source projects can help, including <a href="https://github.com/DigitalPebble/spruce">SPRUCE</a>, which can come third-party data, is actively maintained, and available free. Diana showed how she used SPRUCE and a number of other tools to build a pipeline for observability of GreenOps including a cool dashboard, and in general, the importance of observability. What's promising in that regard is that the Green Software Foundation (GSF) are <a href="https://greensoftware.foundation/tools/sci-for-opentelemetry/">taking their Software Carbon Intensity (SCI) to OpenTelemetry</a> through semantic conventions.</p> <h2>Certification for data centres</h2> <p>ā€œPlease raise your hand if you fully understand the environmental and social impact of your cloud usage and were aware at the time of procurementā€ā€¦ tricky questions were asked during the session by <strong>Emily Watson-Breeze</strong> and <strong>Barton Finn</strong> of <a href="https://tcocertified.com/">TCO Certified</a>, who built a <a href="https://tcocertifiedcloud.com/">certification for ā€œcloud resourcesā€</a> over the last few years to answer questions like that. So not data centres per se, but the cloud services that run in them. It looks at requirements for physical layer (data centre facility), IT hardware layer (servers, storage, network equipment), and operations & management (certified cloud resource). And it even looks at the very common case where cloud resources are offered as a service: you're not buying a server, but paying to use it for a specific time. It's really hard because there is hidden structure, a complex value chain, and data that is hard to compare due to lack of standards and incomplete datasets. This kind of certification can help both procurers and suppliers. I cannot wait for hyperscalers to get on this, and until they are, I guess we should all be pushing for that when procuring cloud products.</p> <h2>Wrapping up</h2> <p>It wasn't because before lunch started, the host announced ā€œthe afternoon will be all about AI at scaleā€ that I missed taking notes for a lot of the afternoon sessions: I ended up having some great hallway chats and left a little earlier to get on my train back.</p> <p>I enjoyed meeting folks at Green IO and learning about a wide variety of topics. I even got to hang out a little bit with people from the <a href="https://climateaction.tech/">ClimateAction.Tech</a> community, which unites tech workers that try to change the system to face the climate crisis (there's a very active Slack instance you can join if you're interested!).</p> <hr/> <p>Originally posted as <a href="https://hidde.blog/green-io-2026/">How IT can get more sustainable quicker: notes from Green IO</a> on <a href="https://hidde.blog">Hidde's blog</a>.</p> <p><a href="mailto:hidde@hiddedevries.nl?subject=Reply%20to:%20How IT can get more sustainable quicker: notes from Green IO">Reply via email</a></p> Front End Fast Money With Kevin Powell - Adam Argyle https://nerdy.dev/front-end-fast-money-with-kevin-powell?utm_source=rss 2026-10-01T23:57:57.000Z Adam Argyle <img src="https://nerdy.dev/media/front-end-fast-money-with-kevin.jpg" alt="Kevin and I laughing at the scenario" width="1280" height="720"> <p><code>30s</code> on the clock, how well do my CSS answers stack up against <a href="https://www.youtube.com/@KevinPowell">Kevin</a>'s audience?</p> <p><a href="https://www.youtube.com/watch?v=SANA0mKg6tw">Watch on YouTube</a></p> WWW Ep254 From Geocities To Gpt Brad Frost - Adam Argyle https://nerdy.dev/www-ep254-from-geocities-to-gpt-brad-frost?utm_source=rss 2026-09-24T07:00:00.000Z Adam Argyle <img src="https://nerdy.dev/media/www-ep254-brad.jpg" alt="Whiskey web and whatnot episode 254" width="640" height="360"> <p><span class="Tag">Ep #254</span><br> <strong>With Brad Frost ✨</strong></p> <p><a href="https://robbiethewagner.dev">Robbie</a> and I welcome <a href="https://bradfrost.com/">Brad Frost</a> to talk grief and acceptance around AI, the <a href="https://telepathicinstruments.com/products/orchid-orc-1">Orchid synth</a>, snowboarding as a metaphor for finding your line through chaos, why domain expertise matters more than ever, <a href="https://www.snopes.com/fact-check/brown-out/">Van Halen's green M&Ms</a>, and Brad's <a href="https://aianddesign.systems/">AI and Design Systems course</a>.</p> <p>⤷ <a href="https://whiskey.fm/from-geocities-to-gpt-brad-frost-on-mythos-mastery-and-musical-non-sequiturs">whiskey.fm</a> Ā· <a href="https://open.spotify.com/episode/7bUhfoX0lkyEIirQH2WUG0">spotify</a> Ā· <a href="https://podcasts.apple.com/us/podcast/from-geocities-to-gpt-brad-frost-on-mythos-mastery/id1552776603?i=1000791417856">apple</a> Ā· <a href="https://www.youtube.com/watch?v=LlkBE3Ph6j8">youtube</a></p> BanjoCSS - Adam Argyle https://nerdy.dev/camp-night-with-coyier?utm_source=rss 2026-09-19T15:42:16.000Z Adam Argyle <img src="https://nerdy.dev/media/chris-and-adam-dueling-banjos.jpg" alt="Me and Chris each on a banjo" width="1200" height="671"> <p>Banjo, guitar, drums, trees, n' mountains.</p> <p><a href="https://chriscoyier.net/">Chris</a> and I met halfway between our homes to jam. </p> <p>We met at a tiny campsite, where we hoped the lack of amenities would mean no neighbors. </p> <p><strong>It worked.</strong> </p> <p>We were the only campers at the site, which meant we could make some noise!</p> <p>Time to bum-ditty šŸ¤˜šŸ»</p> <h2 id="couple-a-banjo-dorks"> Couple a banjo dorks <a name="couple-a-banjo-dorks" href="https://nerdy.dev/camp-night-with-coyier#couple-a-banjo-dorks">#</a> </h2> <p>We brought tons of instruments, played them until it got dark. Was Awesome. </p> <p>We caught a couple early jams on video.</p> <br> <p>(Chris tell me the name):</p> <p><video src="https://nerdy.dev/media/chris-banjo-adam-percussion.mp4" width="1280" height="720" alt="Chris on banjo and me on drums" preload="none" poster="https://nerdy.dev/media/chris-banjo-adam-percussion.avif" controls loop muted playsinline allowFullScreen></video></p> <br> <p>Fire On The Mountain:</p> <p><video src="https://nerdy.dev/media/fire-on-the-mountain.mp4" width="1280" height="720" alt="Title" preload="none" poster="https://nerdy.dev/media/fire-on-the-mountain.avif" controls loop muted playsinline allowFullScreen></video></p> <br> <p>Shoes & Stockings:</p> <p><video src="https://nerdy.dev/media/shoes-and-stockings.mp4" width="1280" height="720" alt="Title" preload="none" poster="https://nerdy.dev/media/shoes-and-stockings.avif" controls loop muted playsinline allowFullScreen></video></p> <br> <p>Overall Chris is MUCH better than me, so I watched and learned as much as I could.</p> <h2 id="a-few-pics"> A few pics <a name="a-few-pics" href="https://nerdy.dev/camp-night-with-coyier#a-few-pics">#</a> </h2> <p>Mt. Hood was lookin great.</p> <p><picture> <source srcset="https://nerdy.dev/media/mt-hood-between-trees.avif" type="image/avif"> <source srcset="https://nerdy.dev/media/mt-hood-between-trees.webp" type="image/webp"> <img loading="lazy" src="https://nerdy.dev/media/mt-hood-between-trees.jpg" alt="Title" title="Title " decoding="async" width="1280" height="960" /> </picture></p> <p>And here's a nice pano of the trip down the mountain:</p> <p><picture> <source srcset="https://nerdy.dev/media/mt-hood-pano.avif" type="image/avif"> <source srcset="https://nerdy.dev/media/mt-hood-pano.webp" type="image/webp"> <img loading="lazy" src="https://nerdy.dev/media/mt-hood-pano.jpg" alt="Panoramic of the mountain side" title="Panoramic of the mountain side " decoding="async" width="1280" height="348" /> </picture></p> <h2 id="didn't-really-chat-about-css"> Didn't really chat about CSS <a name="didn't-really-chat-about-css" href="https://nerdy.dev/camp-night-with-coyier#didn't-really-chat-about-css">#</a> </h2> <p>We coulda, but we didn't.</p> Jev - Adam Argyle https://nerdy.dev/jev?utm_source=rss 2026-09-17T05:05:56.000Z Adam Argyle <img src="https://nerdy.dev/media/jev-software-architectures.jpg" alt="Jev software architecture showing agent architecture vs if/else architecture vs jev integrated into if/else" width="1650" height="899"> <p>I am very excited about <a href="https://typesafe.ai/">Jev</a>. <a href="https://typesafe.ai/">Typesafe.ai</a> has something fresh, powerful, unique here. I'm mentally infactuated.</p> <p><strong>Attributes of Jev that stood out to me:</strong></p> <ul> <li>common-sense judgments over unstructured data</li> <li>machine interfaces matter more than the chat interfaces</li> <li>code owns the workflow and AI handles narrow, structured decisions</li> </ul> <p>We get the tokenization LLM powers to breakdown input (token window) but without the word vomit. No hallucinations because it's not using probability to hopefully create a pleasing string.</p> <p>It's exposing the intricate connections it made to the input data. To extract meaning from that super brain that just ingested your JSON, you ask it blunt questions in near natural language.</p> <p><strong>It's like a fast path to machine learning.</strong></p> <p>Where you used to need a ton of data and custom machine learning, then run that somewhere and have it probably be slow. Jev is fast, learns data patterns near instantly, and lets you ask questions and make decisions about it's processing of the data.</p> <picture> <source srcset="https://fonts.gstatic.com/s/e/notoemoji/latest/1f605/512.webp" type="image/webp"> <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f605/512.gif" alt="šŸ˜…" width="100" height="100"> </picture> <p>I don't know how many of those words will resonate with you. </p> <p>But I urge you to sit down for more than an hour with this. Run through all the tutorials, watch a few of their videos and <strong><a href="https://docs.typesafe.ai/introduction">read the docs</a></strong>.</p> <p>I think we're looking at a next-gen programming model.</p> <h2 id="my-playground"> My Playground <a name="my-playground" href="https://nerdy.dev/jev#my-playground">#</a> </h2> <p>Here is a <a href="https://console.typesafe.ai/playground?share=shr_1521e5ca32f52ab4094844675f786316270">playground</a> I made to see what Jev thinks about agent assisted art and whether or not a human or an agent is actually the creative. </p> <p>Comment out one of the stories so the dataset is lopsided, run it and observe the question scores. Then switch to the other story, run it, observe the scores. </p> <p><strong>This is powerful stuff.</strong></p> <h2 id="system-one"> System One <a name="system-one" href="https://nerdy.dev/jev#system-one">#</a> </h2> <p><a href="https://typesafe.ai/blog/introducing-system-one-models-and-jev">System One</a> has some really compelling examples, and of course I loved the <a href="https://typesafe.ai/blog/introducing-system-one-models-and-jev#:~:text=the%20team%E2%80%99s%20favorites%3A-,Doom,-We%20love%20how">Doom</a> example.</p> <p><picture> <source srcset="https://nerdy.dev/media/jev-doom.avif" type="image/avif"> <source srcset="https://nerdy.dev/media/jev-doom.webp" type="image/webp"> <img loading="lazy" src="https://nerdy.dev/media/jev-doom.jpg" alt="Jev playing Doom, theres a state machine of input and jev probability scoring next to it" title="Jev playing Doom, theres a state machine of input and jev probability scoring next to it " decoding="async" width="1586" height="972" /> </picture></p> <p>Since Jev is fast, it can process the game's structured data (enemies, room details, etc) and "make common sense judgements", AKA play the game damn good. </p> <h2 id="questions"> Questions <a name="questions" href="https://nerdy.dev/jev#questions">#</a> </h2> <p>Q: Jev doesnt want to own the code, but does want to own narrow structured decisions… which <strong>shouldnt the right line of code be a narrow structured decision?</strong> </p> <p>Seems to me like someone could make a Claude Code out of this.</p> <p>Q: At first I felt the usages of Jev were limited, but <strong>I think we're looking at more of a programming model shift then some new tool</strong>?</p> <p>It's fundementally making me think different about how I could write logic to create systems.</p> <p>Q: <strong>What kind of apps does it unlock because it's so fast?</strong></p> <p>A lot of early use cases will be periodic queries, but if you can get intelligent judgements multiple times a second…</p> WWW Ep253 Experts Agree Yelling At Computers Is The Future - Adam Argyle https://nerdy.dev/www-ep253-experts-agree-yelling-at-computers-is-the-future?utm_source=rss 2026-09-10T17:51:24.000Z Adam Argyle <img src="https://nerdy.dev/media/www-ep253.jpg" alt="Whiskey web and whatnot episode 253" width="640" height="360"> <p><span class="Tag">Ep #253</span><br> <strong>Experts Agree: Yelling at Computers Is the Future</strong></p> <p><a href="https://robbiethewagner.dev">Robbie</a> and <a href="https://chuckcarpenter.com/">Chuck</a> reunite over <a href="https://www.jimbeam.com/">Jim Beam White Label</a> to catch up on Chuck's move to Italy, AI as tech leads, <a href="https://coderabbit.ai/">CodeRabbit</a> versus GPT for code review, SOC 2 compliance workarounds, and why <a href="https://github.com/">GitHub</a> bots might unlock dark factory workflows.</p> <p>⤷ <a href="https://whiskey.fm/experts-agree-yelling-at-computers-is-the-future">whiskey.fm</a> Ā· <a href="https://www.youtube.com/watch?v=SUYgIP7opPg">youtube</a> Ā· <a href="https://open.spotify.com/episode/16p5JD64wtpErBcboNu2kQ">spotify</a> Ā· <a href="https://podcasts.apple.com/us/podcast/experts-agree-yelling-at-computers-is-the-future/id1552776603?i=1000788899797">apple</a></p> Stylex At Shopify - Adam Argyle https://nerdy.dev/stylex-at-shopify?utm_source=rss 2026-09-03T19:55:34.000Z Adam Argyle <p>Did a deep dive to see if <a href="https://stylexjs.com/">StyleX</a> would work at <a href="https://shopify.com/">Shopify</a>. </p> <p>Turned out to be <a href="https://x.com/argyleink/status/2095253698431844607">a wash</a>, similar to my other explorations into <a href="https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/">OOCSS</a>.</p> Small things like these - Robin Rendle https://robinrendle.com/notes/small-things-like-these/ 2026-08-23T20:39:41.000Z Robin Rendle <p>Claire Keegan’s novella <em>Small things like these</em> is very sweet and the ending is so triumphant and satisfying and punk rock that it’s going to stay with me for a very long time. I leave this rare book recommendation without a quote or much of a description simply because I don’t want to ruin anything. But what I will spoil is that Keegan’s writing is clear and precise, like ice made in laboratory conditions.</p> <p>I spotted <a href="https://www.theguardian.com/books/2010/sep/05/claire-keegan-short-story-interview">this interview</a> that captures how she writes:</p> <blockquote> <p>ā€œA lot of my work goes into taking any traces of my labours out,ā€ says Keegan, when I talk to her in Edinburgh, a few hours after she gave a reading at the city's book festival. ā€œIt's essentially about trusting in the reader's intelligence rather than labouring a point. To work on the level of suggestion is what I aim for in all my writing. There are so many things the short story cannot do; it's by learning those limitations that I am cornered into writing what I can.ā€</p> </blockquote> Cybernetics and Ghosts - Robin Rendle https://robinrendle.com/notes/cybernetics-and-ghosts/ 2026-08-23T17:07:06.000Z Robin Rendle <p>In November 1967 Italo Calvino gave a lecture called <em>Cybernetics and Ghosts</em> where he talked about writing machines and the future of literature:</p> <blockquote> <p>...will we have a machine capable of replacing the poet and the author? Just as we already have machines that can read [...] will we also have machines capable of conceiving and composing poems and novels?</p> <p>I am thinking of a writing machine that would bring to the page all those things that we are accustomed to consider as the most jealously guarded attributes of our psychological life, of our daily experience, our unpredictable changes of mood and inner elations, despairs and moments of illumination.</p> </blockquote> <p>I didn’t expect Calvino (of all folks!) to be comforted by a machine that could write <em>If on Winter’s Night A Traveler</em>, but ok:</p> <blockquote> <p>...what I instinctively feel is a sense of relief, of security. The same sort of relief and sense of security that I feel every time I discover that a mess of vague and indeterminate lines turns out to be a precise geometric form; or every time I succeed in discerning a series of facts, and choices to be made out of a finite number of possibilities, in the otherwise shapeless avalanche of events. Faced with the vertigo of what is countless, unclassifiable, in a state of flux, I feel reassured by what is finite, ā€œdiscrete,ā€ and reduced to a system.</p> </blockquote> <p>So if a computer can take writing, language, and the messiness of putting words together and do that work for us, Calvino believes it might remove all the dark magic out of literature. Or if a machine can process writing into a series of operations like a program then making a novel or a poem won’t be as frightening for us? That’s a weird take that I don’t fully get it, but it’s an interesting idea I guess?</p> <p>I have to admit that whenever folks start to talk like this I feel this desperate need to defend personhood, humanity, novels, the humanities, liberal arts, books, all of it. My hackles go up reading this stuff because it’s usually coming from folks who don’t know anything about writing or literature and it feels like they’re stomping all over a vulnerable and delicate thing that they don’t understand.</p> <p>But when Calvino says it we ought to pay attention.</p> <p>Although, when he finds solace in literature being reduced into a series of rules and regulations, I feel great relief knowing that this is impossible. I love the mystery of novel-making. I want it to be this impossible thing. I hate all the rules and regulations of writing and want to break them in the same way that all great novels do. There are no rules! And that, to me, is liberating, exciting even.</p> <p>But just as I was about to dismiss Italo as a traitor to the cause—a backstabbing, synth-sympathizer—he does the rather lovely thing that Italo always does. He hops around, tries this idea on for a moment, before jumping out of a closet with an altogether opposite-shaped idea that makes you smile:</p> <blockquote> <p>The struggle of literature is in fact a struggle to escape from the confines of language; it stretches out from the utmost limits of what can be said; what stirs literature is the call and attraction of what is not in the dictionary.</p> </blockquote> <p>After this 180, Calvino leaves the lecture in an oddly hopeful place by the end. He wants the machine to remove the mystery out of literature, to tell us all the rules and copy all the styles, only so that we can see those rules clearly. Then, Calvino argues, we can study them, break them.</p> <p>And make something entirely new.</p> WWW Ep251 Guppy Pimpin In Trip Pants While Debugging Ie5 - Adam Argyle https://nerdy.dev/www-ep251-guppy-pimpin-in-trip-pants-while-debugging-ie5?utm_source=rss 2026-08-18T17:24:04.000Z Adam Argyle <img src="https://nerdy.dev/media/www-ep251.jpg" alt="Whiskey web and whatnot episode 251" width="1280" height="720"> <p><span class="Tag">Ep #251</span><br> <strong>Guppy Pimpin In Trip Pants While Debugging IE5</strong></p> <p><a href="https://robbiethewagner.dev">Robbie</a> and I do a mostly whatnot episode about our path getting into tech, playing in bands, and getting into trouble. We sip Glen Morangie "A Tale of Ice Cream" and share some stories.</p> <p>⤷ <a href="https://whiskey.fm/guppy-pimps-tripp-pants-and-debugging-ie5">whiskey.fm</a> Ā· <a href="https://www.youtube.com/watch?v=AmEVXPFeO-w&t=5s">youtube</a> Ā· <a href="https://open.spotify.com/episode/1bCrpSk5tnqGQpkX2oE438">spotify</a> Ā· <a href="https://podcasts.apple.com/us/podcast/guppy-pimps-tripp-pants-and-debugging-ie5/id1552776603?i=1000783374524">apple</a></p> Scotch Malt Whisky Society Member - Adam Argyle https://nerdy.dev/scotch-malt-whisky-society-member?utm_source=rss 2026-08-16T04:38:35.000Z Adam Argyle <p>New member of the <a href="https://smwsa.com/">Scotch Malt Whisky Society</a></p> The day of small things - Robin Rendle https://robinrendle.com/notes/the-day-of-small-things/ 2026-08-15T16:12:06.000Z Robin Rendle <p>I spotted this quote by Shirley Hibberd on the side of an enormous glass case, just outside the departures gate at SFO:</p> <blockquote> <p>Let us not despise the day of small things. A windowsill garden is better than no garden, and the dark area where cats quarrel and damp makes patches of unsightly mould, may be made bright with healthy vegetation that shall be worth a little care and very much love.</p> </blockquote> <p>This lovely quote is from Shirley’s book, published in 1870, called <em>Rustic Adornments for Homes of Taste</em> and just <a href="https://archive.org/details/rusticadornments00hibb">look at this punk thing</a>. For all the lovely feel-good-vibes and gardening advice of that quote above, it’s clear that this book is a cursed object that beckons from beyond our realm. Although, making a gardening book exclusively for goths like me is kinda neat.</p> <p>Anyway, Shirley’s quote, the glass case, and the whole exhibit at SFO is called <a href="https://archive.org/details/rusticadornments00hibb/mode/thumb">Indoor Eden: Victorian JardiniĆØres</a> and I feel like it was setup exclusively to ruin my day. The exhibit is a celebration of art nouveau Victorian pottery and I can’t think of much else in life that we should be actively rooting against: stumpy dark green leaves fold over ceramic fish with their mouths wide open; an ugly brown vase stands proud with a few ugly dandelions haphazardly carved into it; a psychedelic, gaping-wound-red butterfly has been stamped onto a tall pot that’s perched on an equally upsetting, even taller pot.</p> <p>It’s all just profoundly ugly. Overly complicated. Frilly. The colors are wrong. All the pots on display beg for attention in a way that feels embarrassing, reminding me of stuffy rooms in England with silverware locked in cabinets and nice china brought out for special occasions. Or it reminds me of pictures of the Queen printed on tacky plates and all the weird romanticism in England about what the Victorian era was, and what the Empire did. Each piece in these glass cases fail so profoundly and in such remarkable ways that it draws me in, pulls me close. For a while I forget where I am, that I’m at the airport to say goodbye to my father in-law, and instead I’m locked in an eternal death stare with these ugly 150 year old pots.</p> <p>I know, I know. This meanness is unpleasant and these ugly things are expertly made and technically competent beyond anything I could ever manage with my enormous sausage fingers and terrible hand-eye coordination. A lot of care and attention, decades of experience, was poured into making these objects. But a bad song or a bad movie or a bad anything is still bad, despite the effort made.</p> <p>Here’s how I excuse myself when being a grump.</p> <p>When I complain I’m honoring the effort of whoever made these things by trying to understand <em>why</em> I hate them. It’s genuinely interesting to me! A lot of folks dismiss their hatred or are mean about what they dislike in boastful ways but I want to understand why and how these things suck. I want to learn more about them in the hope that I can avoid making anything like it. It’s useful information about myself, like knowing that I’m never going to enjoy karaoke. It’s just too late, okay? I’m thirty six years old and I’ve spent enough time pretending to have a good time singing Shania Twain. It’s ok to hate karaoke! Let me live!</p> <p>Back at the airport, I chuckle to myself.</p> <p>Shirley is trying to be nice. In her book and in that quote she’s trying to remind me that great things can come from small problems. That all I have to do is tidy up, clean up a garden, remove a weed, or do small things for the sake of small things. But here I am—a total grump—despising the smallness of these acts. I want to yell at Shirley: no, actually, a windowsill is not better than a garden goddammit. A damp patch in your house is gross and instead of fixing it you should run away, get a new apartment, burn the place to the ground. Small, ugly things should be unacceptable. Fix this minor inconvenience by changing everything about your life and move a thousand miles away, change your name, forget everyone you love, adopt a whole new identity.</p> <p>And please, for the love of all that his holy in this world, stop making these goddamn Victorian JardiniĆØres.</p> <p>(<em>Ahem</em>. Sorry, Shirley).</p> Websub - Adam Argyle https://nerdy.dev/websub?utm_source=rss 2026-08-13T06:31:25.000Z Adam Argyle <p><a href="https://en.wikipedia.org/wiki/WebSub">WebSub</a> support added.</p> Creativity On The Internet At Sxsw - Adam Argyle https://nerdy.dev/creativity-on-the-internet-at-sxsw?utm_source=rss 2026-08-13T05:01:20.000Z Adam Argyle <img style="display: none" src="https://nerdy.dev/media/jack-at-sxsw.jpg" alt="Jack Conte at SXSW" height="653" width="1400" /> <p><a href="https://www.youtube.com/@JackConteExtras">Jack (CEO of Patreon)</a> gives a great talk about the struggles of being an artist with the internet from the 90s to today, a history of tech and art, and lessons learned.</p> <p>Heartfelt insights into working through 2026 "content creation" culture.</p> <p><a href="https://www.youtube.com/watch?v=17_HcR95YBc">Watch on YouTube</a>. </p> Contextualism At CSSday 2026 - Adam Argyle https://nerdy.dev/contextualism-at-cssday-2026?utm_source=rss 2026-08-12T18:26:00.000Z Adam Argyle <img style="display: none" src="https://nerdy.dev/media/contextualism-at-cssday-2026.jpg" alt="Contextualism title slide from the website" height="500" width="1500" /> <p>Watch my talk <a href="https://conffab.com/presentation/contextualism/?gl=IKgpmf0z8RLu">"Contextualism"</a> from <a href="https://cssday.nl/">CSS Day</a> on <a href="https://conffab.com/">Conffab</a></p> 2026 Open Agentic Tools - Adam Argyle https://nerdy.dev/2026-open-agentic-tools?utm_source=rss 2026-08-10T16:52:03.000Z Adam Argyle <p>Some "open" agentic tools:</p> <ul> <li><a href="https://openchamber.dev">Open Chamber</a></li> <li><a href="https://openagents.com">Open Agents</a></li> <li><a href="https://open-design.ai">Open Design</a></li> <li><a href="https://open-design.ai/html-video/">Open Design HTML Video</a></li> </ul> <p>Wonder if they use <a href="https://open-props.style/">Open Props</a> šŸ˜</p> Scroll Axis Lock - Adam Argyle https://nerdy.dev/css-scroll-axis-lock?utm_source=rss 2026-08-10T16:04:51.000Z Adam Argyle <img style="display: none" src="https://nerdy.dev/media/scroll-axis-lock-hero.jpg" alt="Diagram comparing locked vs unlocked scroll gesture paths" height="781" width="1400" /> <p>I first noticed web scroll areas had scroll locking behavior when making 2D scroll snap demos; I couldn't scroll diagonally without getting hijacked and locked into an <code>x</code> or <code>y</code> axis.</p> <p>Even on a touch device, where a diagonal gesture is so easy and natural. </p> <p> <iframe class="codepen-embed" scrolling="no" title="null" src="https://codepen.io/argyleink/embed/preview/GRxMPGb?default-tab=result&editable=true&theme-id=43079" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true" > See the Pen <a href="https://codepen.io/argyleink/embed/preview/GRxMPGb"> by Adam Argyle (<a href="https://codepen.io/argyleink">@argyleink</a>) on <a href="https://codepen.io">CodePen</a>. </iframe> </p> <p>Thanks to <a href="https://www.bram.us/2026/08/09/unlock-immediate-diagonal-scrolling-with-css-scroll-axis-lock-none/">Bramus's rad interactive blog post</a> I saw <strong>Chrome 153</strong> with the remedy:</p> <pre class="shiki css-variables" style="background-color:#f8f9fa;padding:1em;border-radius:.5em;overflow:auto;color:#030507" tabindex="0"><code><span class="line"><span style="color:#4263eb">.scroller</span><span style="color:#030507"> {</span></span> <span class="line"><span style="color:inherit"> overflow</span><span style="color:#ff1493">:</span><span style="color:inherit"> auto</span><span style="color:#030507">;</span></span> <span class="line"><span style="color:inherit"> overscroll-behavior</span><span style="color:#ff1493">:</span><span style="color:inherit"> contain</span><span style="color:#030507">;</span></span> <span class="line"><span style="color:inherit"> scroll-axis-lock</span><span style="color:#ff1493">:</span><span style="color:inherit"> none</span><span style="color:#030507">; šŸ‘ˆ</span></span> <span class="line"><span style="color:#030507">}</span></span></code></pre> <p><a href="https://drafts.csswg.org/css-overflow-5/#scroll-axis-locking">spec</a> | <a href="https://codepen.io/bramus/pen/vEgbwgr">check for support</a></p> <p><strong>Freedom from the axis lock</strong> šŸ¤˜šŸ»</p> <h2 id="use-cases"> Use cases <a name="use-cases" href="#use-cases">#</a> </h2> <p>I was thinking: </p> <ol> <li>swipe to dismiss interactions</li> <li>flings</li> <li>maps or infinite canvas navigating</li> <li>datagrids or tables</li> <li>image zoom scrolling around</li> <li>360 pano images or 3D model panning</li> <li>data vis exploration</li> </ol> <p>Just seems worth while to use the natural inertia, tensions, perf and feels that scroll snap has for the snap feedback of "didnt swipe far enough" and the browser owned easing.</p> <p>Can also mitigate <code>scrollTo</code> strangeness that might do <code>x</code> then <code>y</code>. </p> <h2 id="i-did-log-a-bug"> I did log a bug <a name="i-did-log-a-bug" href="#i-did-log-a-bug">#</a> </h2> <p>I saw some performance regressions in the first 2 demo's I pulled up to test with</p> <ol> <li><a href="https://codepen.io/argyleink/pen/oNLaBdv">swipe prototype</a></li> <li><a href="https://codepen.io/argyleink/pen/GRxMPGb">snap matrix</a></li> </ol> <p><a href="https://issues.chromium.org/u/1/issues/544635549">Filed a bug</a>. </p> <p>I wouldn't necessarily file this as perfectly fixed, I still felt it was a bit clumsy or not enabling diagonal scrolling as smoothly as I'd like. </p> <p><strong>Overall exciting and meaningful IMO tho.</strong> </p> <p>Your thoughts?</p> Ranting Devigner - Adam Argyle https://nerdy.dev/ranting-devigner?utm_source=rss 2026-08-08T05:46:10.000Z Adam Argyle <img style="display: none" src="https://nerdy.dev/media/argyleink_blogspot.jpg" alt="A wheat paste wall and art post wall used in the background of the ranting devigner blog. This wall is from Pike Place Market in Seattle, WA, famously next to the Bubble Gum Wall. This wall was also used for a Flash website portfolio I built back then too." height="1200" width="1600" /> <p>My <a href="https://blogspot.com">Blogspot</a> in 2011: <a href="http://rantingdevigner.blogspot.com/">Ranting Devigner</a></p> <ul> <li>see what <a href="http://rantingdevigner.blogspot.com/2011/03/3-environmental-design-links.html">tech articles</a> I was reading <sup>lol</sup></li> <li>dev and <a href="http://rantingdevigner.blogspot.com/2011/02/week-6-reading.html">design rants</a> I was making <sup>also lol</sup></li> </ul> <p><code>Devigner = Designer + Developer</code><br> <small>Before "<b>Design Engineer</b>" was coo</small></p>