Internet Explorer 9 Has Built-In Ruler and Color Picker

Internet Explorer 9 (IE9) is the most recent version of web browser from Microsoft. Some of the top features included in IE9 are: Hardware accelerated graphics and text, clean user interface, Pinned sites, jump lists, new tab page, one box, HTML 5 support, the new JavaScript engine which makes it a lot faster and several other smart features.

Just like IE8, Internet Explorer 9 has built-in developer tools which help developers to quickly determine and resolve HTML, CSS, and JavaScript related problems by making changes to code from within the browser which can be previewed live. These dev tools are generally not used by the basic users but comes handy to a webmaster or web designer. To access them, just click on the gear icon and select “F12 developer tools” or simply hit F12.

Then just navigate to the ‘Tools’ tab and choose from the listed tools. One amazing and useful tool is Resize, using which one can easily check how their webpage appears in different screen resolutions. You can define a custom resolution too.

There is a Ruler to accurately measure any arbitrary objects on the screen in pixels. There are multiple colors rulers and a magnifying glass is also available for precision. A defined ruler can be moved, resized, and re-angled. Once drawn, the ruler shows the (x,y) coordinates of each end relative to position of the points and the ruler length is shown at the center of the ruler in pixels.

A basic Color Picker tool is also there that lets you pick the color sample from any object on a webpage and indicates its RGB and HEX values. To use it, just position the cursor over an object and left-click to select its color. Then click Copy and close, the HTML value of color will be copied to clipboard. For professional task, we suggest using Instant Eyedropper which has a magnifier that shows multiple shades in a solid color.

Hope you liked this less know tip about Internet Explorer. 🙂