Webkoof

If you try to show/hide an element in javascript, you simply use the code :

//To show the object with id toHide
   document.getElementById('toHide').style.display = 'block';
//To hide the object with id toHide
   document.getElementById('toHide').style.display = 'none';

But, when you try to apply the same logic to show and hide table rows, you get distorted table in firefox, chrome & safari. Although it works well in IE.

This problem is irritating and the fix is very simple. Instead of display=’block’ use display=”

document.getElementById("toHide").style.display = ''; //To Show it Back 
document.getElementById("toHide").style.display = 'none'; //To Hide it again

Many times, we have to make a web page looking exactly like a given image. Sometimes, we have a picture or a pdf file and want to copy the exact color scheme. Opening the Image in a picture application and picking up the colors makes the whole development process very slow.

So, a web designer should always use a tool which can instantly tell you color code for any thing on the screen. I use ‘ZZOOM’ for this purpose. (Homepage: http://www.omiod.com/product-zzoom.asp) This is a free screen zoomer, color picker and image grabber, all in one!

As you can see in the screenshot, it tells you the exact color of any pixel on the screen and you can zoom the screen upto 15x. Its a very lite and useful tool for any web developer. It saved me alot of development time and I hope it will do the same for anyone using it.

Direct download link: http://www.omiod.com/dl/zzoom.zip

If you are a web developer then you obviously know the importance of testing your webpages in all the browsers. So, I won’t lecture about it. But, No one can have all the browsers on all the platforms. So, most of the times we miss few mess-ups. I always wondered if someone can develop a tool to show me the screen shot of any web page in all the browsers.

Fortunately I found one.

http://browsershots.org is a wonderful website which does ‘exactly this’ for you. All you do is to give them the link of webpage you want to test. You select all the browsers you want it to be tested on. And after sometime they generate the desired screenshots.

Give it a try!