Adam Argyle (@argyleink) 's Twitter Profile
Adam Argyle

@argyleink

ex-Googler, ex-Chrome, ex-CSSWG member, ex-co-host: #CSSpodcast. @badatcss, maker of VisBug, @OpenProps, gradient.style and much more

ID: 129940111

linkhttps://nerdy.dev calendar_today05-04-2010 21:30:59

20,20K Tweet

57,57K Followers

1,1K Following

Adam Argyle (@argyleink) 's Twitter Profile Photo

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…

Adam Argyle (@argyleink) 's Twitter Profile Photo

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/… 👀

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/… 👀
Adam Argyle (@argyleink) 's Twitter Profile Photo

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

3 Unintuitive #CSS Layout “Solutions”

```
min-width: 0?
flex-shrink: 0?
repeat(auto-fill, minmax(min(10rem, 100%), 1fr))
```

wat?
nerdy.dev/3-unintuitive-…
Adam Argyle (@argyleink) 's Twitter Profile Photo

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…

Una 🇺🇦 (@una) 's Twitter Profile Photo

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

Una 🇺🇦 (@una) 's Twitter Profile Photo

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

Brecht (@utilitybend) 's Twitter Profile Photo

🚀 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…