MeasureIt to measure the number of pixels - right from your screen!
There is a cool Firefox addon or plugin called MeasureIt which I think web designers will love it. It allows you to measure the dimensions in pixels of any objects - right from your screen, and display them as if you were using an invisible ruler. It is especially helpful to those doing web design and I have used it many times during the course of my work. For example, when I want to know how big my banner should be to fix in nicely to the website. I can just measure the pixels right from my screen and then go to the graphics editor to resize the banner to the desired dimensions. It saves time somehow..
Just go to the link I have provided above and install this addon to your Firefox browser. A little ruler will show up at the lower left corner of the browser. Just click on the ruler and you’ll find that the screen somehow fades a bit. Do not be alarmed by that. You’ll find that the mouse cursor has changed to a “cross hair” and this means you can start measuring the dimensions of any web elements you come across on any website. It’s good as it helps you to efficiently estimate the size of the elements you may be putting up yourself.
For example, I just to find out the dimensions of those advertisement boxes at TrafficSwarm.
So you know the dimensions are roughly 365px by 100px.
To disable it, just click on the “X” besides the figures and you goes back to the normal screen mode.
Well, one thing I wish to see in the in the future improvements is that the user can choose between different measurement units like pixels, cm, or em. It will be really helpful if I can see the dimensions in em as it is the best from the web designer point of view.
