1.Firebug–a very versatile tool. Allows ability to see html source code in formatted manner. See style sheet applied every element in the webpage, also all the ajax request headers.
2.Measure It–It allows you to measure the width and height of any area in the webpage.
3.ColorZilla–a color picker tool that is available for Firefox.
4.Web developer Tool bar–use this to disabling js, css images etc to mimic various conditions. You can read and delete cookies, clear caches, enable or disable form elements and lot of other things.
5.Del.icio.us Bookmarks–After all those book marks are all the references collected from the web that are related to web development activities.
6.YSlow–this is a plugin from yahoo. It helps analyze the speed of a website as per yahoo’s recommendations for optimization.
7.Screengrab & FireShot–FireShot provides the features to added notes without opening any image editor. This is the one feature you will fall in love with.
8.IE Developer Tool bar–a combination of firebug+web developer toolbar+colorzilla and measure it, but for Internet Explorer.
9.Delicious Button for Internet Explorer–everyone should have easy access to Delicious on every browser.
10.DebugBar–grab screen shot’s of the website and color picker via toolbar on top.
Fri, May 15, 2009
tools