This has to be one of the most useful programs I’ve used in years, maybe most useful.

As a part time web developer I rarely get the time to learn the ‘right’ way to do things, so I end up giving a go and then fine tuning what doesn’t work.  To that end this tool enabled me to see where I went wrong in my HTML, javascript or CSS.

There are so many features in this product, but there are only a few that I use regularly:

• Firstly it’s a Firefox extension
• If something doesn’t line up perfectly on a page I can analyse the CSS behind any element on a page to see what went wrong.
• If I want to see what the name of a control is without scanning through the HTML source then this will let my just click on it and find the answer.
• Maybe the best, it lets me dymanically apply new formatting to a site to see a change will look like on the fly.  So if i want to change fonts, sizes, borders, colour or just about anything then I can edit the HTML and CSS of ANY web page live and see the changes instantly on the screen and in the browser.

You can get this plug from here.