Adam Argyle
LightNews LightNews
banner
argyleink.front-end.social.ap.brid.gy
Adam Argyle
@argyleink.front-end.social.ap.brid.gy
1K followers 2 following 240 posts
Teachin, designin, and buildin on the web all day.

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

[bridged from https://front-end.social/@argyleink on the fediverse by https://fed.brid.gy/ ]
Posts Replies Media Videos
argyleink.front-end.social.ap.brid.gy
ep216 of Whiskey Web and Whatnot
(live) All Things Open 2025

Shruti Kapoor shares her career journey, career tips, tricks, and trips, and a little bit of whatnot in this episode with host Robbie and guest host Jason Lengstorf […]

[Original post on front-end.social]
Whiskey Web and Whatnot
October 30, 2025 at 11:17 PM
argyleink.front-end.social.ap.brid.gy
workin on a web component: `<color-input>`
October 27, 2025 at 6:09 AM
argyleink.front-end.social.ap.brid.gy
Sneak peak at my upcoming @btconf talk 👀

Be there or be `aspect-ratio: 1`

https://nerdy.dev/beyond-tellerrand-2025
October 26, 2025 at 9:29 PM
argyleink.front-end.social.ap.brid.gy
sticky slices

https://nerdy.dev/sticky-gradient-transitions #css
September 26, 2025 at 3:42 PM
argyleink.front-end.social.ap.brid.gy
gradient.style has finally
- come out of beta
- offers multiple background editing
- is open source

🎉 https://nerdy.dev/gradient.style-is-out-of-beta
a radial gradient shown over a conic gradient of sun rays a linear gradient shown overtop a radial gradient a conic gradient on top of another conic gradient
August 28, 2025 at 9:11 PM
argyleink.front-end.social.ap.brid.gy
The making of a #css5 HDR enabled gradient tool

a fun peek into the sketching that led to the gradient line UI, the color picker, the overall layout, some math and more!

https://nerdy.dev/the-making-of-gradient.style
August 27, 2025 at 6:00 AM
argyleink.front-end.social.ap.brid.gy
VisBug comes preinstalled in the Orion browser 🤘🏻💀

https://nerdy.dev/orion-ships-with-visbug-as-the-design-tools
July 29, 2025 at 6:43 PM
argyleink.front-end.social.ap.brid.gy
a quick prototype sprint on an LLM chat interface

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

https://nerdy.dev/llm-chat-prototype
July 28, 2025 at 10:55 PM
argyleink.front-end.social.ap.brid.gy
some of my UI work

https://nerdy.dev/sizzle-rizzle
July 4, 2025 at 10:06 PM
argyleink.front-end.social.ap.brid.gy
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
June 13, 2025 at 10:23 PM
argyleink.front-end.social.ap.brid.gy
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
An image with a caption is showed in two styles, one with a semi-transparent overlay of the caption and one with the caption underneath the image with no transparency used at all.
June 10, 2025 at 8:57 PM
argyleink.front-end.social.ap.brid.gy
3 Unintuitive #css Layout “Solutions”

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

wat?
https://nerdy.dev/3-unintuitive-layout-solutions
A horse on a boat on the ocean holding a kitten
May 22, 2025 at 9:00 PM
argyleink.front-end.social.ap.brid.gy
workin on the design for my slides at CSS Day

3D view transitions between pages/slides?
li'l bit-o-glitch and some split text.
i'm diggin it.
May 16, 2025 at 4:38 PM
argyleink.front-end.social.ap.brid.gy
got tired of seeing fugly `
`

try this one https://nerdy.dev/nice-details
April 25, 2025 at 5:17 PM
argyleink.front-end.social.ap.brid.gy
Smells like an attack vector for people into that
April 10, 2025 at 2:31 AM
argyleink.front-end.social.ap.brid.gy
okLCH explosions

https://codepen.io/argyleink/pen/dPyqgoe
March 31, 2025 at 3:34 AM
argyleink.front-end.social.ap.brid.gy
Time to kick the tires on the #css `@mixin` prototype in Canary

⤷ https://nerdy.dev/css-mixins-ready-for-experimentation
@mixin --box { aspect-ratio: 1; inline-size: 100px; block-size: 100px; } .box { @apply --box; }
March 26, 2025 at 3:46 PM
argyleink.front-end.social.ap.brid.gy
in Chrome 135 - Tomorrow Mar 26, 2025
customize all the parts of a `` with #css!

⤷ https://nerdy.dev/customize-a-select
argyleink.front-end.social.ap.brid.gy
amazing what a few lines of #css can do

https://codepen.io/argyleink/pen/LEYOgxy
March 13, 2025 at 9:14 PM
argyleink.front-end.social.ap.brid.gy
#css sibling-index() and sibling-count()
available Chrome Canary with experiments enabled!

`transition-delay: calc(sibling-index() * .1s);`

or

```css
--hue: calc(sibling-index() * 50);
color: oklch(70% 70% var(--hue));
```

more info and a Codepen to fork
⤷ https://nerdy.dev/sibling-index
March 11, 2025 at 12:50 AM
argyleink.front-end.social.ap.brid.gy
example of perspective in a view transition

https://codepen.io/argyleink/pen/qEWeYzd
March 6, 2025 at 11:02 PM
argyleink.front-end.social.ap.brid.gy
want 3D perspective in your view transitions?

https://nerdy.dev/view-transitions-3d-perspective
To give View Transitions a perspective, either: ::view-transition-image-pair(--foo) { perspective: 500px; } /* or */ ::view-transition-new(--foo) { transform: perspective(500px); } Hope this finds someone well.
February 27, 2025 at 11:06 PM
argyleink.front-end.social.ap.brid.gy
fun little #css kaleidoscope gradient trick

⤷ https://nerdy.dev/css-kaleidoscopes
February 23, 2025 at 12:20 AM
argyleink.front-end.social.ap.brid.gy
new <footer>
nerdy.dev
January 30, 2025 at 6:28 AM
argyleink.front-end.social.ap.brid.gy
#css advanced `attr()`

Unlocking new ways to integrate with CSS from your HTML

https://nerdy.dev/advanced-attr
January 17, 2025 at 4:52 PM