<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


IE Developer Tools Tips & Tricks - #1

IE Developer Tools formerly called Internet Explorer Developer Toolbar and available as a separately installable browser add on is now integrated in IE 8 (Beta 2). It is accessible from the Tools option in the IE menu or by using the F12 shortcut. Although there are differences between Firebug and IE Developer Tools, it can be said that Developer Tools is to IE what Firebug is to Firefox - a friendly tool that helps a developer understand how HTML, CSS & Javascript operate within a web page & aids in fixing any issues that may arise in those areas.

There are a host of features in IE Developer Tools, some hidden within the menu options and their utility is not readily obvious. By knowing the scenarios in which they would be helpful, a developer can better utilize IE Developer Tools.

Take for instance the Color Picker. It is not something you would use everyday but you can make your client's day when she wants the background color of a table in a web page that you are building to be same as a peculiar shade of color as on her favorite website and you show it implemented in a jiffy using the Color Picker!

Color Picker
All you have to do is go across to her favorite website, select 'Show Color Picker' from the Tools option in the Developer Tools menu and use the Dropper to pick the color she is referring to as a RGB or hex value so that it is usable in a web page.

In the absence of this you would have to use a standalone color picker like Pixie.

Labels: , ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment