BLOG

Top 10 Firefox add-ons for web developer

After installing FireFox (FF) the first thing I do (normally every developer will do) is search and install the addons.

Here are some handy addons a web developer must install.

1. Firebug

Fire Bug

Firebug is considered to be the ultimate developer’s tool for Firefox. You are given a ton of web development tools to use from within your browser. You can explore, edit, debug, and monitor CSS, HTML, and JavaScript in real-time on any web page.

2. YSlow

YSlow

YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.

3. Coral IE tab

If u develop website in FF and also care for IE users then u will love this one. It enables you to use the embedded IE engine within tabs of Mozilla Firefox.

4. Web Developer

Web Developer

The Web Developer extension adds a menu and a toolbar with various web developer tools.

5. Measure It

Meqasure It

Draw out a ruler to get the pixel width and height of any elements on a webpage.

6. ColorZilla

ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

7. X – Ray

See the tags on a page without viewing the sourcecode.

8. Font Finder

Font Finder

FontFinder is created for designers, developers and typographers. It allows a user to analyze the font information of any element on a page, copy any piece(s) of that information to the clipboard, and perform inline replacements to test new layouts.

9. Professor X

The Professor X Extension let’s you see inside a page’s head without viewing the sourcecode.

10. Aardvark

Cool utility for cleaning up a page (for printing or better viewing) as well as for web development. Displays a red rectangle on the element under the mouse — hit “w” to go wider (get the containing element), then hit other keystrokes to remove, etc.

Which Firefox Addons do you use?

Just leave a reply and tell us about your favourite FF add-ons.


9 Responses to “Top 10 Firefox add-ons for web developer”
  • karan April 8th, 2010 at 2:12 pm

    Thats a well researched list . Thanks
    I will install coral .

    after installing lots of extensions , does FF become slow ?

    Code On !!

    Thanks and regards

    Karan Ahuja


  • Jimit April 8th, 2010 at 2:15 pm

    I dont think that FF become slow with many add-ons because i had more than 20 add-ons and i never faced any problem.


  • Swapnil April 8th, 2010 at 3:21 pm

    Good research Jimit, I think d first one “firebug” is a great tool to start from…

    Regards!!!!!!!!1
    Swapnil


  • Karan April 8th, 2010 at 4:40 pm

    Thanks jimit for sharing important information with everyone !!
    It will help me a lot…

    But many of my client says that their website works well is internet explorer but not in mozilla …

    Do you have any idea about it ??


  • Shyam April 8th, 2010 at 7:37 pm

    Hi Jimmy,

    I read your post. Its really informative. It seems that u have worked hard for this.

    Keep up good work Jimmy. Thanks a lot for sharing the link.

    Regrads,
    Shyam :)


  • jimy April 9th, 2010 at 5:32 am

    @swapnil,

    Firebug indeed is a great tool to start.
    You can also install Web Developer simultaneously and can play around by disabling javascript, css or deleting session, cookies like all stuff.

    Have fun and do share any new add-ons or cool trick while using all this addons.

    Thanks and Regards,
    Jimit


  • jimy April 9th, 2010 at 5:36 am

    @karan,

    I am happy that this helped you.

    If you can tell me which doctype you are using then i might be able help you.



  • Raoul April 9th, 2010 at 10:01 am

    great post
    i was actually searching for some tool similar to Coral IE Tab will be very useful for me
    Thanks


Leave a Reply

     

     

     



Technology

Contact Us