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?
Dimensions – Measure everything you see in the browser
11–20 of 59 posts
Re: Dimensions – Measure everything you see in the browser
#12on the extension website it works fine :/
Re: Dimensions – Measure everything you see in the browser
#13This 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?
[1] http://www.techrepublic.com/blog/apple-in-the-enterprise/dis...
Re: Dimensions – Measure everything you see in the browser
#14This 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?
Re: Dimensions – Measure everything you see in the browser
#15The very interesting thing is that it goes through transparent portions of png backgrounds. Try it in the google logo. I am very impressed.
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
#16Re: Dimensions – Measure everything you see in the browser
#17Useful 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...
Re: Dimensions – Measure everything you see in the browser
#18Uncaught TypeError: Cannot read property '0' of undefined tooltip.js:84
Re: Dimensions – Measure everything you see in the browser
#19Re: Dimensions – Measure everything you see in the browser
#20Would be nice if you add a "copy size to clipboard" function, when click on an element.