Adam Argyle

@argyleink@front-end.social
2.1K Followers
210 Following
1.2K Posts

Teachin, designin, and buildin on the web all day.

Bluesky https://bsky.app/profile/nerdy.dev

Sitehttps://nerdy.dev
RSShttps://nerdy.dev/rss.xml

I'll be your huckleberry;
when you need someone who does both.

https://nerdy.dev/systems-and-users

Systems And Users · July 30, 2025

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

nerdy.dev

VisBug comes preinstalled in the Orion browser 🤘🏻💀

https://nerdy.dev/orion-ships-with-visbug-as-the-design-tools

I made a typeface, it's called Flexflex 🔠

I've been working on this project on-and-off for many months. Very happy to finally release it!

Flexflex is a typeface that responds to spatial requirements rather than imposing them. Built on a modular system, each letter can fit inside any given rectangular container and transforms continuously if its ratio changes. In theory, it's infinitely flexible.

For more information and interactive demos, see the website: https://ronikaufman.github.io/flexflex

a quick prototype sprint on an LLM chat interface

✅ view transitions
✅ readablestreams
✅ flow control
✅ light/dark

https://nerdy.dev/llm-chat-prototype

`-webkit-focus-ring-color`
`-moz-focus-ring-color`

^ the adaptive "system variable focus outline" color you can use to look integrated when using `color-scheme: light dark`

would be nice to not have the prefix, just be part of this https://developer.mozilla.org/en-US/docs/Web/CSS/system-color

<system-color> - CSS | MDN

The <system-color> CSS data type usually reflects the default color choices used for the different parts of a web page.

MDN Web Docs
Photos of @argyleink@front-end.social giving a talk on the first day of #CSSDay (5 June 2025).
📷 OM-3 & 75 mm ƒ1.8

Recreating the Nintendo Switch Homescreen scroll UX

- 90% done with CSS
- a li'l JS for sounds, vibrations n' taps

https://nerdy.dev/nintendo-switch-homescreen-css-recreation

It's not a challenge to design for reduced transparency, it's an opportunity.

https://nerdy.dev/prefers-reduced-transparency

- adaptive frosted glass
- adaptive captions

I'm still sad that the native CSS color functions do not work like in preprocessors in certain aspects, but with custom functions, we will be finally free

@function --rgba(--c <color>, --a: 1) {
result: rgb(from var(--c) r g b / var(--a));
}

×
Photos of @argyleink@front-end.social giving a talk on the first day of #CSSDay (5 June 2025).
📷 OM-3 & 75 mm ƒ1.8

@kizu @argyleink Oooh, I love that t-shirt, too! Who gets the credit for that, Adam?

Great photos all around, Roma. You've really grabbed expressive moments.

@AmeliaBR @kizu It's a @heydon special you can snag from his rad online clothing store

https://webbed-briefs.teemill.com/product/kiss-my-css-tee/

Kiss My CSS tee

(The expression “Kiss my CSS” in a tall display font, between curly brace characters, and accompanied by a lipstick stain.)

Webbed Briefs
@kizu @argyleink He's got my shirt! But it suits him better…