Find the Size of Website Elements the Easy Way

Have you ever found a website with a design or layout that you think is great but finding out the pixel sizing for individual elements is a hassle? Now you can easily get that information with myRuler.

Setup

This is what myRuler looks like when it first starts up…the first time it will be set at a default of 500 pixels. Whenever you start myRuler again afterwards it will remember the pixel size you used the previous time.

my-ruler-01

You can change the horizontal versus vertical orientation, theme, or minimize myRuler to the “System Tray” using the “Right Click Menu”.

my-ruler-02

Click on the “myRuler Link” to see the keyboard commands for moving, resizing, directional flipping, and screen placement.

my-ruler-03

myRuler in Action

Perhaps you see graphics in a website like sidebar buttons or blog post images and really think the sizing within the layout is perfect. You can easily find the sizes with myRuler. For our example we are looking at one of the images in a blog post…first the horizontal measurement…

my-ruler-04

And then the vertical measurement. At this point you may be thinking that yes you could save/copy the image to your computer or right click for the properties, but if the image is not the only element that you are working with on the page then…

my-ruler-05

If there is a particular section of a website that you like the sizing/fit of (say the width of a forum listing or sidebar), then you can easily find the size to help with the design for your own website.

my-ruler-06

Conclusion

myRuler makes a convenient app to have around for those times when you need a quick way to find the size of website elements and make designing your own website easier.

Links

Download myRuler (version 0.5)

Akemi Iwaya is a devoted Mozilla Firefox user who enjoys working with multiple browsers and occasionally dabbling with Linux. She also loves reading fantasy and sci-fi stories as well as playing "old school" role-playing games. You can visit her on Twitter and .