Here’s a list of our favorite Firefox add-ons. Firefox is an amazing browser by itself, but these extensions bring the application to a whole new level. I can’t even imagine what life would be like (especially debugging) without half of these extensions in our arsenal. Whether it’s to save time with shortcuts, or to help get through those little bugs that get you completely stumped, these extensions are great tools for every web designer.

Now lets just clarify (before we get too many insulting comments) that we understand some of these extensions can replace multiple other one’s that are listed. For instance, as of right now the only “activated” plugins we have in firefox are the Web Developer tool (an absolute must) and Firebug (another absolute must). Some developers prefer individual plugins rather then getting bundled apps that have features they are never going to use. We have found each one of these extensions to be useful and that is why we have listed out ALL of the ones we’ve found helpful.

1. FireBug Visit Website

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

2. MeasureIt Visit Website

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

3. Web Developer Visit Website

The Web Developer extension adds a menu and a toolbar to the browser with various web developer tools. It is designed for Firefox, Flock and Seamonkey, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

4. FireFTP Visit Website

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

5. IETab Visit Website

IE Tab, an extension from Taiwan, embeds Internet Explorer in a Mozilla/Firefox tab. This extension is derived from the famous extension IE View, but much different. While IE View always open IE-only pages in a seperate Internet Explorer window, IE Tab can view them in a Mozilla/Firefox tab.

6. GreaseMonkey Visit Website

Greasemonkey is a Firefox extension that allows you to customize the way webpages look and function.

7. DownloadThemAll Visit Website

DownThemAll lets you download all the links or images contained in a webpage and much more: you can refine your downloads by fully customizable criteria to get only what you really want.

8. XRay Visit Website

XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.

9. HTML Validator Visit Website

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 details of the errors are seen when looking the HTML source of the page.

10. View Source Chart Visit Website

The View Source Chart extension for Firefox Draws a Color-Coded Chart of a Webpage’s Source Code, and Displays Source in its Altered State After the DOM has been Manipulated by JavaScript.

11. TamperData Visit Website

TamperData is an extension to track and modify http/https requests.

12. Window Resizer Visit Website

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. Resize the current page via the Context menu, Tool menu or Toolbar button.

13. Load Time Analyzer Visit Website

The Load Time Analyzer allows developers to measure and graph how long web pages take to load in Firefox. Load Time Analyzer produces graphs that show the occurrence of events such as requests for the page, images, stylesheets and scripts, along with events like the execution of an onload script.

14. SEO For Firefox Visit Website

Pulls useful market research data right into Google’s and Yahoo!’s search results, including the following data near each search result.

15. Aardvark Visit Website

With the firefox Aardvark extension you can clean up unwanted banners and surrounding “fluff,” especially prior to printing a page, see how the page is created, block by block and also view the source code of one or more elements plus more!

16. FlashTracer Visit Website

While running any .swf Flash file in your browser you can see all the output generated by the “trace” flash functions in this sidebar component.

17. SaveSession Visit Website

With Save Session, you can choose to save the current session and close Firefox for the next startup. This works best if you USUALLY want to launch Firefox with your default homepages or blank page but SOMETIMES want to start with the previous session.

18. Server Switcher Visit Website

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.

19. SQlite Manager Visit Website

Manage any SQLite database on your computer. An intuitive hierarchical tree showing database objects. Helpful dialogs to manage tables, indexes, views and triggers. You can browse and search the tables, as well as add, edit and delete the records. Facility to execute any sql query. A drop down menu helps with the sql syntax thus making writing sql easier. Easy access to common operations through menu, tool bars, buttons and context-menu. Export tables/views in csv or xml format.

20. Cache Status Visit Website

This add-on adds a customizable presence to your browser window’s statusbar that gives you up-to-date information on your browser’s cache usage, both RAM and the hard drive. The presence also has a right-click context menu, where you can easily clear your browser’s cache. It can also automatically clean your cache when it reaches a specified level, through its Options.

21. SEOQuake Visit Website

Seoquake is a Mozilla Firefox extension aimed primarily at helping web masters who deal with search engine optimization and internet promotion of web sites. Seoquake allows to obtain and investigate many important SEO parameters of the internet project under study on the fly, save them for future work, compare them with the results, obtained for other, competitive, projects.

22. Font Finder Visit Website
Font Finder is designed for any web developer / designer that needs to find out the CSS information of any text on the page.

23. Dummy Lipsum Visit Website
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.

24. ColorZilla Visit Website
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.

25. Yslow Visit Website
YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites.

26. CSSMate Visit Website
Inline CSS Editing without reloading the page.

27. User Agent Switcher Visit Website
Adds a menu and a toolbar button to switch the user agent of the browser.

28. FoxMarks Bookmark Synchronizer Visit Website
If you use Firefox on more than one computer, you’ll want Foxmarks. Install Foxmarks on each computer, and it works silently in the background to keep your bookmarks and (optionally) passwords synchronized. Foxmarks also keeps your data backed up and safe from computer failures.

29. FoxyProxy Visit Website
FoxyProxy is an advanced proxy management tool that completely replaces Firefox’s limited proxying capabilities. It offers more features than SwitchProxy, ProxyButton, QuickProxy, xyzproxy, ProxyTex, TorButton, etc.

30. FirePHP Visit Website
FirePHP enables you to log to your Firebug Console using a simple PHP method call. All data is sent via response headers and will not interfere with the content on your page. FirePHP is ideally suited for AJAX development where clean JSON and XML responses are required.

31. Table2Clipboard Visit Website
Table2Clipboard allows you to paste data from an html table into Microsoft Excel or OpenOffice Calc with correct disposition.

32. Image Zoom Visit Website
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.

33. ScreenGrab Visit Website
Screengrab! is an extension for Firefox that makes it easy to save a web-page as an image. With it, you can save anything that you can see in a browser window – from a small selection, to a complete page.

34. Abduction Visit Website
Capture an entire web page or part of a web page and save it as an image.

35. Palette Grabber Visit Website
Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page.

36. HackBar Visit Website
Simple security audit / Penetration test tool.

37. RSS Validator Visit Website
Validates a page using the W3C RSS Validator. Once you open the RSS feed into the browser window, you can right click on the page or go to the Tools menu and validate the RSS feed. The results will open in a new tab.

38. KGen Visit Website
KGen (Keyword Generator) is an extension that allows you to see what keywords are strong on visited web pages. Than, you can retrieve them for social sharing (tag filling) or webmastering/SEO.

39. Poster Visit Website
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. This allows you to interact with web services and inspect the results.

40. Tab Catalog Visit Website
Shows thumbnail-style catalog of tabs.

41. Cookie Crumbler Visit Website
Cookie Crumbler is perfect for deleting specific cookies rather than clearing all of your temporary files. You can keep cookies / sessions from websites that you still want, and just delete the ones from the website you are working on.

No related posts.