Best collection of firefox addons for web designers and developers

Firebox is one the most fastest growing browser among competitors.  Its became the best browser for web development in popularity. Firefox relies on the extension system to allow users to modify the browser according to their requirements instead of providing all features in the standard distribution.

Best collection of firefox addons for web designers and developers

While developing projects and other sources, I came to know these powerful extensions. Following are the best add-ons for designers/developers and SEO followed by some general add-ons.

Some useful addons for Developers/Designers

1. 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…

2. IE Tab 2

IE Tab 2 is the most robust, complete IE Tab . This open source IE Tab is adapted from the original IE Tab with new features including IE 7, 8 or 9 compatibility modes. Import settings from your old IE Tab . IE Tab 2 works with ICBC and CMBC China.

3. Dummy Lipsum

Generate “Lorem Ipsum” dummy text (from http://www.lipsum.com).

Minimum text length: 5 words.

Context menu option on form inputs (“Insert Dummy Lipsum”). This option fills automatically the selected field.

4. ColorZilla

One of my favorite add on. Following are some of its features  -

  • Eyedropper – get the color of any pixel in the browser window
  • An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
  • Zoom option makes picking colors easier
  • Palette Viewer and editor. Palettes fully compatible with GIMP.
  • Webpage DOM Color Analyzer – analyze DOM element colors on any Web page, find out what CSS rules set the colors, locate corresponding elements
  • Ultimate CSS Gradient Generator
  • History and Favorites palettes
  • Page Pan option allows to quickly pan the page without using the scroll bars
  • Displays element information like tag name, class, id, size, relative mouse position etc.
  • Outline elements under the cursor
  • Multi-platform – works on MS Windows, Linux and MacOSX.
  • Manipulate colors by their Red/Green/Blue or Hue/Saturations/Value components.
  • Auto copy the generated or sampled colors in CSS RGB, Hex and other formats.
  • Launch the DOM Inspector or Firebug (if present) with the last selected element
  • Measure the distance between any two points in the browser window
  • Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel
  • Customize the Color Picker resolution to give the best performance vs color precision
  • Can be hidden when not in use

5. 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).

6. MeasureIt

Draw a ruler across any webpage to check the width, height, or alignment of page elements in pixels.

7. Fire FTP

FireFTP is a free, secure, cross-platform FTP/SFTP client for Mozilla Firefox which provides easy and intuitive access to FTP/SFTP servers.

8. Web Developer

The Web Developer extension adds various web developer tools to a browser like viewing / editing of cookies, disable java script, checking HTML code.

9. View Source Chart

Inspect the DOM at lightning speed. Learn HTML at lightning speed.

10. Wappalyzer

Wappalyzer is an add-on for Firefox that uncovers the technologies used on websites.

11. Autofill Forms

Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.

Some useful addons for SEO

12. SEO Doctor

SEO Doctor allows easy SEO diagnosis and problem solving for webmasters. SEO Doctor is made with both beginners and experienced SEOs in mind and it’s scoring system and recommendations are based on official SEO documents, namely Google Webmaster guidelines, Google Image guidelines and Google SEO starter guide as well as my own experience.

Main features of SEO Doctor are:

  • Points out to potential problems and assigns a score for your pages based on currently accepted SEO methodology
  • Shows link structure and helps track page rank flow for your pages
  • Detects and warns you about pages not indexable by search engines using most comprehensive methods available in any tool
  • One-click access to most popular SEO tools allows you to additionally inspect a site
  • Fully customizable

13. SeoQuake SEO extension

Seoquake is a Firefox SEO extension aimed primarily at helping web masters who deal with search engine optimization(SEO) and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet.

14. StumbleUpon

StumbleUpon helps you discover great websites that match your interests. Simply click the Stumble button and see the best websites. There are over 500 topics to choose from, and, the more you use it, the better your recommendations become!

Some useful addons for Website Security

15. NoScript

The best security you can get in a web browser!
Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.

Some common useful addons

16. Smart Bookmarks Bar

Not enough place on your bookmarks bar ?…
Smart Bookmarks Bar extension comes right here by hiding bookmarks names and only showing icons.
Bookmark names will be displayed on mouse over.

17. Download Statusbar

View and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing.

18. Image Zoom

Adds zoom and rotation functionality for images

Easily zoom in, zoom out, fit image to screen or set custom zoom on individual images within a web page. All this can be done by using the context menu or a combination of mouse buttons and scroll wheel. Handy to see the finer details of smaller pics or to make very large pics fit within your screen.

Image Rotation will allow you to rotate an image +90,-90,180 degrees from the context menu.

All this control is customizable from the preferences.

19. Tab Scope

Shows a popup on tabs and enables you to preview and navigate tab contents through popup. Major features are:

  • Real-time preview of tab contents
  • Navigate (Back/Forward/Reload/Stop) through popup
  • Scroll pages or frames in preview with mouse wheel
  • Click links or buttons directly in preview
  • Automatically show preview for tabs opened in background

20. Screengrab

Screengrab! saves webpages as images…

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 captures Flash too!

21. Tile Tabs

Allows tabs to be tiled within the Firefox browser. Tiles can be arranged horizontally, vertically or in a grid. Tiles can be re-sized by dragging splitter bars. Links can be dragged to open in other tiles. Scrolling of tiles can be synchronized.

Source : https://addons.mozilla.org/en-US/firefox/

Cheers!!

3 Responses to Best collection of firefox addons for web designers and developers

  1. Balraj says:

    Hello Admin,

    I have read you post. It’s very helpful for add new ads on on my Firefox browser. thanks to you to know me this new ads on. I will definitely use this.

    thank
    balraj

  2. Noddy says:

    Nice job,

    I really like the post and the information you have provided … Firefox is a well known browser these days and the first choice for developers like you and me.
    Addon’s business is also one of the most exciting area of development these days and people are doing fantastic job in the same …. although there are many such add on’s available in the market but you have taken the best of them.

    Nice job

    keep rocking
    Noddy

  3. admin says:

    @Balraj Thanks

    @Noddy Yes so many! I tried my best to put some most useful addons. Thanks

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>