Adam ArgyleModify

2025-11-07 10:56:09

My talk Midi Meets CSS is done! Had a blast bein a high energy nerd on stage blastin banjo and beats from a K.O. II.

Marc, BTconf; you rock. Day 1 of the talks have been so inspiring. Stoked for day 2.

2025-10-31 22:48:48

I was on the General Musings show with Kevin Powell 🤘🏻💀

We chat front-end job hunting in 2025, the misalignments between the technical interviews and the roles they were looking to fill, the overall state of the industry and hiring processes and how to distinguish yourself from the crowd.

Audio · Video

2025-10-31 07:51:37

Since I've tried and failed like 3 times to try and write a blog post on "sector driven design" or "smart components," this post is just gonna try and elaborate on what Miriam Suzanne kids a li'l and says "containers know stuff."

This is huge though, for development and design.

Components/elements/containers whatever, can own all their presentation aspects for nearly any scenario now. They can feel like magic, perfectly adapting to wherever the component author or designer has condoned.

A new one that not enough people talk about is, CSS named container queries. A component can easily know if it's in the sidenav, footer, article area, callout, whatever!

@container --some-area {
  …
}

That's amazing.

No more chasing down all the styles and variations that scatter across your application.

Components are aware of it's user, device, variables, layout and more. In an attempt to get y'all stoked too, here's a list of all the "stuff" that components know.

What kind of stuff? #

Let's create the ultimate list of all the rad "stuff" that components know:

1. the users preferences
   (dark/light, reduced motion, forced-colors, etc)
2. the users writing and reading preferences
   (rtl, lrt, etc)
3. the user's device size, orientation, and capabilities
   (color, pointer, etc)
4. the app's design system
   (colors, spacing, etc)
5. where they are in the app
   (container name queries)
6. how much space they have
   (container size queries)
7. how many items they contain
   (quantity query)
8. what kind of items they contain
   (:has())
9. what the value of a variable for them is
   (style query)
10. whats in or out of view
    (scroll animations)
11. whether its scrolling or not
    (scroll-state)
12. is the user hovering, focusing or activating elements
13. whether there's focus within or not
    (focus-within)
14. if there's valid in invalid form inputs
    (validity)
15. position within siblings
    (sibling-count() or sibling-index())
16. Moved to or is in an iframe
    (if (window.self !== window.top))
17. is defined or not
    (:defined)
18. if media is playing or not
    (:playing)
19. is being printed and/or fragmented across print pages
    (@media print)
20. which browser it's in
    (navigator.userAgent or CSS selectors)
21. is in a web component
    (this instanceof HTMLElement)
22. where other elements are and their size
    (position-anchor, anchor-size())
23. distance from other elements
    (anchor)

Let me know in the comments what I missed.
I'll give ya a shout for your recommendation 🤘🏻💀

Shouts #

• Nathan Knowler - Position amongst siblings, media pseudo classes like :playing and web components being :defined or not
• Anthony Frehner - Moved to or is in an iframe
• Michael G - Being printed and/or fragmented across print pages
• Bart Veneman - Which browser it's in
• jh3yy - anchoring

2025-10-30 23:26:16

Ep #216
Live at All Things Open w/ Shruti Kapoor

Robbie and guest co-host Jason Lengstorf chat with Shruti Kapoor about her leap from Slack and PayPal to YouTube, the joys and pitfalls of open source, and eternal web dev debates.

⤷ whiskey.fm · youtube · spotify · apple

2025-10-27 05:04:54

Stoked for my upcoming talk at Beyond Tellerrand in Berlin next month:

🎶 Midi Meets CSS 🎶

Most folks use WebGL to visualize their audio (and it's awesome) but that's not me, CSS is. I've taken a different approach…

Be there or be aspect-ratio: 1

2025-10-23 23:52:39

Ep #215
Rust Is Overrated w/ guest Naman Goel

Robbie and I talk with Naman Goel about the origins and evolution of StyleX, how it integrates with React and other frameworks, the pros and cons of different programming languages like Rust, TypeScript, and Swift, and whatnot.

⤷ whiskey.fm · youtube · spotify · apple