2,248 views · 49 active
A cartoon skull with a hotpink hat on.
atom@argyleink
notecssosstools

Try the latest <color-input> concept
(I think it's hella rad)

⚓️ anchor() progressive enhancement
🤖 workers for color compute
🙈 new animations & interactions
🎨 gamut boundaries, mapping, stretching
☯️ contrast scores
& much more

QA and comment on GitHub if you may.

color input concept 1color input concept 2color input concept 3color input concept 4

16 comments #

161likes
33reposts

Join the conversation on

QA and comment on GitHub here github.com/argyleink/cs...
Adam ArgyleAdam Argyle
Try the latest <color-input> concept: ⚓️ anchor() progressive enhancement 🤖 workers for color compute 🙈 new animations & interactions 🎨 gamut boundaries, mapping, stretching ☯️ contrast scores & much more https://t.co/hN7coBZaxK https://t.co/AnRHXpRQHW
Adam ArgyleAdam Argyle
QA and comment on GitHub here https://t.co/wJJ2d2noLH
Adam ArgyleAdam Argyle
Great job!
BogdanBogdan
@nerdy.dev quick video tour of what's new
Adam ArgyleAdam Argyle
Woah this is cool. Is this lightweight? Do web components just download on load?
Cory ????Cory ????
i'm trying to keep it lightweight, but color is gnar
Adam ArgyleAdam Argyle
Great looking work ????❤️! This is getting better and better ????. One recommendation: for certain use cases you only need the "color-picker" part, without button+modal. So I think having an additional color-picker component that just renders the modal content of color-input could be super useful ????.
Katja Lutz ????????????Katja Lutz ????????????
This is getting really good! Love that the jitter is completely gone from the 2d picker. Would you accept a PR that adds contrast indicators like these?
Kilian ValkhofKilian Valkhof
I had them on there for a little bit! But removed them in favor of the values and info at the bottom right (new), since the lines felt like clutter and only represented one But maybe!? Make a case about something I missed?
Adam ArgyleAdam Argyle
Like an embeddable non-popup version? Down to log that feature request in GitHub?
Adam ArgyleAdam Argyle
i'm not going to add UI so you can specify a color to contrast against, or UI so you can set a font size… sounds like another tools job to me
Adam ArgyleAdam Argyle
inline mode already works btw! codepen.io/argyleink/pe...
Adam ArgyleAdam Argyle
Wow, this is fantastic. You’re playing every ace in the deck! ????
Christian "Schepp" SchaeferChristian "Schepp" Schaefer