100 Seriously Useful Firefox Addons for Web Designers
Firefox is a trusted friend for thousands of web designers and developers the world over. Sure, we all know about popular extensions like Firebug, but we’ve compiled a list of 99 other great addons to help you get even more from Firefox.
1. Web Developer, The Web Developer extension adds a menu and a toolbar with various web developer tools.
2. ColorfulTabs, Colors every tab in a different color and makes them easy to distinguish while beautifying the overall appearance of the interface.
3. Greasemonkey, Allows you to customize the way a webpage displays using small bits of JavaScript. . .
4. Livepageranks Extension, LivePageRanks.com developed for tracking web sites rankings all the time.
5. Firebug, You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. . .
6. FlashFirebug, Debug your own SWF files inside the browser. Edit properties and inspect elements like you do to HTML.
7. WhereIsTheBeacon, Search the current webpage for ads from a OpenX adserver and make zoneID and bannerID visible.
8. ImTranslator, ImTranslator includes Online Translator in 1640 language combinations, TTS (Text to Speech), Multilingual Dictionary, Virtual Keyboard, other multilingual tools.
9. FireFTP, FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
10. NoScript, Allow active content to run only from sites you trust, and protect yourself against XSS and Clickjacking attacks.
11. IE Tab Plus, An enhanced version of IE Tab with Adblock Plus in IE supported. It also allows you import settings from IE Tab and synchronize cookies between IE and Firefox.
12. SEO Stats – Backlinks, indexed pages, pagerank, . . . SEO Stats provided free information about your positioning in search engines and social networks.
13. Stylish, Stylish lets you easily install themes and skins for Google, Facebook, YouTube, Orkut, and many, many other sites.
14. Flagfox, Displays a country flag depicting the location of the current website’s server and provides a multitude of tools such as site safety checks, whois, translation, similar sites, validation, URL shortening, and more. . .
15. BetterPrivacy, BetterPrivacy is a safeguard which protects from usually not deletable LSO’s on Google, YouTube, Ebay…
16. Pixlr Grabber, Making screen grabs and pulling down images from the web just got a bit more easy. With the Pixlr grabber add-on you can choose to Edit, Share, Save or Copy your final grabs. You also get the possibility to right-click any image or background to edit.
17. FireShot, FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part).
18. JavaScript Debugger, Venkman is the code name for Mozilla’s JavaScript Debugger. Venkman aims to provide a powerful JavaScript debugging environment for Mozilla based browsers.
19. Autofill Forms, Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
20. Greasefire, Automatically find Greasemonkey scripts on Userscripts.org (requires Greasemonkey).
21. SeoQuake SEO extension, Seoquake is a Mozilla 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. . .
22. CSS Usage, Firebug extension to view which CSS rules are actually used.
23. Total Validator, Perform multiple validations and take screen shots in one go. This 5-in-1 validator works with external, internal, or local web pages using the Total Validator service or local copy of the desktop tool. . .
24. Capture Fox, You can capture your screen and record your voice to make screencasts (tutorials, e-lessons, etc.).
25. RightToClick, Stops javascript annoyances such as forbidden right click, forbidden text selection or cascading dialog boxes.
26. XHTML Mobile Profile, This is one of the possible mime-types for XHTML Mobile Profile. This extension adds support for this mime-type. (The other, application/xhtml+xml, is supported. . .
27. Domain Details, Displays Server Type, Headers, IP Address, Location Flag, and links to Whois Reports. Shows links to check server status and cache when page fails to load.
28. Broadband Speed Test and Diagnostics, This extension includes a set of tools for broadband users. It can measure the bandwidth of Internet connections and perform diagnostic tests.
29. Firepicker, Simple color picker plugin for Firebug.
30. 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.
31. 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.
32. Stylish-Custom, Custom additions to Stylish extension. Brings back features from 0.5.9 and adds new features.
33. EditCSS, Stylesheet modifier in the Sidebar.
34. Foxy SEO Tool, Foxy SEO Tool offers tools for search engine optimization (SEO), web traffic and page analysis for webmasters and web professionals.
35. Dust-Me Selectors, Finds unused CSS selectors.
36. Dummy Lipsum, Generate “Lorem Ipsum” dummy text (from http://www.lipsum.com).
37. URL Link, URL Link is a small Firefox and Thunderbird extension that allows you to select a non-URL in a mail/news message or web-page, and open it in a browser window.
38. Firefox Accessibility Extension, Support web developers in testing web resources for accessibility features.
39. NoRedirect, NoRedirect lets the user take control of HTTP redirects. It can be used to interdict an ISP’s DNS search redirection hijacks, preview/screen “shortened” URLs (e.g., TinyURL), stop the annoying redirection of “smart” error pages, etc.
40. My Image Here, Replace images on websites with images you select from your local computer.
41. Validator, Firebug extension to validate HTML.
42. GridFox, Draws a grid on top of a website.
43. Google Gears Portable, Google Gears for Windows as a plain “XPI” installer. Works with Mozilla Firefox, Portable Edition, as well as user accounts without administrator privileges.
44. Context Font, Show the font of selected text in the context menu.
45. Open With Photoshop, Open With Photoshop is a new companion for web designers, graphic designers and in general whom like to use Photoshop.
46. Deep Web Search Engine, If you know little bit of javascript, you should be able to create your own category and share a site through Samucaya Designer graphical interface. This is more than sharing a bookmark, you are sharing a behavior of a site.
47. Drupal For Firebug, Drupal for Firebug extends the Firebug module to provide Drupal specific debugging and status messages.
48. QuickRestart, This simple extension adds a “Restart Firefox” item to the “File” menu. You can also use the Ctrl+Alt+R keyboard shortcut, or the included toolbar button.
49. Extended Statusbar, A Statusbar with speed, percentage, time and loaded size (similar to Opera’s one).
50. Gspace, This extension allows you to use your Gmail Space (7.1 GB and growing) for file storage. It acts as an online drive, so you can upload files from your hard drive and access them from every Internet capable system.
51. CodeBurner for Firebug, CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.
52. SEO Status PageRank/Alexa Toolbar, See Google Pagerank (PR) and Alexa rank for each website you visit. Simple and customizable. You can see and use everything the toolbar offers, or strip it down to the bare essentials and place it in the status bar.
53. 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. This allows you to interact with web services and inspect the results. . .
54. SaveMemory, SaveMemory can reduce Firefox’s memory and CPU use by more than 80%!! If you browse with multiple tabs, you need SaveMemory. It lets you pause unused tabs to free up memory and end unnecessary processor usage. It makes Firefox faster and snappier!
55. OpenDownload, Allows you to open any file from the internet into the OS assigned program. This is similar to IE’s ‘Open’ or ‘Run’ file download functionality. . .
56. Yes popups, Get rid as much as possible of the “good” popup recognition features: this extension lets you toggle between 2 customizable levels of popup blocking (the default values for these levels are total block and a quite permissive popup filter).
57. JavaScript Deobfuscator, This add-on will show you what JavaScript gets to run on a web page, even if it is obfuscated and generated on the fly. Simply open JavaScript Deobfuscator from the Tools menu and watch the scripts being compiled/executed.
58. Rainbow, Color tools for web development.
59. Inline Code Finder for Firebug, Inline Code Finder is an add-on to Firebug, to be able to find HTML elements with Inline JavaScript events, Inline style, javascript: links
60. Custom Buttons, Gives a possibility to create custom toolbarbuttons. . .
61. Chrome View, Open a page in Google Chrome (or SRware Iron) on Windows.
62. TrashMail.net, Create free disposable email addresses and paste them directly in forms. This helps to protect you from spam mails and could be useful when subscribing to forums or newsletters. . .
63. SEO Toolbar, The SEO Toolbar shows PageRank, Alexa Rank, Popularity Index Rank for any website you visit on the one toolbar. Other SEO features include Search Engine view, server header view, Wayback Machine button and links to many SEO forums and websites.
64. Save Complete, Saves a webpage completely, providing a better alternative to the flawed built-in save functionality of Firefox.
65. Library Detector, Detects what javascript libraries are being used on the current page and displays the result as icons with detailed tooltips in the statusbar.
66. Copy Plain Text, Copies text without formatting. . .
67. Ad Hacker, Ad Hacker shows you which advertisers and publishers are following you around the Internet. Developers can see details about Javascripts, beacons, and other web bugs.
68. SpellBound, Adds additional spell-checking functionality to Firefox.
69. Web Analytics Solution Profiler/Debugger (WASP), The Web Analytics Solution Profiler (WASP) is a specialized extension aimed at analytics and online marketing professionals who want to do quality assurance and understand how their tags (web bugs) are implemented. Also includes a powerful crawler.
70. Window Resizer, Resize your browser to various standard resolution sizes. . .
71. lori (Life-of-request info), ‘lori’ can tell you how long it takes to load a page. Useful for web developers who are working on profiling, optimizing a web site.
72. Phoenix, An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code. Phoenix will tell you how many CSS and JS files are loaded into a page, how big these are, it will let you edit, pack and de-obfuscate them.
73. RESTClient, RESTClient is a firefox extension use to visit and test RESTful/WebDav services.
74. Redirect Cleaner, Redirect Cleaner cleans Redirects from Links. . . www.example.com?url=www.mozilla.org
75. RefreshBlocker, RefreshBlocker is a small extension for the Firefox web browser. This extension will prevent your browser from following the forwarding specified by the refresh parameter of the META tag element.
76. XHTML Ruby Support, Adds XHTML Ruby support.
77. SEOpen, Provides quick access to some web-based tools to help with search engine optimization. Quickly check inbound links, PageRank, http headers, and much more. Right-click on an open area of a web page, or use the included toolbar.
78. PhishTank SiteChecker, PhishTank SiteChecker gives Firefox users a way to bring the community judgment of PhishTank (http://www.phishtank.com/) into their favorite browser, for extra protection against phishing. . .
79. W3Techs Website Technology Information, Opens a new tab and shows which web technologies the current site is using.
80. ColorSuckr, Extracts colors from images and builds color schemes.
81. Mason, This extension can simplify the rule to just specify the URI and Content type and can enable/disable each rule separately.
82. View Dependencies, View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.
83. No Referrer ( Misspelled Referer ), Very similar to Adaptive Referer Remover, avoids send referrer “FROM” certain URIs and “TO” certain URIs. Also avoids send referrer from all not public URIs, contains a block helper and is UTF-8 Friendly. . .
84. FirefoxView, Open Firefox with the current page or a selected link displayed in Internet. . .
85. CoLT, CoLT makes it easy to copy either a hyperlink’s text or both the link and the link’s text (in a format you specify). Two handy context-menu items make this possible, and don’t add clutter; the items are only visible when right-clicking a link!
86. StyleSheet Chooser Plus, StyleSheet Chooser Plus (aka SSCP) persists choice of website stylesheets.
87. Make Address Bar Font Size Bigger, This extension makes the URL Address Bar font size bigger. No need to know CSS or any hand coding to style the font-size, like other extensions!
88. Easy Pandora, Simple Add-on to toggle between Pandora on or off. *Requires you to already have a Pandora Account, and for you to already be logged in.
89. Leak Monitor, This extension pops up an alert dialog to warn chrome and extension developers about one particular type of leak. It warns when chrome windows close but leave other code pointing at their JavaScript…
90. Nightly Tester Tools Lite, This is a cut down version of Nightly Tester Tools by Mossop, which is 77.6 KB. I’ve only included the “copy build id” and “build id in titlebar”…
91. Codetch, Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.
92. Customize Titlebar, Customize the browser titlebar how you want.
93. GA? – Is Google Analytics Installed, Checks to see if Google Analytics is installed on any given page.
94. PixelZoomer, PixelZoomer takes a screenshot of the current website and provides various tools for pixel analysis. You can zoom into websites (up to 3200%), measure distances and pick colors with an eye dropper.
95. RankQuest SEO Toolbar, RankQuest SEO(Search Engine Optimization) Toolbar provides you quick access to more than 30 intuitive SEO tools. Alexa Rank and Page Rank provided by Alexa and Google respectively ensures the popularity of the site. Once you download and install the SEO Toolbar you are only one or two clicks away from carrying out most of your day to day SEO. . .
96. Goog All Sites & Similar Sites Search, Now you don’t have to rely on a website’s search any more, rather use this website-specific Google search. Bonus is Similar site search. Just on a click, it gets you the list of websites similar to the one opened in active tab.
97. Palette Grabber, Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X based on the current page.
98. Line Marker, Adds a new menu “Line Marker” to the context menu.
99. TYC + PR indicator, This simple indicator shows Google Page Rank and Yandex TYC for current web page.
100. Advanced Dork, Advanced Dork: gives quick access to Google’s Advanced Operators directly from the context menu…
More Posts You Might Enjoy:
3 Responses 100 Seriously Useful Firefox Addons for Web Designers
-
Excellent collection. Obviously I already use some of them, but I also saw a few I really need to get my hands on
.Thanks for the list!
Nice collection, I am going to check a few of these, of course I can not use the 100