FireFox Add-ons- Foe Web Developers

Posted by Piscean on 12:13 PM 0 comments

Mozilla Firefox Extension
Mozilla Firefox is becoming more and more powerful tool in these days. Using right add-ons it will start to become a tool, You can`t live without as web-developer! Each of these plugins can make certain things easier and that`s especially important for web-developers, because searching for errors and optimizing your pages can be pretty painful and time-consuming process. And that`s the reason, why I looked over 100+ pages, to get overview which add-ons are used and recommended by amateurs.

The Best 50 Firefox add-ons for Web-developers!

1.Web developer`s toolbar
Web Developer`s tool bar probably will become one of the best plugins You`ve ever seen. It comes with his own tool bar that gives many useful tools for analyzing, validating and optimizing web-pages. The great thing about this plugin is that it’s on a few different browsers, so if you switch between them you will be able to use the same plugin on all.
Web Developer`s toolbar
2.Firebug
Firebug is pretty similar as web developer, but it comes across with few different powerful options. You have an ability to edit, debug, and monitor CSS, HTML, and JavaScript right in any web page.
Firebug
Add caption

3.ColorZilla
ColorZilla offers You an advanced eyedropper, colorPicker, page Zoomer and other colorful goodies.
ColorZilla
4.MeasureIt
Little Firefox extension that enables you to draw a ruler across any webpage to check the width or height of a element.
MeasureIt
5.HTML Validator
This plugin displays the number of found errors of the site you are viewing. It adds HTML validation inside Firefox and Mozilla.
HTML Validator
6.IE Tab
Pretty handy extension to see how your site is displayed at Internet Explorer.
IE Tab
7.YSlow
YSlow, a Yahoo product, analyzes web pages and tells you why they’re slow based on the rules for high performance web sites. YSlow is a Firefox add-on integrated with the popular Firebug web development tool.
This plugin completes FireBug functionality to make Firefox an unbeatable web development tool.
YSlow
8.Greasemonkey
Allows you to customize the way a web page displays using small bits of JavaScript;
Greasemonkey
9.FireFTP
FireFTP is simply an FTP client built into the Firefox browser. Important thing it is free and you can flip to it just like any tab in your browser.
FireFTP Logo
FireFTP Screenshot
10.Live HTTP Headers
It allows you to view and analyze HTTP headers (requests and responses) in web-browser with several useful features built-in. It’s great tool for watching a series of HTTP requests and their result codes.
Live HTTP Headers Screenshot!
11.ScreenGrab!
Screengrab saves entire web pages as images. This tool will allow You to take screenshots of what is currently on your screen – you can even choose the portion of the screen you want to “grab”!
ScreenGrab!
12.StumbleUpon
StumbleUpon helps you to find new sites very easy.If you are a web-developer, StumbleUpon can drive a huge amount of visitors to your website.
StumbleUpon
13.SEO for Firefox
Excellent plugin for all those, who like to watch statistics right into Google and Yahoo search results. You can get Alexa, Google PageRank, Tehnorati rankings and many other useful data. Plugin You can`t live without!
SEO for Firefox
SEO for Firefox Preview
14.Adblock Plus
Adblock is an adblocker and really helps to get rid of unnecessary ads and banners, to browse web pages much faster.
Adblock Plus
Adblock Plus Preview
15.Delicious Bookmarks
Delicious bookmarks is official Firefox addon for del.icio.us. It integrates your browser bookmarks and tags, to keep them in order and “easy to find” way.
Delicious Bookmarks
Delicious Bookmarks Preview
16.X-Ray
Not supported at Firefox 3.0
You can check out all the HTML tags right on the page without using the view page source option. Unfortunately not yet supported at Firefox 3.0
X-ray Preview
17.CSSViewer
With this extension you can view CSS properties of related page elements. Very handy, when You got large CSS file with styles overlapping each other, to analyze why something is not displayed in the way You wanted.
CssViewer Preview
18.Foxmarks Bookmark Synchronizer
If you use Firefox on more than one computer, you’ll want Foxmarks. Install Foxmarks on each computer, and it will work silently in the background to keep your bookmarks synchronized. Similar as del.icio.us.
Foxmarks Bookmark Synchronizer
Foxmarks Bookmark Synchronizer Preview
19.Aardvark
This tool can be used to clean page from unwanted banners and ads, especially prior to printing a page. Pretty useful for web developers for analyzing the structure of a page.
Aardvark Preview
20.Tab Mix Plus
If You always have many Firefox tabs opened at the same time, then you need to have this plugin. This plugin provides better management of these tabs.
Tab Mix Plus
21.NoScript
Winner of the “2006 PC World World Class Award”, good choice for blocking JavaScript, Java and other executable content in certain pages You don’t trust.
NoScript
NoScript Preview
22.Unhide Passwords
Unhide Passwords is a tool for everyone who is bad at remembering or typing passwords correctly. It’s good for using at home, but shouldn’t be used at public accessible PC!
Unhide Passwords
23.Image Zoom
If you have ever had an image that was too large to fit on your screen or too small to see the finer detail in your browser or email, then image zoom can help. Image zoom gives you complete control of the size of most images displayed in mozilla based software. Both individual images or whole pages of images can be zoomed.
Image Zoom
24.JavaScript Debugger
A powerful JavaScript debugging environment for Mozilla based browsers.
Javascript Debugger
25.FireShot
FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations.
FireShot
26.IE View
Lets you load pages in IE with a single right-click, or mark certain sites to *always* load in IE.
IE View
27.Dummy Lipsum
This interesting add-on generates automatically “Lorem Ipsum” dummy text. I found it to be pretty useful as web designer.
Dummy Lipsum
28.Font Finder
Just highlight and right click to see all of the styling information you could require including font-size, font-family, color (in both hex and RGB), line-height, letter-spacing, and much much more..
Font Finder
29.Opera View
Extension based on IE View. If you want quick view in opera, just right click somewhere on page and choose “View This Page In Opera”.
Opera View
30.Total Validator
Provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking. So you no longer have to put up with the limitations of the W3C validator (no type checking) and tools like HTML Tidy which interpret the standards incorrectly (they don’t use the official DTDs).
Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 32 browsers on Windows, Linux, and OS/X.
Total Validator
31.Poster
A developer tool for interacting with web services and other web resources that lets you make HTTP requests, set the entity body, and content type.
Poster
32.EditCSS
Truly a time saver if You’re experimenting with the CSS style of your site. Avoids the modify,save,upload,refresh,repeat cycle.
EditCSS
33.PicLens
Full-Screen, 3D – PicLens transforms your browser into a visually stunning experience for finding and viewing online photos and videos.
Work on : YouTube, Google Images, Flickr, FaceBook, Myspace, Photobucket and more..
PicLens
34.RSS Validator
Validates a page using the W3C RSS Validator.
RSS Validator
35.CSS Validator
Validates a page using the W3C CSS Validator. Adds an option to the right-click context menu and to the Tools menu to allow for easy validation of the CSS of the current page. Opens the results in a new tab.
CSS Validator
36.MinimizeToTray
Not supported in Firefox 3.0
A powerful extension to minimize Windows versions of Firefox, Thunderbird, Mozilla Suite, and Nvu to the system tray.
MinimizeToTray
37.Tab Scope
Shows a popup on tabs and enables you to preview and navigate tab contents through popup. Very useful to help navigate between many tabs.
Tab Scope
38.FasterFox
Not supported in Firefox 3.0
Fasterfox allows you to tweak many network and rendering settings such as simultaneous connections, pipelining, cache, DNS cache, and initial paint delay.
FasterFox
39.Server Switcher
Server Switcher is a navigational help tool for web developers. It allows you to easily switch between sites on your development (hosting the temporary version you are currently working on) and live servers, so that you can immediately see the differences.
Server Switcher
40.Smart Bookmarks Bar
Smart Bookmarks Bar modifies the bookmarks bar to show bookmarks icons only.
Bookmark names will be displayed on mouse over. This feature can be disactivated if you just want icons without the rollover effect.
Smart Bookmarks Bar
41.Favicon Picker
Not supported in Firefox 3.0
Tired of that boring default icon next to your bookmarks? This extension adds a interface allowing you to pick the icon for each of your bookmarks.
Favicon Picker
42.Download Statusbar
View and manage downloads from a tidy statusbar – without the download window getting in the way of your web browsing.
Download Statusbar
Download Statusbar Preview
43.Stylish
Stylish is a Firefox, Thunderbird, Flock, SeaMonkey, Mozilla Suite, and Songbird extension that allows easy management of user styles. Stylish is to CSS what Greasemonkey is to JavaScript.
Stylish
44.Selenium IDE
Selenium IDE is an integrated development environment for Selenium tests. It is implemented as a Firefox extension, and allows you to record, edit, and debug tests.
Guide for Selenium IDE
Selenium IDE
45.ScrapBook
ScrapBook is a Firefox extension, which helps you to save Web pages and easily manage collections. Key features are lightness, speed, accuracy and multi-language support. My personal one of favorites.
ScrapBook
46.Platypus
Platypus is a Firefox extension which lets you modify a website from your browser. In addition to that you can save your modifications as a Greasemonkey script to make them “permanent”!
Platypus
47.ColorfulTabs
Very beautiful addon – automatically changes firefox tab color and makes easy to distinguish one from another.
Colorful Tabs
48.Window Resizer
The Browser Window Resizer is useful for testing different screen sizes.
Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
Window Resizer
49.Autofill Forms
Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
Autofill Forms
50.Clippings
Saves and manages frequently-entered text for later pasting into Web page forms in Firefox or email and newsgroup messages in Thunderbird. Pasting a clipping is accomplished with just two mouse clicks, eliminating the hassle of retyping or repetitive copying and pasting.
Clippings




Leave a Reply