Brian Rosenthal's Weblog

1. If you develop web pages, install the Developer Tools located here (or a more recent version if you can find one):
Web Developer Tools v0.8

This will add a toolbar to your mozilla browser with menus to help you do the following:
1. Forms -> View details lets you easily view the details of forms on the screen
2. CSS -> View CSS wil list out all of the CSS files so you can figure out what is causing your page to look the way it does. You can even edit the CSS on the fly to experiment around with different options.
3. Forms -> Convert POSTs to GETS will let you generate links that you can embed in other places
4. Information -> Display ID and Class Details will actually show you the id and class of any block elements on the page.
5. Information -> Display Topographic Information will show you the z-index levels on the page
6. Miscellaneous -> Clear Cache is a quick link to clear your cache.
7. Outline -> Block Elements and Outline->Table Cells
8. Resize -> 800 x 600 is good if you’re interested.
9. Validation -> Validate HTML and Validate CSS
10. There is a quick link to view source