Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Dimensions – Measure everything you see in the browser

felixniklas.com

Post reply on HN
Print view View original

51–59 of 59 posts

Re: Dimensions – Measure everything you see in the browser

#51

Post by fuzzywalrus »

ymir wrote: post #6

Disclaimer: I'ma co-creator of SnapRuler. Great job, it's amazing how accurate it is. Getting this tool to be reliable had to be a substantial struggle. If you find this extension useful, there might be a situation when you need to measure stuff that is not inside your browser. SnapRuler ( http://www.snaprulerapp.com ) is an OSX tool that can measure anything you see on screen.

Funny, I was about to recommend SnapRuler.

It's become part of my daily work flow. For the price and time saved, I can't recommend it enough.

Its on my list with ColorSnapper (another small dev made utility), between the two, I rarely take screenshots anymore. I find it more useful than browser plugins as often my rendering issues are with old browsers that lack such utilities.

Re: Dimensions – Measure everything you see in the browser

#52

Post by ChristianBundy »

crisnoble wrote: post #30
peterjmag wrote: post #8

This is awesome! Such a wonderfully simple idea, and pretty nice execution to boot. I normally rely heavily on Cmd-Shift-4 on OS X for measuring stuff on screen (click, drag, then Esc to cancel before actually taking a screenshot), but I have a feeling this extension will be a pretty significant improvement over my approach. Great work! For those that don't see a use case: Chrome's dev tools work well for measuring t…

For everyone who uses Cmd-Shift-4, try Cmd-Cntrl-Shift-4 to accomplish the same thing without risking a 31px by 2px file cluttering your desktop when you don't click Esc on time.

Note: this saves the image to your clipboard instead, overwriting anything you've cut/copied.

Re: Dimensions – Measure everything you see in the browser

#54

Post by tomhenderson »

panorama wrote: post #10

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 made a little applescript application so I can open the system colour picker with spotlight. That way I can use the palette at the bottom to save a the colours, and the developer picker extension to copy the code.

To build it just put 'choose color' into script editor and save it as an application.

Re: Dimensions – Measure everything you see in the browser

#56

Post by tobr »

mindhunter wrote: post #25
klausseiler wrote: post #12

don't know why, but the extension won't work on my retina mbp 13" http://imgur.com/3NHVDv5 on the extension website it works fine :/

I developed it on a mbp 13", just not the retina version. Someone reported the bug that it doesn't work when the browser is zoomed. May that be the case for you?

Doesn't work on my Retina MBP either, but it works on a connected regular res monitor.

The problem appears to be that it maps 2x pixels to "normal" 1x pixels as output. So all the measurements are scaled up 200%, with the top left corner as the origin.

Re: Dimensions – Measure everything you see in the browser

#58

Post by eli »

ChristianBundy wrote: post #52
crisnoble wrote: post #30

Earlier quoted context omitted.

For everyone who uses Cmd-Shift-4, try Cmd-Cntrl-Shift-4 to accomplish the same thing without risking a 31px by 2px file cluttering your desktop when you don't click Esc on time.

Note: this saves the image to your clipboard instead, overwriting anything you've cut/copied.

Another great reason to have a clipboard manager.

Re: Dimensions – Measure everything you see in the browser

#59

Post by Cowicide »

eli wrote: post #58
ChristianBundy wrote: post #52

Earlier quoted context omitted.

Note: this saves the image to your clipboard instead, overwriting anything you've cut/copied.

Another great reason to have a clipboard manager.

Very true and I can't imagine using any device without a multi-clipboard manager. I'm pretty surprised Windows, OS X, Android, iOS, etc. don't already have them built-in by now or at least optional within the system preferences somewhere.
Post reply on HN