Subscribe to RSS

The best free web development add-ons for IE 6 and 7

We have all used the great Firefox extensions that make our lives easier, there are thousands of lists out there of the top 10-15 Firefox extensions for web developers. There is of course a lot of resistance from web developers against using Internet Explorer because of its lack of standards support. A lot of this is carried over from IE 6 being so fundamentally broken at rendering web pages with CSS. There are always time though when we need to test web sites in IE6 or IE7 and just like we use our extensions for development in Firefox— it is a huge help to have add-ons installed for Internet Explorer that will allow us to do our job more effectively.

IE6 and IE7 add-ons for web developers list

I have been using several IE add-ons in IE6 and IE7 that have helped me a lot in discovering why I web site is broken in one of those browsers. I’m going to list here the top add-ons for Internet Explorer that I use to make my life easier.

#1 IE Developer Toolbar

http://www.windowsmarketplace.com/details.aspx?view=info&itemid=2695980
Add-on for: IE6 and IE7
This add-on for Internet Explorer has the most features by-far of any that I have found. It has about as many features as the Web Developer toolbar for Firefox has. You are able to check elements and the source of the elements, it has a pixel ruler, you can outline divs/objects, highlighted source code viewer, you can disable css/javascript, a color picker to pick colors from any page and a lot more. I use this one quite a bit for numerous tasks in Internet Explorer.

#2 Debugbar

http://www.debugbar.com/?langage=en
Add-on for: IE6 and IE7
This Internet Explorer add-on is quite handy when it comes to CSS and JavaScript development. You can use its drag option to highlight an object and view its source code. It does have a limited CSS editing feature that allows you to edit existing and browser default styles for elements. This can come in handy when you are attempting to fix an IE6 or IE7 issue. This toolbar for Internet Explorer also has a lot of DOM Scripting options that come in handy when working with JavaScript.

#3 Aardvark

http://karmatics.com/aardvark/bookmarklet.html
Add-on for: IE7
One of my favorite extensions for Firefox is Aardvark, so when I discovered that you could use it in IE7 I was very excited. This isn’t so much of an add-on as it is a javascript applet that you can run on any page. The Aardvark for IE7 works by dragging a bookmarklet to your “links” toolbar (or favorites) and simply clicking on it to activate Aardvark on any web page with Internet Explorer 7. It doesn’t work in IE6 unfortunately, which would be incredibly useful.

#4 IE7Pro

http://www.ie7pro.com/
Add-on for: IE7
This extensions for Internet Explorer 7 has quite a bit of features in it that can help you with just using Internet Explorer. There aren’t any real web developer options with this add-on but it does have one of my favorite features built-in to Firefox in it. The auto-spellchecker, which will automatically spellcheck as you type into inputs and textareas in Internet Explorer. Great for avoiding looking like a dunce if you accidentally misspell something. It has a lot of other pretty cool features and preferences that may come in handy, but I don’t use them.

There are more web development add-ons for Internet Explorer

I found quite a bit of add-ons that would come in handy for web designers and developers but I chose not to include them on this list because they cost money. I would rather not promote them because it is ridiculous how much some of them cost. For instance, I found one that took a screen shot of the web page. Thats it. The cost for this add-on was $19.95. Yeah… I even found some add-ons that cost nearly $200 for the full versions after a 30 day trial.

If you are interested in finding some of these non-free Internet Explorer add-ons you can visit the Windows Marketplace and browse through their line-up. I wouldn’t recommend spending any money on them when you can just use Firefox and not spend a dime— while getting a better features set, standards support and developer base.

I hope these extensions help everyone in developing for Internet Explorer, if you have found other add-ons for Internet Explorer please list them in the comments. Also, if you enjoyed this article and would like to see more like it please subscribe to my RSS feed for a direct feed of more great content.

Popularity: 27%

Whats Next?

  • Save to Delicious! Save the page

18 Responses to “The best free web development add-ons for IE 6 and 7”

  1. Jordan Says:

    I didn’t even know plugins like this existed for ie, thanks!

  2. Dirk Says:

    You may want to add Site Inspector to the list http://www.paessler.com/psi

  3. Weird Wonderful Web Links for January 21st | False Positives Says:

    […] The best free web development add-ons for IE 6 and 7 - because I can’t always pretend to get my way …. and ignoring it doesn’t (always) make it go away. […]

  4. Dustin Brewer Says:

    Thanks for that link Dirk, it is actually a pretty cool little program and add-on. I will have to take a look at it a little more indepth but it seems to be pretty handy. A lot of what I have found it to offer is very similar to what the Internet Explorer Developer toolbar has.

  5. Ignacio Coloma Says:

    It may not be exactly a plugin, but life is much easier with the ie7 and ie8.js scripts, that put css at the same level of firefox: http://code.google.com/p/ie7-js/

  6. مدونة مؤيد » أرشيف المدونة » هل Build تعني Compile؟ و مواضيع أخرى Says:

    […] هاهي بعض الروابط التي وجدتها مفيدة : أفضل إضافات تطوير المواقع لـInternet Explorer : لقد تعودنا أن نرى الكثير من الإضافات لمتصفح Firefox، و […]

  7. Creative Solutions Says:

    Are these pluggins in IE as stable as in Firefox?

  8. Weekly Links - January 26th | Vandelay Website Design Says:

    […] The Best Free Web Development Add-Ons for IE5 and IE7 from Dustin Brewer. […]

  9. Best of the Sphere - 27/1/08 | TechnoMoney | Smashing Blogging Tips Says:

    […] The best free web development add-ons for IE 6 and 7 from DustinBrewer […]

  10. An Easy Way to Generate Loads of Article Ideas | PureBlogging Says:

    […] Brewer published The Best Free Web Development Add-Ons for IE6 and 7. From this example, the following ideas are […]

  11. resourceBank Says:

    Web開発者のためのInternet Explorer用アドオン4選…

    Web開発の業界ではめっぽう嫌われてるWeb業界のエコノミック・アニマルことInternet Explorerですが、 その大きなシェアのためにIEの非標準砂漠……

  12. KAUTUK KAMAL Says:

    hello sir,i have a request to make,if you could please give me the HTML codes for this web page of yours,i shall be highly obliged to you.i need to learn web designing for my career….
    thank you
    my email id is : kautuk.kamal@gmail.com

  13. Dustin Brewer Says:

    @Kautuk: I’m glad you like the site enough to want to use it as a reference point. However, when it comes to HTML and CSS you can simply right click on any web page and go to the “View Source” option to see how the HTML for a page was made. Also, you may be interested to look at the CSS to see how the site was styled. You can simply direct your browser at the CSS URL listed in an HTML page to see its contents.

    I would recommend, however, that to understand how it all works to reference the information from http://w3schools.com. You can also continue to visit my web site and I will typically post articles weekly about HTML and CSS design that can help you along your road to learning web design.

  14.   Weekly Links - January 26th by Joe McLaughlin’s Blog Says:

    […] The Best Free Web Development Add-Ons for IE5 and IE7 from Dustin Brewer. […]

  15. İe için ücretsiz eklentiler | YusufWeb.Net Says:

    […] daha zengin olduğu kesin. ie için daha fazla eklentiye buradan, yazının kaynağına ise şuradan ulaşabilirsiniz. Kaynak : Bildirgec.Org Etiketler: add on, addon, ücretsiz eklenti, eklenti, […]

  16. internet explorer eklentileri » www.heLL-worLd.Org - Makale,Teknoloji Haberleri, internetten yenilikler, Messenger Yamaları, güncel Konular, Beta Program Arşivi Says:

    […] daha zengin olduğu kesin. ie için daha fazla eklentiye buradan, yazının kaynağına ise şuradan […]

  17. MordNoroacawn Says:

    Современная доска объявлений Рунета, на которой вы обнаружите необходимую для вас информацию и добавить свое объявление. Все объявления разнесены по рубрикам и подрубрикам. О вас узнает весь мир!

  18. jatazoulja» Blog Archive » Some CSS Cool Links!!! Says:

    […] you are looking for add-ons that could help you with EI CSS issues [ Link […]

Leave a Reply


Recent comments

8 great digg-like social networks for designers in 2008

On July 2, 2008, liam wrote:

Very nice, I think you should add http://www.designbump.com/

CSS fix for the double margin float bug in IE6

On July 1, 2008, bigtime wrote:

You can also just set a different margin for IE6 browser:- /* IE6 Only */ * html #rightcolumn{ margin-left: 20px; }

The importance of using lists for navigation

On June 30, 2008, BlueBoden wrote:

It also allows for richer styling, there simply isn’t any good reasons not to use lists for navigation.

Freelance web designer tools and productivity management

On June 30, 2008, Carrie wrote:

I was looking through the videos there before my post here. I will take a closer look. You’ve been using it and you’re happy with it, and it can...

Freelance web designer tools and productivity management

On June 30, 2008, Dustin Brewer wrote:

The best solution for your needs would be basecamp. This is what I use, and most agencies use, to manage client communication. It is great for the...