WebTrickz
TRENDING
  • How to See Your Liked Posts on Instagram 2022
No Result
View All Result
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
SUBSCRIBE
  • News
  • Reviews
  • Social Media
    • Facebook
    • Twitter
    • YouTube
    • Messenger
    • Instagram
    • Snapchat
    • WhatsApp
    • TikTok
  • Apps
  • How To’s
  • Apple
  • iPhone
  • Google
  • Android
  • Mac
No Result
View All Result
WebTrickz
No Result
View All Result
Home Tips 'n' Tricks

Internet Explorer 9 Has Built-In Ruler and Color Picker

Mayur Agarwal by Mayur Agarwal
November 17, 2011
in Tips 'n' Tricks

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.

resize_ie9-tool

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.

ruler_ie9-dev-tools

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.

color-picker_ie9-dev-tool

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

Tags: BrowserIE8IE9Internet ExplorerTips
ShareTweetSend
Previous Post

Grab WinX DVD Ripper Platinum Thanksgiving Edition & WinX Blu-ray Decrypter for FREE

Next Post

Grab MacX DVD Ripper Pro Thanksgiving Edition & MacX iPhone Video Converter for FREE

Mayur Agarwal

Mayur Agarwal

Mayur Agarwal is the founder and editor-in-chief of WebTrickz. As a Technology enthusiast and an Internet addict, he loves sharing useful How To’s and Tips & Tricks.

Next Post

Grab MacX DVD Ripper Pro Thanksgiving Edition & MacX iPhone Video Converter for FREE

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Latest Stories

amazon logo

How to Change Language on Amazon from Spanish to English

May 29, 2023

5 Online Tools to Save You a Lot of Time

May 23, 2023
Photo by Pixabay on Pexels

How to Convert MKV Videos to MP4 using VideoProc Converter

May 22, 2023
Image by starline on Freepik

3 Proven Methods to Repair Corrupted AVI Files

May 18, 2023
Photo by Vlada Karpovich on Pexels

Top 5 Remote Access Solutions to Consider in 2023

May 16, 2023
MS Outlook logo

How to Switch from Mozilla Thunderbird to MS Outlook?

May 15, 2023
how to get the spotify widget on iPhone Lock Screen

iOS 16: How to Add Spotify Widget to iPhone Lock Screen

May 11, 2023

TRENDING

  • messenger icon at the top of Instagram app

    How to Reply to a Specific Message on Instagram 2022

  • How to See Memories on Instagram and Post as Story

  • How to Mute the Original Sound on Instagram Reels

  • 4 Ways to Remove the Floating Home Button on iPhone

  • How to Make Spotify Album Art Bigger on iOS 16 Lock Screen

Popular Tags

Google Android Chrome

Twitter Dark Mode OnePlus

iPhone Apple Apps Mac

Facebook Messenger Security

Instagram Tutorials Photos

  • About
  • Advertise
  • Contact
  • Privacy Policy

© 2023 WebTrickz. All Rights Reserved.

No Result
View All Result
  • News
  • Reviews
  • Apps
  • How To’s
  • Android
  • Google
  • iPhone
  • Mac
  • Contact Us

© 2023 WebTrickz. All Rights Reserved.