SnapRuler

I typically use xScope for all of my on-screen pixel measuring needs, but recently, I've often found myseful using SnapRuler instead. It's very simple, but has three really useful features.

First, hitting shift immediately snaps the measuring rectangle to the nearest visible edge (like the border of a button or window). Second, once you've measured something, you can copy the values as CSS or Objective-C code, and directly paste them into your text file. And third, you can easily resize your selection rectangle by single pixels using the arrow keys (something I have to do often when I'm working with a trackpad).

Both xScope and SnapRuler are really nifty, and get along nicely with each other.

If you require a short url to link to this article, please use http://ignco.de/422

If you liked this, you'll love my book. It's called Designed for Use: Create Usable Interfaces for Applications and the Web. In it, I cover the whole design process, from user research and sketching to usability tests and A/B testing. But I don't just explain techniques, I also talk about concepts like discoverability, when and how to use animations, what we can learn from video games, and much more.

You can find out more about it (and order it directly, printed or as a DRM-free ebook) on the Pragmatic Programmers website.