Live data from Hacker News

Sometimes a CSS color scraper comes in handy ...

colrgrabr.swissamigos.com

11–20 of 24 posts

Re: Sometimes a CSS color scraper comes in handy ...

#12

It's cool, but curious why it shows nothing on our website! http://colrgrabr.swissamigos.com/#http://www.scirra.com

It doesn't show anything for my site either :( Life is difficult! (http://inst.eecs.berkeley.edu/~tikhon) And my page is fully standards compliant. (Yours might be as well--I didn't check.)

Re: Sometimes a CSS color scraper comes in handy ...

#14

Every search I try it gives me the colours for Hacker News :( I can see why this would be very useful (instead of trawling through the CSS with dev tools or using a colourpicker) - On closer inspection, it looks like it's always returning the colours for the first search I made, whichever that is.. (Chrome latest on Mac)

For me it works on most URLs not containing a path components but sometimes it chokes. Seems to return the latest successful query then?

I think it's a very useful idea. Maybe a bookmarklet is second best to a browser plugin (but this one can surely be improved):

   javascript:(function(){var%20s=encodeURIComponent(window.location.href.match(/:\/\/(.[^/]+)/)[1]);open('http://colrgrabr.swissamigos.com/?url='+s+'#'+s);})();
(stripping the path for now, to make it work)

Re: Sometimes a CSS color scraper comes in handy ...

#15

It's cool, but curious why it shows nothing on our website! http://colrgrabr.swissamigos.com/#http://www.scirra.com

Why do your css links have a double slash prepended?

    "//static4.scirra.net/css/newmaster.css?v=43"
No idea if that's the issue but it stuck out.

Re: Sometimes a CSS color scraper comes in handy ...

#16

It's cool, but curious why it shows nothing on our website! http://colrgrabr.swissamigos.com/#http://www.scirra.com

Why do your css links have a double slash prepended? "//static4.scirra.net/css/newmaster.css?v=43" No idea if that's the issue but it stuck out.

Although I can't speak for the OP, and you may be asking for a different reason, but double slashes are an acceptable way to write fully qualified URLs while still being protocol agnostic (that is to say, if you're on a page that was served via HTTPS, the double slash URL implies using the HTTPS protocol). It let's you have fully qualified URLs, without having to worry about the protocol and browser whining about mixed security.

Re: Sometimes a CSS color scraper comes in handy ...

#18

Every search I try it gives me the colours for Hacker News :( I can see why this would be very useful (instead of trawling through the CSS with dev tools or using a colourpicker) - On closer inspection, it looks like it's always returning the colours for the first search I made, whichever that is.. (Chrome latest on Mac)

For me it works on most URLs not containing a path components but sometimes it chokes. Seems to return the latest successful query then? I think it's a very useful idea. Maybe a bookmarklet is second best to a browser plugin (but this one can surely be improved): javascript:(function(){var%20s=encodeURIComponent(window.location.href.match(/:\/\/(.[^/]+)/)[1]);open('http://colrgrabr.swissamigos.com/?url='+s+'#'+s);})(…

Hey thanks for the effort of creating a bookmarklet for ColrGrabr. I will provide it directly on the page.

Btw. you don't need the ?url= query param.

  javascript:(function(){var%20s=encodeURIComponent(window.location.href.match(/:\/\/(.[^/]+)/)[1]);open('http://colrgrabr.swissamigos.com/#+s);})();

Re: Sometimes a CSS color scraper comes in handy ...

#19

Every search I try it gives me the colours for Hacker News :( I can see why this would be very useful (instead of trawling through the CSS with dev tools or using a colourpicker) - On closer inspection, it looks like it's always returning the colours for the first search I made, whichever that is.. (Chrome latest on Mac)

Thanks for your comment.

I've tested it on Chrome latest for Mac & Canary Build and it works fine for me.

Do you have more details on this issue?

thx

Post reply on HN