t Firefox Extensions
FFox REF - complicated XUL
FF Extensions & Addons
Those of you who use Firefox - and if you don’t, why the heck don’t you - already know that it kicks Internet Explorer’s… uh… well… it beats Internet Explorer on most properly written Web pages. (Or, at least, that’s what I and the other folks who helped bring Firefox (Fx) to a hundred million downloads think.) It’s also substantially less prone to infections, as long as the user does his or her part by not doing unsafe things in unsafe places - sort of like life in general.
However, I’ve found that a surprising number of Fx users aren’t aware of one of its major hidden attractions: the hundreds of “extensions” that can give it capabilities that Internet Exploder’s designers can only dream of. These range from add-ons that give Fx’s already excellent tab-browsing feature even more capabilities, to a button that will let you disable all Java with a click, to a built-in HTML editor with WYSIWYG interface, to a little window on the task bar that will tell you the current Homeland “Security” state of alert, (either straight or silly, depending on your politics.) There are add-on Graphic User Interfaces (GUIs) for IE that provide some of the same features, but you can’t pick and choose like you can with Firefox Extensions.
There’s no way I’m going to try to give you an overview of all Fx’s available add-ons. You can review them yourself, if you have a fast connection and a few hours to scroll through the lists and descriptions. It’s pretty safe to say, however, that you can find a few that will allow you to do things you never knew you needed to do with your browser. What I will do, in the next few columns, is tell you about the extensions I have installed, some I’ve enjoyed testing, and some others that I got rid of - and why.
Oh, one other thing. Adding extensions will increase the time your browser takes to open, as well as the amount of physical memory (RAM) it requires - and the one big flaw in Fx is that it’s a memory hog! If you have a slow computer, or too little RAM, it may be annoying. In that case, you’ll have to make some decisions. Fortunately, all the extensions can be disabled/removed with a few clicks, and RAM is about the cheapest effective upgrade you can make to a computer.
FFox3 Usage Top Addons
Ads,Perf, Tab, Session Control
- AdBlock Plus https://addons.mozilla.org/en-US/firefox/addon/1865
All-In-One-Sidebar, allows me to force the Add-ons and Downloads windows in a sidebar, but it also creates a collapsing sidebar that comes with a secondary toolbar. I have it set open my bookmarks, history, and page info as well as add-on and download lists
Power user Tools
Bookmark, Tab URL Managers
- Tab Mix Plus ?? for some reason, it didn't work with Firefox 3
user's guide. - http://www.download.com/8301-2007_4-9732587-12.html http://www.download.com/Tab-Mix-Plus/3000-11745_4-10503067.html
GMarks helps you sync & manage your bookmarks with Google Bookmarks. It is not really necessary if you have Google Browser Sync Mozilla Weave already. Since it’s also synchronizing everything including your bookmarks. But I like the possibility that I can view my bookmarks in a sidebar with GMarks and just drag and drop an open tab to a specific bookmark folder. Much easier than click on the bookmark icon and select the bookmark folder in the dropdown menu.
Copies and pastes all urls of open tabs inclusive history in structured and well defined form to and from clipboard. Many options available: Tinyurl for long URLs, title before URL, sort order (Tab Order, Domain Name, Title), markup option. How many times I opened several websites and I had to copy all of them in an email or something else. This is a really helpful tool.
- Tab URL Copier with less options. https://addons.mozilla.org/en-US/firefox/addon/2069
SN Sharing, Offline Content
Shareaholic Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/5457 Firefox add-on ShareaholicFound something awesome online and can’t wait to pass it on? Tired of copying and pasting endless URLs? Shareaholic allows you to share, bookmark and e-mail web pages quickly without leaving your browser. Instead of having several plugins you just have one for almost all important websites. digg, del.icio.us, facebook, friendfeed, google bookmarks, magnolia, mixx, reddit, simpy, stumbleupon, truemors, tumblr, twitter, bzzster
http://www.ideashower.com/ideas/launched/read-it-later/ Read it Later Firefox 3 compatible! Firefox add-on Read it LaterThis Firefox extension allows you to save pages of interest to read later. It eliminates cluttering of bookmarks with sites that are merely of a one-time interest. “It’s a ’staging area’ for bookmarks.” One of my favorite extension. Save pages to a reading list to read when you have time Offline Reading Mode - Read the items you’ve saved for later on the plane, train, or anywhere Randomly surf through your list or select specific items
Net Mastery, Domains, Country, Security
- Domaintools.com whois button. https://addons.mozilla.org/en-US/firefox/addon/2855
Google Browser Sync doesn't work with Firefox 3,
foxmarks bookmarks synchronizer, works well for me. http://www.foxmarks.com/ https://addons.mozilla.org/en-US/firefox/addon/2410
Mozilla is working on something called 'weave', that will sink your books marks extenstions and so on. They are developing it currently at mozilla labs: http://labs.mozilla.com/2008/06/weave-status-update/
Video, Media, Music
- Magic’s Video https://addons.mozilla.org/en-US/firefox/addon/6033 Firefox 3 compatible! Firefox add-on Magic’s VideoSave your video as flv. From a large number of websites! Faster & easy download! With a relative title to the video you download! Download videos from Video.Google.com; Youtube.com; Metacafe.Com; 220.ro; Trilulilu.Ro; Neogen - Video; 2XtremeBoom.phg.ro; Metacafe.Ro; xtube.com; redtube.com; xhamster.com; myvideo.de; peteava.ro; myspace.com; ifilm.com (spike.com); dailymotion.com; pornhub.com; gametrailers.com; mymusclevideo.com; vbox7.com; video.acasa.ro; crunchyroll.com; wrzuta.pl; supernovatube.com; 420tube.com; godtube.com; tnaflix.com; video.rol.ro; protv.ro, a lot more websites will be added!
- FF3 FoxyTunes 3.0 adds the ability to turn any page into a playlist http://www.download.com/FoxyTunes/3000-11745_4-10854865.html
- Font Finder Firefox 3 compatible!https://addons.mozilla.org/en-US/firefox/addon/4415
Firefox add-on Font FinderSimply highlight a single element (e.g. a paragraph or a strong
tag ), right-click and select
Font Finder, then marvel as the full CSS text styling of the selected element appears. So simple and useful! I really like this add-on since you can find out very fast what font style is been used on a certain text.
- ColorZilla https://addons.mozilla.org/en-US/firefox/addon/271 Firefox 3 compatible! Firefox add-on ColorZillaWith ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. And there’s more…
Online & USB storage
- Gmail Space. The FTP-style split-screen interface 7GB! http://www.download.com/Gspace/3000-11745_4-10603499.html
- Google Browser Sync doesn't work with Firefox 3, it's very useful for keeping Bookmarks, Passwords etc synced on multiple PCs. I've just tried Firefox 3 Portable on my USB stick and Google Browser Sync was the only one of my add-ons not to work. Fire FTP updated automatically.
Drag & Drop Files
- DragDropUpload until you install it. The add-on gives you the ability to drag a file from your desktop into any text field in a Web page. Lightweight but extremely effective, if you e-mail a lot of attachments, this should quickly become a massive time-saver. http://www.download.com/DragDropUpload/3000-11745_4-10745681.html
- FireFTP https://addons.mozilla.org/en-US/firefox/addon/684 is a free, secure, cross- platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers. Along with transferring your files quickly and efficiently, FireFTP also includes more advanced features such as: directory comparison, syncing directories while navigating, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more! Easy to setup and use. No other FTP program necessary.
View Dependencies Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/2214 Firefox add-on View DependenciesView Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page. It orders the files by servers and by types (image, stylesheet, script, …). The size of each file, the total size per server and the total page size are displayed. With a context menu, you can open any file in a new tab or new window. You can also copy an url to the clipboard. View Dependencies is a good and helpful tool, but I prefer JSView.
Web Developer Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/60 Firefox add-on Web DeveloperIt’s a powerful all in one plugin. Adds a menu and a toolbar with various web developer tools. This has everything you can even imagine packed into it. Absolutely the greatest web development tool out there. It has so many functions, many user don’t even know about it. Be sure to check out all features of this add-on. A default add-on on my Firefox.
HTML Validator https://addons.mozilla.org/en-US/firefox/addon/249 If you need simple CSS validation, but without having a million other options, try this extension. HTML Validator has more options.
HTML Validator Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/249 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. The details of the errors are seen when looking the HTML source of the page. The extension is based on Tidy and OpenSP (SGML Parser). Both algorithms were originally developed by the Web Consortium W3C. And now extended and improved by a lot of persons. Both algorithms are embedded inside Mozilla/Firefox and makes the validation locally on your machine, without sending HTML to a third party server.
RSS Validator https://addons.mozilla.org/en-US/firefox/addon/2294 Firefox 3 compatible! Firefox add-on RSS ValidatorValidates 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 goto the Tools menu and validate the RSS feed. The results will open in a new tab. A good alternative is the Web Developer.
Total Validator Firefox 3 compatible!https://addons.mozilla.org/en-US/firefox/addon/2318 Firefox add-on Total ValidatorPerform 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. Also performs accessibility validation (WCAG, US-508), broken link checking, spell checking (5 languages), and takes screenshots using 25 browsers on Windows, Linux, and OS/X.
Content & Link Checking
LinkChecker Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/532 Firefox add-on Link CheckerCheck the validity of links on any web page. This add-on utility is extremely handy if you want to check very quick if your links are correct. When I have to change a link in several locations, I can immediately verify I didn’t mis-type something. You can see if the link is correct by the red and green background color.
Firefox add-on PageDif https://addons.mozilla.org/en-US/firefox/addon/4274 is a simple page compare application. It helps web developers and designers to see HTML-code(text) differences between web pages. It doesn’t take original page source. It takes browser generated DOM compliant view source. It omits Doctype declaration and HTML tags.
WinMerge http://winmerge.org/ A very good local compare application is WinMerge, it takes the original page source. Great Freeware you shouldn’t miss out.
Cross Browser Testing
XRay Firefox 3 compatible! http://www.westciv.com/xray/ Firefox add-on XRAYXRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page. Just click the XRAY button to instantly answer those vital questions: where is the top and left of this element? how big is each margin? how big is the padding? how wide and high is the content box? Use the arrow keys to XRAY an element’s parent, siblings, or children too. This is a pretty cool add-on.
IE Tab Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/1419 Firefox add-on IE TabThis is a great tool for web developers, since you can easily see how your web page displayed in IE with just one click and then switch back to Firefox. I use it daily, it is one of the first plugins I install on a fresh firefox installation. You probably have to install an older version, because the newest version might be only for Firefox 3.
CSS Validator https://addons.mozilla.org/en-US/firefox/addon/2289 Firefox 3 compatible! Firefox add-on 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.
UNUSED CSS Selectors - Dust-Me Selectors http://www.sitepoint.com/dustmeselectors/ Firefox 3 compatible! Firefox add-on Dust-me SelectorsDust-Me Selectors is a Firefox extension that finds unused CSS selectors. It extracts all the selectors from all the style sheets on the page you’re viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they’re encountered. You can test pages individually, or spider an entire site, and you’ll end up with a profile of which selectors are not used anywhere.
Edit CSS Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/179 Firefox add-on EditCSSStylesheet modifier in the Sidebar. With save, load, clear functionality.
CSS Mate https://addons.mozilla.org/en-US/firefox/addon/4187 But i prefer CSS Mate. It is a light version of Edit CSS. The combine functionality of Edit CSS and CSS Mate is included in Web Developer, which is my favorite online CSS Editor. Inline CSS Editing Evolved. Originally a port of Edit CSS tool but each stylesheet load into a seperate tab and without save, load, clear functionality. I prefer CSS Mate instead of Edit CSS The combine functionality of Edit CSS and CSS Mate is included in Web Developer, which is my favorite online CSS Editor.
CSS Viewer https://addons.mozilla.org/en-US/firefox/addon/2104 Firefox 3 compatible! Firefox add-on CSS ViewerA simple CSS property viewer. Very nice and clean. But I like more the CSS functionality in Web Developer. It looks very nice and helpful but since Web Developer has it already included I prefer not to have an additional add-on.
YSlow https://addons.mozilla.org/en-US/firefox/addon/5369 Firefox 3 compatible! YSlow analyzes web pages and tells you why they’re slow based on Yahoo’s rules for high performance web sites. YSlow gives you:
- Performance report card
- HTTP/HTML summary
- List of components in the page
- Tools including JSLint You must install Firebug
Extended Statusbar Firefox 3 compatible! https://addons.mozilla.org/en-US/firefox/addon/1433 Firefox add-on Extended StatusbarAdds an Opera-like statusbar to Firefox that shows: -number of loaded images -bytes downloaded -average download speed -load time -percentage of the page loaded
But sometimes it doesn’t show page size and speed accurate. Besides that, good add-on to see loading information immediately. Firebug Firefox 3 compatible!
KGen https://addons.mozilla.org/en-US/firefox/addon/4788retrieves every words of a page and lets you know how many time they appears on her and their weight in the page (a word in the title of a page has a stronger weight than a word in a paragraph). So, you can easily know how to optimize your pages, know what’s the secret of your competitors or simply know what’s the main subject of a webpage.
SearchStatushttps://addons.mozilla.org/en-US/firefox/addon/321 Firefox 3 compatible! Firefox add-on SearchStatusDisplay the Google PageRank, Alexa rank and Compete ranking anywhere in your browser, along with fast keyword density analyser, keyword/nofollow highlighting, backward/related links, Alexa info and other SEO tools.
SeoQuake https://addons.mozilla.org/en-US/firefox/addon/3036Firefox 3 compatible! Firefox add-on SeoQuakeSeoquake 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.
- DictionarySearch http://dictionarysearch.mozdev.org/ Expand your vocabulary with DictionarySearch, which does exactly what its name implies: It looks up a word in a Web page or email in an online dictionary. After installing DictionarySearch, all you have to do is select the word, right-click, and select Dictionary Search for....
FF Writing Your Own
OpenSrc FFox3 Addons
Some sample Open Source found (XUL coders)
Site News feeds
A firefox plugin for cricket fans. It was developed based on the joga companion created for Joga.com.
- Give details about world cup cricket 2007
Foto Galleries # World Cup Schedules # Teams by groups # Players by Teams # Live scores
Cricket Companion is not affiliated to cricinfo.com
NOTE: This page is only relevant for users of Firefox. You need the greasemonkey extension of firefox for these scripts to work.
Greasemonkey is a Firefox extension that allows you to write scripts that alter the web pages you visit. You can use it to make a web site more readable or more usable. You can fix rendering bugs that the site owner can't be bothered to fix themselves. You can even automatically retrieve data from other sites to make two sites more interconnected. In short it will let you be in control of the sites you visit.
Writing User Scripts
Dive Into Greasemonkey
Free online book about programming with Greasemonkey, a Firefox extension for customizing web pages. Read it online for free. http://diveintogreasemonkey.org/toc/
!dn to ebooks\Programming\BrowserWare\FF Greasemonkey
Dive Into Greasemonkey grew out of discussions on the Greasemonkey mailing list, and out of my own experience in writing user scripts. After only a week on the list, I was already seeing questions from new users that had already been answered. With only a few user scripts under my belt, I was already seeing common patterns, chunks of reusable code that solved specific problems that cropped up again and again. I set out to document the most useful patterns, explain my own coding decisions, and learn as much as I could in the process.
This book would not be half as good as it is today without the help of the Greasemonkey developers, Aaron Boodman and Jeremy Dunck, and the rest of the people who provided invaluable feedback on my early drafts.
Sample User Scripts
There is a Greasemonkey script repository that contains hundreds of user scripts that people have written to scratch their own personal itches. Once you write your own user script, you can add it to the repository if you think others might find it useful. Or you can keep it to yourself, content in the knowledge that you've made your own browsing experience is a little better.
diveintogreasemonkey.org/download - lots of sample source codes ..
Vinny that I have created. For installing these
scripts, first install Greasemonkey extension for firefox. Then right click the link and choose 'Install User Script' Option from the context menu.
Adds links to other search engines when searching for something on google.
Displays a small toolbar to directly access different parts of this site using the given URL. Press Ctrl+Shift+U to show the toolbar.
Removes the 'click' element from links. Just hover the mouse over a link for one second and the script will automatically click the link. Inspired by NoClick labs.mininova.org/noclick/
There is also a Greasemonkey mailing list, http://greasemonkey.mozdev.org/list.htmlwhere you can ask questions, announce user scripts, and discuss ideas for new features. The Greasemonkey developers frequent the list; they may even answer your question!
Greasemonkey Hacks amazon.com/dp/0596101651?tag=diveintomark-20&camp=14573&creative=327641&linkCode=as1&creativeASIN=0596101651&adid=1FT0TTA6GEEG8K5KDHEQ&
- panicsteve/cloud-to-butt Chrome extension that replaces occurrences of 'the cloud' with 'my butt' https://github.com/panicsteve/cloud-to-butt
MULTIPLE Browser Medium Extensions
- wasavi - render in text area
- thegreatsuspender chrome extension for suspending all tabs to free up memory https://github.com/deanoemcke/thegreatsuspender
Browser Nav -
- EditThisCookie is the famous Google Chrome/Chromium extension for editing cookies https://github.com/fcapano/Edit-This-Cookie
SECURITY, Encryption google/end-to-end - End-To-End is a Chrome extension that helps you encrypt, decrypt, digital sign, and verify signed messages within the browser using OpenPGP. https://github.com/google/end-to-end
- passifox Extensions to allow Chrome and Firefox (4.0+) to auto form-fill passwords from KeePass (requires KeePassHttp) https://github.com/pfn/passifox
Email format, encryption
Themes, CSS, Reading, Media Tools
- Mata Chrome extension that makes reading the web friendly for your eyes https://github.com/wilbertliu/Mata
Inject CSS to make page more readable wikipedia-beautifier Chrome extension to make Wikipedia more readable https://github.com/scotchi/wikipedia-beautifier
zero-base-themes Chrome Devtools Extension that loads themes using the Zero Base Template https://github.com/mauricecruz/zero-base-themes
User-personalization > my-style Google Chrome extension that allows you to insert custom CSS into pages, immediately see the visual results, and have that CSS persist for future visits. https://github.com/karthikv/my-style