Advanced Web Development by AskApache is a Firefox Collection I created for myself to make finding and installing my favorite Firefox Add-ons simple and easy.
- My Setup
- Slow Firefox
- Multiple Firefox Installations, Sorta
- About This Collection
- Share this Collection
- History Tree
- Tab Scope
- Tab Control
- Tab History Menu
- CSS Usage
- Inline Code Finder for Firebug
- Save Complete
- Xmarks BYOS Edition
- Total Validator
- Window Resizer
- Font Finder
- Alexa Sparky
- Dust-Me Selectors
- Inline Code Finder
- Java Console 6.0.02
- RSS Ticker
- Tab Sidebar
- Bookmark Current Tab Set
- Update Scanner
- Image Zoom
- Firebug Net History Panel Overlay
- Add Bookmark Here ²
- DNS Cache
- Manage Folders
- View Dependencies
- Tab Kit
- Organize Status Bar
- Check Places
- All-in-One Sidebar
- Add-on Collector
- Advanced Dork:
- Yahoo! Toolbar
- Email This!
- Tab To Window
- Cache View
- Lazarus: Form Recovery
- Tab Preview
- Multirow Bookmarks Toolbar
- Undo Closed Tabs Button
- Faviconiac Search Engines
- Bookmark This Page Plus
- Remove Cookie(s) for Site
- Modify Headers
- OPML Support
- View Source Chart
- Smart Bookmarks Bar
- Extended Statusbar
- Email Yourself!
- SwitchProxy Tool
- Places' Tooltips
- Multi Smart Search
- Google Toolbar
- DOM Inspector
- Stay-Open Menu
- Menu Editor
- Multiple Tab Handler
- Bookmark Previews
- LastPass Password Manager
- Tabs Open Relative
- Coral IE Tab
- Tamper Data
- Pixel Perfect
- Web Developer
- Live HTTP Headers
- Clear Cache Button
- Wolfram Alpha Google
- Personal Menu
As this screenshot shows, I only use a handful of add-ons at a time. These buttons allow me to clear the DNS/Cookies/Cache for whichever site I'm on when I click it. Very very helpful for me as a web designer. The 4th button there is just a restart button. Other than those, Firebug, YSlow, LastPass, and Web Developer are the only ones I always use regularly.
I like the idea of the last.fm but it's not as powerful as the site, which is awesome. Lately I've been listening to Kings of Leon Radio...
The more add-ons you have, disabled or not, the slower Firefox is. (unless you are running your profile folder in TMPFS). Also, bookmarks and settings like that have a performance hit. I have been using Firefox since it launched way back when, and I have always kept my bookmarks when moving to new machines and new installations.. So with over 5 thousand bookmarks I finally did some debugging and discovered that was a huge cause of Firefox acting slow. Now I am trying to migrate them all over to Google's Gmarks, which knowing Google will be awesome eventually.
The solution to all these problems is to use separate Firefox profiles which use separate folders to store your profile-specific extensions and settings. So I have profiles with upwards of 40 Addons installed and enabled, and another profile that is built for speed... It's very very slow to be running Firebug and have multiple tabs open.. You can use the profilemanager to load them specific profiles from the command line. I personally use separate icons on my Windows Quick Launch that I just modified the shortcut pointing to firefox to also have the profile commandline. Note also that you can have multiple profiles open and running simultaneously.. This lets you do some crazy networking and other random hacks like having many Firefox instances running each of which is configured to use a separate SOCKS Proxy or network interface, so you can really open up those pipes for some intense txrx.
You can do some very powerful things with Firefox that most people are unaware of, if you are interested start with these:
Updated:September 22, 2009
Find any page you have visited quickly and easily. Shows your browsing history as a tree of tabs, with thumbnail screenshots of the web-pages in every tab you have opened.
Preview and navigate tab contents through popup.
Take control of your tabs! Purposely lightweight extension with the following features...
ShareThis makes sharing any online content quick and easy. The ShareThis plugin allows you to share to any contact via email, text message, Facebook, Twitter and more. You can also store your shares for later to reshare with the ShareThis ShareBox.
Adds a color picker to Firebug's CSS panel.
When click on the selected tab, a history menu corresponding to it will display.
Synchronizes your bookmarks, passwords and password exceptions between browsers. Uses your own (or third party) web or ftp server so you have complete control and privacy.
Firebug extension to view which CSS rules are actually used.
Inline Code Finder is an add-on to Firebug, to be able to find HTML elements
Provides some additional capabilities to firebug to find inline code as opposed to external files.
Saves a webpage completely, providing a better alternative to the flawed built-in save functionality of Firefox.
Another of my personal favorites, modifies the "Save complete page" option of firefox to truly be more complete, I don't understand why firefox doesn't already do this.
The FireDownload extension for Firefox and Wyzo lets you manage and accelerate your web downloads up to 10x faster! With FireDownload, download acceleration is seamlessly displayed within the downloads window. Try the ultimate download accelerator!
Pretty nice and unobtrusive download enhancer.
Bookmark Sync "Bring Your Own Server" Edition (BYOS). For expert users who wish to sync their bookmarks and passwords using their own FTP or WebDAV server.
An extension to Firebug to make dealing with forms easier
a syntax highlighter, based on SyntaxHighlighter(http://code.google.com/p/syntaxhighlighter/), support lots of program languages.
Adds syntax highlighting, somewhat intensive.
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...
Reloads web pages every so many seconds or minutes. The function is accessible via the context menu (menu you get when you right click on a web page) or via a drop down menu on the reload button ...
Love this plugin, replaces the reload button with a look-alike button with a drop-down menu that lets you enable automatic reloading of a tab (or all tabs) and set the number of seconds between reloads. I've found it very useful for checking cookie behaviour and cache setups, its also nice if you want to keep checking a page for updates.
Resize your browser to various standard resolution sizes...
Quickly resize your window to the common sizes to see what a site looks like for users with that resolution.
Get all CSS styles of selected text in Firefox / Thunderbird...
Locate the fonts that are in use on a webpage. Small and unobtrusive.
Firebug enhancements for jQuery (requires Firebug 1.3+)
Adds jquery support, I usually keep disabled even though I personally use jquery for web development.
Alexa Internet's official add-on for Firefox! Get Alexa data in your status bar.
Shows the alexa rank of a site, I like it but it does make new HTTP requests for each page, so I disable it alot for privacy or speed.
Finds unused CSS selectors.
One of the newer add-ons I've been using. Lets you find which CSS rules are actually in use on a page, thus helping you to minimize and streamline CSS. Very cool but it is a little resource intensive so by default I keep it disabled.
Toggles Tools->Options->Content->Colors:Allow pages to choose their own colors... option with a single keystroke (Ctrl+M)
Use the documents colors or other.
FoxTor: Anonymous Web Browsing using the encrypted TOR network...
This is the only officially supported Bing add-on, provided by the Bing team in Microsoft. Bing is a search engine that finds and organizes the answers you need so you can make faster, more informed decisions.
In the Firefox Browser (and other Mozilla programs) you can per default configure only the setting for one internet connection. With the MM3-ProxySwitch you can manage different configurations and simply switch over between these.
If like me you often connect to websites by proxying firefox through SSH Tunnels, then you can use this MM3-ProxySwitch add-on to run 3 different instances of firefox (by using multiple firefox profiles) that EACH use a different Proxy. This is useful if you want to MAX out your download speed by downloading using multiple tunnels to do the work.
Also useful for just plain multiple proxy configurations, very easy, and super extremely unobtrusive and low-resource intensive.
Firecookie is an extension for Firebug that makes possible to view and manage cookies in your browser
One of my personal favorites, adds a tab to firebug that lets you view live cookies being set, deleted, and updated, and lets you edit, and delete cookies of a page LIVE.
RESTClient is a firefox extension use to visit and test RESTful/WebDav services.
Java Console Extension for Java SE 1.6.0_02 (version 6 update 2).
RSS Ticker loads your Live Bookmarks and scrolls their entries across your screen while you surf.
Amazingly awesome add-on that scrolls rss feeds across a small area, helpful to keep track of various feeds and your own sites feeds.
Displays previews of your tabs in your sidebar.
I like this one more than the tab preview add-ons, lets me find a tab quickly but only when I want by opening the sidebar.
CryptoFox is an encryption/decryption tool for Mozilla Firefox, with dictionary attack support for cracking MD5 passwords.
Adds options to quickly bookmark all tabs in a window and store them in a bookmark folder that is given the date (and optionally the time) as its name.
Monitors web pages for updates. Useful for websites that don't provide Atom or RSS feeds.
Adds zoom functionality for images...
Simple image zooming functionality. Small and useful add-on.
This extension adds a new "FaviconizeTab" option to the context menu of the tab...
Nice to Faviconize your most-often-used sites
This extenion is GUI Front-end of "about:cache"...
Just a shortcut to the about:cache area.
A customizable mouse gestures extension which enables you to execute various commands and user scripts with five types of gestures.
Adds history functionality to firebug net panel. Requires Firebug 1.2.0b4 or 1.2.0b6 For Firebug versions 1.1.* please use Net Panel Add-on Version 0.2.1
Add a menuitem "Add Bookmark Here..." to Bookmarks...
Allows you to disable and enable the DNS Cache of Firefox
The final caching add-on that I absolutely LOVE. Lets you add anywhere on your toolbar to clear the DNS cache of firefox. I have this, clear cache, and clear cookies next to each other on the far left of my bookmarks toolbar, I use them ALOT.
Places a "Manage Folder" item on the context menu of bookmark folders, which opens the "Places Organizer" expanded to that folder.
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.
Torbutton provides a button to securely and easily enable or disable the browser's use of Tor. It is currently the only addon that will safely manage your Tor browsing to prevent IP address leakage, cookie leakage, and general privacy attacks.
Quick way to switch firefox to use the TOR network (I recommend the free vidalia suite) which is useful for web developers that rely on an IP address in certain programming and setups.
Tab grouping, vertical tab tree, multi-rows, and various tweaks for power users.
Ever needed to restart Firefox after enabling or disabling an extension, switching to a new theme, or modifying configuration files (such as userChrome.css or user.js)? 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.
A button you can place anywhere that restarts the browser just like you do after updating add-ons.
This extension will enable you to organize your status bar icons. You can now rearrange or remove any item (icon or text) in the Firefox status bar. If your status bar is full and cluttered like mine was, give this a try.
Lets you rearrange the items on the status bar.
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.
FEBE (Firefox Environment Backup Extension) allows you to quickly and easily backup your Firefox extensions. In fact, it goes beyond just backing up -- It will actually rebuild your extensions individually into installable .xpi files. Now you can easily synchronize your office and home browsers.
Very helpful and well-designed add-on that lets you backup your entire firefox, or individual add-ons, or both!
Checks your bookmarks are valid and the pages still exist. Also checks for duplicates and for empty folders and can restore missing favicons.
All-in-One Sidebar (AiOS) is an award-winning sidebar control, inspired by Opera's. It lets you quickly switch between sidebar panels, view dialog windows such as downloads, extensions, and more in the sidebar, or view source or websites in the sidebar.
GMarks helps you sync & manage your bookmarks with Google Bookmarks...
There's a new way to manage and find favorite add-ons. Comment, share, and sync collections, all from your browser.
Lets you get updates and makes it very easy to browse a collection such as this one.
Advanced Dork: gives quick access to Google's Advanced Operators directly from the context menu...
Very unobtrusively makes the advanced google search operators available.
Use Yahoo! and the web faster, safer, and easier with new mail notification, search suggestions, online bookmarks, free spyware scanning, and more... Save time with the new Yahoo! Toolbar 2.0, now in beta at toolbar.yahoo.com/beta.
Email This! will send your recipient the link, title, & highlighted text of the page you are viewing using GMail, Google Apps GMail, Yahoo, and Stand-Alone Mail Clients like Outlook Express, Thunderbird, & More! If you hate toolbar buttons don’t fret because I've included a right-click pop-up menu and access keys!
Open a tab in a new window...
I have wanted this type of functionality for soo long.
Cache View is a Firefox extension that displays Google's Cache, Coral's Cache, and Wayback Machine's Cache cache of an open tab or selected link via a right-click or the Tools menu.
Useful to notice how often a page on your site is crawled and cached by these engines.
Never lose anything you type into a web form again! Lazarus securely auto-saves all forms as you type, so after a crash, server timeout, or whatever, you can go back to the form, right click, "recover form", and breathe a sigh of relief.
Saves your form data securely as you enter it, and provides a way to recover that form data if your firefox crashes (more likely windows crashes) and that way you won't lose anything you already entered. This will slow down firefox alot though.
Preview tab contents on mouseover
Multi Row Bookmarks Toolbar.
Shows you a relevant Wikipedia article along with your search results. Clicking links in the article will trigger new Google searches, making it a very useful research tool...
Adds wikipedia results right next to google results, very helpful to keep an eye on what is authoritative, and often get the best information fast.
Tired of going to History -> Recently Closed Tabs just to undo a closed tab? Then this extension is for you! This extension allows you to undo closed tabs via a toolbar and/or tab bar button or the right-click context menu.
One of my personal favorites, adds back the most recently closed tab, very helpful.
Adds PNG favicons to some search engines and web directories, such as Google, Yahoo, Bing, Ask, Altavista, Wikipedia, AOL, Dmoz, Alexa, del.icio.us and others.
This is helpful to get a better feel for search engine results by adding their sites favicon to the search results page, is somewhat HTTP Request intensive however.
Adds a menu item in each sub folder of the bookmarks menu to bookmark the current page. Just as seen in the Opera browser.
A very simple extension to remove all the cookies of currently opened site. It adds an option to the Right Click menu of the page, and a toolbar button to perform this operation. It displays the status of operation in the status bar.
This is invaluable, it removes all the cookies from whichever domain you are currently viewing.
Add, modify and filter http request headers. You can modify the user agent string, add headers to spoof a mobile request (e.g. x-up-calling-line-id) and much more. Take a look at the help tab of the Modify Headers window...
Pretty awesome, lets you modify the HTTP Headers your browser is sending, useful to check accessibility, server settings, language settings, etc.
OPML Support adds OPML import/export functionality to the Firefox Bookmarks manager.
An HTTP analyzer addon for Firefox
3D in your browser! FoxTab brings innovative 3D functionality to your Firefox.
Super awesome cool. If your machine is fast this is a really helpful add-on.
View Source In Color-Coded Chart Get V2.8 w/ a brand new feature from jennifermadden.com
One of my long-time, all-time favorites that lets you view the source code of a website, but in a color-coded and formatted view. Very nice and helpful for (X)HTML developers.
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.
For those who frequently use the bookmarks in the firefox bookmarks toolbar, this is a great way to show more in a cleaner way.
A Statusbar with speed, percentage, time and loaded size (similar to Opera's one)
Provides much more information unobtrusively on your statusbar, very cool!
Email Yourself! allows you to email yourself the link, title, and a selected summary of the webpage you are viewing using GMail.
SwitchProxy lets you manage and switch between multiple proxy configurations...
Adds feed reading, notifications, favicons, and other enhancements to Live Bookmarks.
This addon enhances all the tooltips in Firefox.
"Multi smart search" displays a new context menu including all the installed search engine.
Sorts your bookmarks in a variety of ways.
Never be annoyed by a Flash animation again! Blocks Flash so it won't get in your way, but if you want to see it, just click on...
Lets you block flash for all/specific websites/domains, which is pretty nice capability to test both your sites for non-flash viewers, and speeds up firefox.
Take the power of Google with you anywhere on the Web
A great add-on that lets you use hundreds of google tricks and tools. Very helpful but also makes a lot of background HTTP requests so privacy-conscious or speed-freaks will want it disabled.
DOM Inspector is a tool that can be used to inspect and edit the live DOM of any web document or XUL application. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within. Note: This add-on depends on binary changes to Firefox, and will not work with Firefox 2.
Way to inspect the DOM of a page, useful for web developers.
Enables multiple selections from Bookmarks Menu, History Menu, or Smart Location Bar (awesomebar) dropdown list, without reopening menu or using sidebar.
Customize application menus: Rearrange or remove menuitems from the main context menu (right-click menu) and main menubar (File Edit View etc.)
Provides feature to close multiple tabs.
An advanced java script console.
Bookmark Previews adds an album view and thumbnail view to the bookmarks manager.
Now this one is what I call genius. Lets you view previews of your bookmarks! Great if like me you have over a thousand bookmarks.
LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure. LastPass supports IE and Firefox as Plugins (Opera, Safari, Chrome, iPhone, Opera Mini via Bookmarklets), allows you to import from every major password storage vendor and export too, captures passwords that other managers won't including many AJAX forms, and allows you to make strong passwords easily. Your sensitive data is encrypted _locally_ before upload so even LastPass cannot get access to it. One Time Passwords & Screen Keyboard help protect your master password.
What can I say, this add-on is in my top 10 for sure, and I recommend it to all my friends and even my family. Lets me create very secure passwords for sites that I don't have to remember because lastpass remembers them for me, and stores them encrypted on both a usb medium I keep, and on their servers. So when I use someone elses computer or reinstall firefox, I have all my usernames and passwords, and its just sooooooooooooooooo useful. Get this add-on, it truly is a secure way to only have to remember 1 password from now on, thus LastPass. The last password you need.
Tabs Open Relative makes all new tabs open to the right of the current tab, rather than at the far right of the tab bar (optionally this only applies to links).
This stops that annoying default of opening tabs wayy on the right.
An enhanced version of IE Tab which enables you to use the embedded IE engine within tabs of Mozilla Firefox. It supports Adblock Plus in IE, and can sync cookies between IE and Firefox.
Use tamperdata to view and modify HTTP/HTTPS headers and post parameters...
Useful for checking form validation and security, lets you tamper data! lol
One of the top 3 most important and helpful add-ons for firefox. Web Developers who don't use this one are simply irresponsible.
Draw out a ruler to get the pixel width and height of any elements on a...
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
A must-have add-on for anyone using CSS or developing websites, very amazing, highly capable add-on. The one issue is that is is somewhat of a resource-hog.
FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.
Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML. * Requires Firebug
The Web Developer extension adds a menu and a toolbar with various web developer tools.
This add-on is 1 of the top 2 most important add-ons for web developers. The other is firebug.
By far, without a doubt, the single most important and valuable add on for ANY web developer. This is the one that is definitely required. The features are too numerous to name here.
View HTTP headers of a page and while...
Very helpful for those that don't have and use wireshark.
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.
The most complete proxifying tool for firefox, multiple configurations possible.
Display the Google PageRank, Alexa rank, Compete ranking and SEOmoz Linkscape mozRank anywhere in your browser, along with fast keyword density analyser, keyword/nofollow highlighting, backward/related links, Alexa info and more.
Adds a very unobtrusive way to check the pagerank, and several other SEO statistics but only when you click a button (if configured that way) very helpful occasionally.
The first and only download manager/accelerator built inside Firefox!
Very nice, easy, fast, and unobtrusive add-on that lets you download all files of a certain type to a certain save location, lets you use builtin filters or configure your own using basic REGEX. Very helpful.
Adds a clear cache toolbar button. After installing the extension, find the clear cache button in the toolbar customization...
A button you can add to your toolbar that clears your firefox cache (not cookies or history) which is invaluable for web developers.
Display Wolfram Alpha results in Google searches. No need to switch search engines when you can use both at once!
The new search is a glimpse at the future of computing.
"Menus Toolbar" item is now available in Toolbar Context Menu and you may hide it forever!
Lets you go beyond firefox builtin menu editing and create a custom toolbar.
Fire.fm gives you access to the extensive music library on Last.fm. Last.fm gives free radio to the US, UK, and Germany, plus subscriber-based service to the rest of the world. Listen to your favorite music and discover new artists in the process.
What would work be without free streaming music that is customizable and recommends music based on your history. Conveniently can be added to your status bar, or your toolbar.
StumbleUpon discovers web sites based on your interests, learns what you like and brings you more.
StumbleUpon is great. Very cool way to see relevant and interesting web development articles and sites.
October 18th, 2009