2025 is not going how I'd predicted, but I'm willing to flow like water through the twists and turns

nerdy.dev/update-on-my...

⚡️Ukrainian border guards met Angelina Jolie during her visit to Ukraine.

The State Border Guard Service shared photos, saying they thanked her with a gift set of national symbols.

What'd I miss?

components know:
- user stuff
- device stuff
- app stuff
- design stuff
- what stuff is in them
- what stuff they're inside
- etc

It's amazing how much a component can know on the web, and I'm going to try and list it all out. Help me 🤓

#CSS
nerdy.dev/components-c...

"Oops… #CSS got away from me, send halp!"
🎥 video out now

a 25m tik-talk just given at @cascadiajs.com

⤷ nerdy.dev/oops-css-got...

This talk by @nerdy.dev is a wonderful presentation of why CSS is awesome and why we love it so much www.youtube.com/watch?v=QW6G...

Just look at what's possible with #CSS today

And the format is great for the impatient ones (myself included). Right speed, right transitions (pun intended 😉)

I missed the slide from @miriam.codes talk where she showed this as a function (+ I haven't had a chance to play w/CSS functions before) so I gave it a go! #CSSDay codepen.io/una/pen/emNvGMy

@function --rounded(--d) {
result: clamp(0px, calc(100vw - var(--d) - 100%) * 9999, var(--border-radius))}

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

My #GoogleIO talk "What's new in web UI" is live!

Learn about new native HTML & CSS APIs that make it possible to build 3 common (but complex) UI patterns:

1. Customizable select menus
2. Carousels
3. Hover cards

No JS = less jank, better perf, and much better DX

www.youtube.com/watch?v=VTCI...

3 Unintuitive #CSS Layout “Solutions”

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

wat?
nerdy.dev/3-unintuitiv...

Challenged CSS KING @kevinpowell.co to a little CSS battle

[New blog post]

Are CSS Carousels accessible sarasoueidan.com/blog/css-car...

In this post, I share some important insights from examining the accessibility of CSS-only carousels that use new features introduced in the #CSS Overflow Module Level 5 spec.

#a11y

dynamic toggle with CSS :has() 🎁

.control:not(:has(:first-of-type:checked)) .indicator {
translate: 100% 0;
}

leverage [type=radio]:checked with :has() to set the visuals 🤙

elements don't have to be so fugly

try this one nerdy.dev/nice-details

✍️ I shared a few thoughts about Item Flow, the new syntax that the CSS working group is discussing.

In short, I'm excited. Check it out for more details: ishadeed.com/article/item...

After 6 years of working closely alongside @nerdy.dev I am just rocked by this news.

Still not ready to accept it TBH but I stand behind Adam as one of the most genuine, talented, effervescent devs I've ever worked with.

If you're hiring snatch him up before I figure out a way to get him back 👀

Here's the first of many smaller projects I plan to release this year:

A custom reset style sheet that comes with a website that allows you to compare it with the default user agent styles and other reset style sheets.

fokus.dev/tools/uaplus/

Time to kick the tires on the #CSS @mixin prototype in Canary

⤷ nerdy.dev/css-mixins-r...

This CSS holographic effect by @hejchristian.com is amazing 😍 codepen.io/HejChristian...