Really good videos on color spaces and gradients from Chrome Dev:
CSS Gradients that avoid the “gray dead zone”
41–50 of 151 posts
Re: CSS Gradients that avoid the “gray dead zone”
#42As 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!
Red pill: truely accept that design is very important, make the hard effort to improve your aesthetic work over time to improve your personal taste, listen to graphic designers and learn their taste from them. Become the master of both aesthetics and engineering, reap the significant rewards as one of the few that can navigate the compromise between the disciplines. The cost is that the world slowly becomes terrifyin…
For all the hate Apple gets, they definitely took the red pill when it comes to UI/UX.
Re: CSS Gradients that avoid the “gray dead zone”
#43Earlier quoted context omitted.
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.
No, it's still bad. For example, it hijacks the space bar. You're spacing/pgdwning like normal when it pops out, then it hijacks the space to open up a nag modal. It was terrible when it was Clippy, it's terrible when it's a Bob the Builder avatar. Comeau's website never sparks joy in me because I'm always wondering what the next bullshit will be (was this the one which for a while was doing sparkles after the mouse?…
Can you give examples of sites that do spark joy for you? Whenever I encounter hate for certain design decisions online I like to know the alternative I should strive to follow instead.
Re: CSS Gradients that avoid the “gray dead zone”
#44Because 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.
In GIMP, there are beside clockwise and counter-clockwise two more options, near and far, which map to cw or ccw depending on start- and end-hue.
Re: CSS Gradients that avoid the “gray dead zone”
#45Earlier quoted context omitted.
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.
No, it's still bad. For example, it hijacks the space bar. You're spacing/pgdwning like normal when it pops out, then it hijacks the space to open up a nag modal. It was terrible when it was Clippy, it's terrible when it's a Bob the Builder avatar. Comeau's website never sparks joy in me because I'm always wondering what the next bullshit will be (was this the one which for a while was doing sparkles after the mouse?…
For me Page Down does not trigger the click on the "Sure" button of the small popup. That would be a really weird thing. Space does, because the element is focused automatically (which is kinda bad imo).
Re: CSS Gradients that avoid the “gray dead zone”
#46Earlier quoted context omitted.
No, it's still bad. For example, it hijacks the space bar. You're spacing/pgdwning like normal when it pops out, then it hijacks the space to open up a nag modal. It was terrible when it was Clippy, it's terrible when it's a Bob the Builder avatar. Comeau's website never sparks joy in me because I'm always wondering what the next bullshit will be (was this the one which for a while was doing sparkles after the mouse?…
I seriously wonder if a person exists that likes being bothered when they're trying to read something? If that's not the case, and in fact nobody likes this, why anyone would think that this was a good idea?
I personally don't find this particular popup bothering. I can continue to read the page without interruption. I also understand that they want me to subscribe or whatever so I know when their next article is up.
Re: CSS Gradients that avoid the “gray dead zone”
#47I made a less-polished version of this too, although mine uses the Oklab colourspace for interpolation:
https://www.da.vidbuchanan.co.uk/widgets/css-gradient-fixer/
Re: CSS Gradients that avoid the “gray dead zone”
#48Earlier quoted context omitted.
No, it's still bad. For example, it hijacks the space bar. You're spacing/pgdwning like normal when it pops out, then it hijacks the space to open up a nag modal. It was terrible when it was Clippy, it's terrible when it's a Bob the Builder avatar. Comeau's website never sparks joy in me because I'm always wondering what the next bullshit will be (was this the one which for a while was doing sparkles after the mouse?…
Can you give examples of sites that do spark joy for you? Whenever I encounter hate for certain design decisions online I like to know the alternative I should strive to follow instead.
HN
Re: CSS Gradients that avoid the “gray dead zone”
#49Love the article. Small UX gripe: it took me a while to figure out how to use the gradient sliders. The box at the top looks like a handle, and I was trying to interact with that. But it looks like I have to click the bar to move the box, but there is no visual indicator that the bar itself is a point of interaction other than a cursor change (which is really subtle).
Glad I wasn't the only one.
Re: CSS Gradients that avoid the “gray dead zone”
#50Earlier quoted context omitted.
Red pill: truely accept that design is very important, make the hard effort to improve your aesthetic work over time to improve your personal taste, listen to graphic designers and learn their taste from them. Become the master of both aesthetics and engineering, reap the significant rewards as one of the few that can navigate the compromise between the disciplines. The cost is that the world slowly becomes terrifyin…
For all the hate Apple gets, they definitely took the red pill when it comes to UI/UX.
Some pieces are great, but others are infuriating, like the fact that I can't disable pointer or scroll wheel acceleration without installing 3rd party software.
At least they let me invert the scroll wheel so that its behavior matches everything else in the world.