Howdy! Before we get into the links, we're going to take a break next week, so we'll see you on July 31 🌴Art as resistenceMore of this please!Mildliner referenceIf you've ever thought "I wish I could use Midliner marker colours on the web" then this link is specifically for you. Very nice stuff.The AI hype reckoning is upon usNot long now, friends. Increasingly — and more urgently — we need to be talking about how to make sure these hype cycles never happen again.You can just print an air purifierA thoroughly enjoyable and interesting read.How to build a design system strategy you'll actually deliverWhen Amy Hupe talks about design systems strategy, you listen.NaN, the not-a-number number that isn’t NaNHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messageTake your career to the next level by taking our premium courses and save 20%.Use the code NEXTLEVEL at checkout to get our courses for...

Communication can be difficult. Not only when we humans try to communicate with one another, but also in web development.While it is easy for sighted people with full mental and motor abilities to click a button with a mouse to display more information, users of Assistive Technology (AT) may have a completely different experience with the same action.The information an expandable button conveys to AT depends heavily on the context. This context also dictates which ARIA attributes should (or should not) be used. Often, the patterns are very similar in their functionality and interpretation and can be interpreted differently by me than by you.When I conduct accessibility audits, I usually can’t avoid having to check an element that has the aria-expanded attribute. One of the challenges I faced was determining what kind of pattern this was, whether aria-expanded was appropriate here, or if it could even be replaced by a native HTML element.This article is intended to help you more easily

Code TV: The best landing page everWe very rarely share video content, but this episode was an absolute delight to watch. They're running a hackathon too which is well worth checking out.New Game+Mat has not given up and nor should you!Kyroh fontDan Cederholm has brought out yet another affordable, and very nice font.Time-based background colour transitions with Temporal and CSS color-mixThere's been so much dry content about Temporal so far but Sophie Koonin has written about a nice creative usage here.Your Grid Lanes will likely fail WCAG 2.4.3It's so frustrating that this still hasn't been addressed with the new "masonry" capability. Not like we covered it over two years ago or anything. Thanks to Manuel for giving us the details here.Another article about centering in CSSHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is cool.Sponsor messagePoetic CSS is a new video and text course. Early bird pricing available July 2026.Understand

FYIIn this specific instance, I'm here to teach you about using the Proxy constructor and Reflect object. These are features of the language worth having in your toolbox, naturally — but just as importantly they allow us to graze up against some of JavaScript's innermost workings, and in doing so, better learn the shape of the mechanisms that power the language. That's the kind of know-how that makes a senior developer.Now, the keen-eyed among you may notice that this article is shaped conspicuously like an excerpted lesson from said course — and yet, nowhere on the lesson listing page does it appear. "Whatever could that mean," you might ask.Well, stay tuned.An object is a collection of properti— hey! Don't you roll your eyes at me! Listen, I know that phrase is approaching "mitochondria is the powerhouse of the cell"-level here, but I'm going somewhere new with this, I promise.Ahem. An object is a collection of properties, internal slots, and internal methods that allow us to interac

Fixing full-bleed CSSA rather deep dive into how some of the newer CSS can make this age old pattern even better.Where’s the holistic AI productivity data?It’s hard to find anything other than anecdata from individuals telling us how AI has made them individually more productive. If AI really was creating measurable improvements in productivity across entire organisations, wouldn’t we be seeing that data?[nods]The Goldilocks customizable select heightEven the new custom <select> capabilities bring headaches, but at least Jake's got height sorted for you.Bayeux Go!This is great fun!Dithering toolA very handy looking tool that certainly beats a laborious Photoshop process.A guide to destructuring in JavaScriptHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messagePoetic CSS is a new video and text course. Early bird pricing available July 2026.Understand CSS as a system with Miriam Suzanne —