Toots for argyleink@front-end.social account

Written by Adam Argyle on 2025-01-21 at 16:48

🆕 Bad@CSS episode where guest Lane Wagner, a backend Go programmer, tells us how much they love #CSS (lol)

check it out on youtube or spotify!

https://nerdy.dev/bad-at-css-with-lane-wagner

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-19 at 21:30

6 #CSS Snippets Every Front-End Developer Should Know In 2025

https://nerdy.dev/6-css-snippets-every-front-end-developer-should-know-in-2025

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-18 at 00:18

folks say "state is hard"

nah, color.

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-17 at 16:52

[#]CSS advanced attr()

Unlocking new ways to integrate with CSS from your HTML

https://nerdy.dev/advanced-attr

=> View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-15 at 20:21

[#]CSS scroll-state() container queries

in Chrome 133

@container scroll-state(stuck: top) {
   …
}

Read all about snapped, stuck and scrollable in this post:

https://developer.chrome.com/blog/css-scroll-state-queries

↪ https://nerdy.dev/scroll-state-container-queries

=> View attached media | View attached media | View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-15 at 15:59

if ShadCN and Open Props had a baby…

✨ Open Props UI ✨

An introduction and overview of this new copy & paste UI Library

https://nerdy.dev/open-props-ui

Congrats Felix Bohlin! Lib looks rad 🤘🏻💀

=> View attached media | View attached media | View attached media | View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-14 at 21:34

[#]CSS text-box

a very exciting feature!

available in:

Chrome 133 & Safari 18.2

My post on Chrome Developers:

https://developer.chrome.com/blog/css-text-box-trim

↪ https://nerdy.dev/text-box-trim

=> View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-12 at 20:08

INTRODUCING

• *The Nerdy Notebook **

JS "notebooks" focused on #CSS demo's, education, recipes and tricks.

https://nerdy.dev/nerdy-notebook

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-06 at 17:10

• Focus By Demotion*

a use case for #CSS :hover > :not(:hover)

https://nerdy.dev/hover-not-hover-sorry-not-sorry

=> View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2025-01-04 at 22:30

@kevinpowell.co and I nerd out about #CSS

Watch

https://www.youtube.com/watch?v=rE-qmyPHHGw

More links:

https://nerdy.dev/nerding-out-with-kevin-powell

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-30 at 21:12

[#]CSS feature faceoff:

scroll triggered stuck nav (left)

   vs

scroll driven animation nav (right)

which do you prefer?

try it

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

(use Canary for the scroll-state() support)

=> View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-30 at 15:50

not just gradient text,

[#]CSS repeating gradient text

https://nerdy.dev/repeating-linear-gradient-text

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-28 at 00:41

need product differentiation?

overhire a #CSS front-end team and ask them to:

• polish whatever

• add delight wherever

and watch as your product becomes smooth and buttery while everyone else's gather dust and crust

UI is a huge space offering differentiation via quality

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-23 at 19:17

[#]CSS color

what's the difference between adjusting lightness, adding white, and adding black?

feel it out, here in this Codepen

column

1: from color to 100% lightness

2: from color to white

3. from color to black

4. from color to 0% lightness

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

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-20 at 22:30

Putting AI in your product? You're gonna need #CSS gradient text animations (if you want to be cool)

So here, a recipe!

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

↪ https://nerdy.dev/animated-gradient-text

=> View attached media

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-20 at 16:19

5 #CSS snippets every front-end developer should know in 2024

I wrote it earlier this year;

should I do a 2025 edition in January?

https://nerdy.dev/5-css-snippets-every-front-end-developer-should-know-in-2024

=> More informations about this toot | View the thread

Written by Adam Argyle on 2024-12-19 at 18:23

Wildest #CSS media query I've written in a while