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

@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
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

@kizu followed quickly by this adaptive frosted glass

https://codepen.io/argyleink/pen/qBmJyvv

Adaptive Frosted Glass

...

@kizu one of my favorite examples of reduced transparency I've made 🤓

https://codepen.io/argyleink/pen/YzBKBaR

prefers-reduced-transparency CSS image captions

...

@adactio Sooooo coooooooooooool
@adactio What was it‽

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));
}

Fathers Day 2025 · June 15, 2025

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

nerdy.dev