Live data from Hacker News

BackgroundCheck

kennethcachia.com

21–30 of 30 posts

Re: BackgroundCheck

#21
post #5

This is a nice step, but not good enough for practical use. Put the text half on the black lamp, half off, and you get 1/2 invisible text. While interesting, it's not reliably accurate enough to use in any sort of automated fashion.

Another issue I see is that it doesn't take into account any of the elements which are already in position. Placing the small circle over the large circle hides it.

Re: BackgroundCheck

#23
This is a pretty cool concept, but it still needs a bit of work. While I agree with black borders around the text, I think it seems to meme-like. Maybe work on getting a shadow around the text when it is over multiple colours (e.g. the third picture near the concentration of lights). Other than that, it's a great concept, and I'd love to use it.

Re: BackgroundCheck

#24
post #5

This is a nice step, but not good enough for practical use. Put the text half on the black lamp, half off, and you get 1/2 invisible text. While interesting, it's not reliably accurate enough to use in any sort of automated fashion.

In graphics design I usually pick the colour that contrasts most with the background, and use a text-shadow (looks better than an outline, anyway) in the other colour. Use none or very little shadow blur.

What you should most definitely not do, is give each character (or word) its own colour depending on the background. As others pointed out, this would be a pain to implement, wrapping everything in spans etc, but most importantly it also just looks terrible.

Though the very first step is to simply try and see if you can avoid the situation entirely :) [which may be harder if the images are user supplied]

Re: BackgroundCheck

#25
Its good. I kept small drop overlapped on big drop on first picture. Finally, I saw on black drop only. Is should show black drop with white drop at center right?

Re: BackgroundCheck

#26
It appears this script uses the Canvas element to determine the colour to make the overlaying text or element. It might be worth noting in the README that for images to work being loaded from a CDN like Amazon Cloudfront or Amazon S3 that the header access-control-allow-origin needs to be set to . So like-so: access-control-allow-origin: — otherwise your Canvas is tainted and you can't get the image data out of it due to security restrictions...

Re: BackgroundCheck

#27
post #5

This is a nice step, but not good enough for practical use. Put the text half on the black lamp, half off, and you get 1/2 invisible text. While interesting, it's not reliably accurate enough to use in any sort of automated fashion.

did you try half text in white panel and half in the third? it turns BLUE!! Ingenious. So they got the right direction, but they have to fix the sensing on that because yes, it still has trouble with the lamp

Re: BackgroundCheck

#28
Fun idea, but poor execution. Why would you sample an area 4x or more unrelated to the data at hand? You should calculate the tightest bounding-box for your object and then apply the code, or just hit-test the non-transparant part of the current element, because you can still overlay items white on white, as long as the parts around it are dark enough.

Re: BackgroundCheck

#29

I'll start by saying that I think this is pretty cool and clever, and pretty useful for text. It works great on Safari. I should however add, that while moving the elements over the picture, I didn't once lose sight of my cursor, as it is black with a white outline, which seems to be a much simpler solution to the problem.

Agree 100%, especially when it comes to the text elements. Even if they expanded the system such that it were capable of automatically creating spans in the text to adjust from white to black depending upon the background color under specific letters, having the text switch from black to white and back again along with the background would look horrible and would be terrible for reading. But using high contrast outli…

I'd add that though we've adapted to the look of a cursor, the designer in me cringes at the thought of outlined text (though I'm willing to allow that there are probably applications of this that work elegantly; I just can't picture any).

Sometimes the answer might be yet a different color of text (not black or white), although that too has design downfalls.

But all that said, tools to help text and other elements adapt to background images are mighty helpful. I'd definitely consider using this, even as is.

Re: BackgroundCheck

#30
post #29

Earlier quoted context omitted.

Agree 100%, especially when it comes to the text elements. Even if they expanded the system such that it were capable of automatically creating spans in the text to adjust from white to black depending upon the background color under specific letters, having the text switch from black to white and back again along with the background would look horrible and would be terrible for reading. But using high contrast outli…

I'd add that though we've adapted to the look of a cursor, the designer in me cringes at the thought of outlined text (though I'm willing to allow that there are probably applications of this that work elegantly; I just can't picture any). Sometimes the answer might be yet a different color of text (not black or white), although that too has design downfalls. But all that said, tools to help text and other elements a…

> I'd add that though we've adapted to the look of a cursor, the designer in me cringes at the thought of outlined text (though I'm willing to allow that there are probably applications of this that work elegantly; I just can't picture any).

Outlined text is quite common in videos (e.g. for subtitles or credits). The outline doesn't disturb at all if done properly — it doesn't have to be thick, a subtle shadow will usually suffice.

Post reply on HN