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
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
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
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
okLCH explosions

https://codepen.io/argyleink/pen/dPyqgoe
March 31, 2025 at 3:34 AM
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
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