Firefox Add-ons For Web Designers And Developers (Part-1)

Mozilla Firefox is a free and open source web browser managed by Mozilla Corporation. Firefox had 22.51% of the recorded usage share of web browsers as of May 2009. Firefox uses the Gecko layout engine, which implements most current web standards in addition to a few features . Firefox is a very popular browser especially among web designers and web developers. Firefox has Lots of Addons for the Users and extremely easy to install and you will be notified when new versions of the addons are available. I m listed here some of the Best Addon which will help web designers or web developers to increase their work efficiency.

  1. ColorZilla

    With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.
    Link to ColorZilla

  2. Web Developer Toolbar

    The Web Developer extension adds a menu and a toolbar with various web developer tools like display a page’s style, view and edit CSS, and much more. No Web developer should be without it.
    Link to Web developer toolbar

  3. Firebug

    Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
    Link to Firebug

  4. Font Finder

    Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.
    Link to Font Finder

  5. FireFTP

    Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!
    Link to Fireftp

  6. Html Validator

    HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution).
    Link to Html validator

  7. FireShot

    Adds the ability to capture web pages (take screenshot of entire of visible part), edit it, add annotations and upload to free screenshot hosting, save (PNG, GIF, JPEG, BMP), print (NEW!) copy to clipboard, send to external editor or e-mail it.
    Link to FireShot

  8. MeasureIt

    Draw out a ruler to get the pixel width and height of any elements on a webpage.
    This handy little guy lets you measure, in pixels, any area on the page. Super simple and super helpful.
    Link to MeasureIt

  9. Window Resizer

    The Browser Window Resizer is useful for testing different screen sizes. It accurately resizes your browser so you can test to see what a web page looks like in all of the standard resolution sizes.
    Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
    Link to Window Resizer

  10. ScreenGrab

    It will capture what you can see in the window, the entire page, just a selection, a particular frame… basically it saves webpages as images – either to a file, or to the clipboard.

    It can capture any Java or Flash embedded in a page, but to do this it requires Java to be installed in the browser.
    Link to ScreenGrap

Joginder Poswal


This entry was posted on Wednesday, July 15th, 2009 at 4:44 am and is filed under Others, Web Design, Web Standard. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

This blog is kept spam free by WP-SpamFree.


Get Adobe Flash player