CSS Gradients that avoid the “gray dead zone”
joshwcomeau.com
CSS Gradients that avoid the “gray dead zone”
1–10 of 151 posts
Re: CSS Gradients that avoid the “gray dead zone”
#2It would be convenient if gradient calculations would be hinted by the color space used to define the start/end colors.
Re: CSS Gradients that avoid the “gray dead zone”
#3Because Hue is a degree, you can walk either clockwise or counter-clockwise. That is why in the Javascript widget (the one to select midpoints and color spaces), HSL v.s. Lab v.s. HCL acted quite differently. You probably also need a tweak for that in the "Gradient Generator" widget too.
Re: CSS Gradients that avoid the “gray dead zone”
#4I really, really like Mr. Comeau's "Me" avatar. In fact, his whole site is quite beautiful and pleasing.
Re: CSS Gradients that avoid the “gray dead zone”
#5Every once in a while you come across something on the internet that makes you stop and go "whoa, that is cool". This is one of those for me.
Re: CSS Gradients that avoid the “gray dead zone”
#6I really, really like Mr. Comeau's "Me" avatar. In fact, his whole site is quite beautiful and pleasing.
I agree, most sites are very aggressive with popups and modals, that having a small pleasant avatar peak out at you is a nice change.
Re: CSS Gradients that avoid the “gray dead zone”
#7The gradient generator Josh introduces here is pretty nice [0]! And the HSL vs RGB theory is also pretty interesting. I'll give this generator a try next time I want one.
But my favorite gradient generator at the moment (most pleasant gradients IMO) is still [1].
Re: CSS Gradients that avoid the “gray dead zone”
#8As a (web/app) developer, I'd really wish I had any sort of talent do beautiful things, this person clearly has a sense of aesthetics that I don't, while I know that practice would make it better, I just don't feel that I'd get there.
Congrats to the author for such a cool product!
Re: CSS Gradients that avoid the “gray dead zone”
#9I really, really like Mr. Comeau's "Me" avatar. In fact, his whole site is quite beautiful and pleasing.
I like how the little w and 人 make a big W in negative space.
Re: CSS Gradients that avoid the “gray dead zone”
#10Since this is posted by you, Josh.. is the date in the article inaccurate (should the year be 2022?) or did you just decided to push to HN on the one year anniversary? (Title might benefit from the year)