Live data from Hacker News

Dimensions – Measure everything you see in the browser

felixniklas.com

11–20 of 59 posts

Re: Dimensions – Measure everything you see in the browser

#11

This is great, installing now. I too use the cmd+shift+4 method but it's pretty unreliable. Similarly, one thing I often find myself needing to do is find the hex or RGB value of an element of pixel on the fly. I know there are osx apps that do this but they're usually of the paid variety. Are there any good chrome extensions that can accomplish this?

I like Digital Color Meter, included with OS X.

Re: Dimensions – Measure everything you see in the browser

#13

This is great, installing now. I too use the cmd+shift+4 method but it's pretty unreliable. Similarly, one thing I often find myself needing to do is find the hex or RGB value of an element of pixel on the fly. I know there are osx apps that do this but they're usually of the paid variety. Are there any good chrome extensions that can accomplish this?

There's actually a little utility called DigitalColor Meter[1] built in to OS X. It's not perfect, but it gets the job done.

[1] http://www.techrepublic.com/blog/apple-in-the-enterprise/dis...

Re: Dimensions – Measure everything you see in the browser

#14

This is great, installing now. I too use the cmd+shift+4 method but it's pretty unreliable. Similarly, one thing I often find myself needing to do is find the hex or RGB value of an element of pixel on the fly. I know there are osx apps that do this but they're usually of the paid variety. Are there any good chrome extensions that can accomplish this?

I use: https://chrome.google.com/webstore/detail/colorpick-eyedropp... which is ugly but functional.

Re: Dimensions – Measure everything you see in the browser

#15
post #9

The very interesting thing is that it goes through transparent portions of png backgrounds. Try it in the google logo. I am very impressed.

What? I could not believe what you wrote but you are right, it does go through transparent background.

http://i.imgur.com/byfmzAJ.png

How did he make it work? I didn't think this would be possible.

Yes, extremely impressed with the tool.

EDIT: Looked at the code. He takes screenshot of the active tab when extension is clicked. And then parses the PNG in measureDistances function when mouse moves.

https://github.com/mrflix/dimensions/blob/master/extension/d...

For a mouse at position X, Y, it tries to find the farthest Top, Bottom, Right, Left points with same color/threshold. This is why it is able to see through 'transparent' Google logo.

https://github.com/mrflix/dimensions/blob/master/js/worker.j...

Great work.

Re: Dimensions – Measure everything you see in the browser

#17
post #5

Useful for quick measurements, when you need to measure between several elements at once there's Tape: https://chrome.google.com/webstore/detail/tape/jmfleijdbicil... And if you just want a box that can be dragged around there's Page Ruler: https://chrome.google.com/webstore/detail/page-ruler/jlpkojj...

I really like tape, been using it for a while now and it's come in handy a lot.
Post reply on HN