typography and copy editing 🔥 tip ✅ word break with <wbr> and/or &shy; ```html <h1>superlongword</h1> <h1>super<wbr>long<wbr>word</h1> <h1>super&shy;long&shy;word</h1> ``` try it! codepen.io/argyleink/pen/… learn more developer.mozilla.org/en-US/docs/Web…

user adaptive frosted glass 😎 ```#css .adaptive-glass { --glass-lightness: 100%; background: hsl(0 0% var(--glass-lightness) / 50%); backdrop-filter: blur(40px); @media (prefers-color-scheme: dark) { --glass-lightness: 0%; } } ``` codepen.io/argyleink/pen/… 👀

What if the scrollbar went around the corner? 👀 CSS could do that ✨

3 Unintuitive #CSS Layout “Solutions” ``` min-width: 0? flex-shrink: 0? repeat(auto-fill, minmax(min(10rem, 100%), 1fr)) ``` wat? nerdy.dev/3-unintuitive-…

textarea { scrollbar-width: thin; } thoughts?

I don't think many folks knew this was already in browsers, I think they thought I was suggesting a scrollbar size keyword for the web developer.mozilla.org/en-US/docs/Web…

CSS if() function landed today(!!!) in Chrome 137 🥳 along with another rad feature: reading-flow 🥳 So I put together a quick video showcasing both: youtu.be/Apn8ucs7AL0

No job? Find a friend with a boat. nerdy.dev/mt-rainier-boa…

#nocontext

This inset scrollbar CSS trick with full vertical bleed scrolling, was very popular today

Also reduce carbon emissions! Go tell browsers you want this

Adam Argyle Details and tickets! cascadiajs.com/2025/talks/oop…

Have you heard of scrollbar-color? It's a nice little progressive enhancement for making scrollbars feel more intentional and integrated into your UI.

this will make "highlighting the section of an article in a sidebar navigation" wayyyyyy easier

🚀 In part number 4 of my customizable select series, I'd like to highlight a demo that pushes the boundaries with scroll snapping, scroll-state queries, anchoring, and new JS events. A true gamification based on the "Monster Hunter" games. 🗡️ 🪓 👾 utilitybend.com/blog/the-custo…