Web Developers friend, Toolbars

Written by TechZ | Thursday, September 14th, 2006
, ,

There are a lot of handy tools out there for web programmers aka coders, toolbars are by far the quickest and easiest ways of editing/managing web pages on the fly. So here are two of the most popular ones for each of the 2 most popular browsers:

1) Web Developer

Author: Chris Pederick
Website: http://chrispederick.com/
Toolbar Site: http://chrispederick.com/work/webdeveloper/

Description: The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock, Mozilla and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

The Web Developer toolbar comes in approximately 20 languages, meaning it covers a very large audience. It support all major OS’s, those being Windows, OS X & Linux. It has support for more than just Firefox, unlike its early releases. It has now become the defacto tool for most web-dev’s who run the supported browsers, because it’s just so darn handy! It’s also simply user-proof to install, one-click and you’re set to go.

2) The IE Developer Toolbar [Beta2]

Author: Microsoft
Website: http://www.microsoft.com/
Toolbar Site: http://www.microsoft.com/

Description: The Microsoft Internet Explorer Developer Toolbar provides a variety of tools for quickly creating, understanding, and troubleshooting Web pages. This version is a preview release and behavior may change in the final release.

The Internet Explorer Developer Toolbar provides several features for exploring and understanding Web pages. These features enable you to:

– 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 a new resolution.
– 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 and measure objects on your pages.

It’s in Beta, so don’t complain that it doesn’t do “this” or “that”, be sure to read the MS website before going ahead and installing it. Now, that aside, it’s the only thing for Internet Explorer 6+, and MS did a good job with this toolbar. It works like it should and they are still doing more for it, with resources that MS have at their disposal, versus 1 man working on a toolbar, this is poised to be quite a powerful application for the web-developer.

Why choose this over the Web Developer toolbar? Simple, because you want it for Internet Explorer. Then again, why would you want another toolbar in your already full browser? You wouldn’t is the answer, unless you are a web-developer, in that case these toolbars can make your coding quicker, by saving you time using multiple applications to achieve the same thing, as the toolbars are integrated into your browser.

Related Posts