Hi I know it has been a while so let us begin.
The ruler is a tool use everywhere in work. We use rulers to measure,wood,metal, buildings, liquid, magazines, and websites.
So how do we measure websites? well, this might need to be ask again. How do we measure the width and height of elements. Well, their is a great firefox plugin name MeasureIt. This firefox extension was created by Kevin Freitas. Currently I have been using it to measure websites elements and see how they fit on a page. Since I’m on a laptop and my screen width is 1280px by 800px. On my wordrpess dashboard it is actually 1264 because of the scroll bar on the right side.
So after you click on MeasureIt link above and install it on your firefox browser, you might be asking yourself where is the tool at? Well it is located on the bottom left hand side of your browser. You should see this image 
At first it is grey, but when you click on it, the color changes to a light brown or tan
. I’m on PC Windows Vista, so it might be different on a mac. Now drag your 
cursor on the screen across and you will see a light box ruler go across with the measurement of px(means pixels) with H(Height) and W(width).
Here is an example of me dragging it across the screen to measure the this.
As you can see this tool is definitely a useful tool. Here are my opinions marks:
- tool is transparent blue so it makes it easy to view
- easy to move tool on the screen
- Can only keep one measure at a time, which maybe their will be an update to do as many you like
The ruler seems like a simple object, but it has uses. Of course the ruler idea is in adobe dreamweaver, flash, photoshop, illustrator and indesign. But it is also useful when creating web pages to measure images elements, div elements, headers, footers and side bars elements as well.
If they are techniques that you use for this ruler, I would love to hear how you use it for web design and development.
