Cool tool: Web Developer Bar for IE
Not sure why I never mentioned an excellent web development tool I have been using in Firefox for a good few months, called the Web Developer Toolbar (catchy?). Chris Pederick has done an excellent job with this tool and has been paid the ultimate compliment by Microsoft. They copied it and called it the Developer Toolbar.
Awesome tool when you see a page and you want to know more about the code behind it, or just to debug why your styles are not working. The features from the MS site are:
- Explore and modify the document object model (DOM) of a web page.
- Locate and select specific elements on a web page through a variety of techniques.
- Selectively disable Internet Explorer settings.
- View HTML object class names, ID’s, and details such as link paths, tab index values, and access keys.
- Outline tables, table cells, images, or selected tags.
- Validate HTML, CSS, WAI, and RSS web feed links.
- Display image dimensions, file sizes, path information, and alternate (ALT) text.
- Immediately resize the browser window to 800×600 or a custom size.
- Selectively clear the browser cache and saved cookies. Choose from all objects or those associated with a given domain.
- Choose direct links to W3C specification references, the Internet Explorer team weblog (blog), and other resources.
- Display a fully featured design ruler to help accurately align objects on your pages.
If you do alot of web development, you would not go wrong downloading both of these tools to assist in corss-browser development.