It is rare to come across a tool that works across all of these browsers but it looks like there is one that can be very helpful. It is a lot like Aardvark meets the Web Developer toolbar. The tool is called XRAY and it is a bookmarklet that you can drag to your links toolbar in order to click and activate it on any web site you want. The tool works by you activating it and then selecting an object on the web page you are on. Once you have selected the object it will give you information about the position, width, height, float, border, margin and padding as well as the exact height and width of the object you have selected while highlighting the entire object. A very handy addition to your web development arsenal.

Popularity: 9%

We have all used the great Firefox extensions that make our lives easier, there are thousands of lists out there of the top 10-15 Firefox extensions for web developers. There is of course a lot of resistance from web developers against using Internet Explorer because of its lack of standards support. A lot of this is carried over from IE 6 being so fundamentally broken at rendering web pages with CSS. There are always time though when we need to test web sites in IE6 or IE7 and just like we use our extensions for development in Firefox— it is a huge help to have add-ons installed for Internet Explorer that will allow us to do our job more effectively.

 (more…)

Popularity: 28%