Skip to content

CategoryFirefox

Firefox Add-Ons for Developers

Here’s a set of Firefox add-ons I use in my daily development. Note all of them analyze code. Some of them are for being productive.

Make sure you go to the Firefox web site to get the latest versions of these.

CodeBurner for Firebug 1.2

CodeBurner is a Firefox add-on that integrates with Firebug, to extend it with reference material for HTML and CSS.

https://addons.mozilla.org/en-US/firefox/addon/10273

ColorZilla 2.0.2

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies…

https://addons.mozilla.org/en-US/firefox/addon/271

Firebug 1.4.2

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

Firebug 1.4 requires Firefox 3.0 or higher.

https://addons.mozilla.org/en-US/firefox/addon/1843

GooglePreview 3.22

Inserts preview images (thumbnails) and popularity ranks of web sites into the Google and Yahoo search results pages.

https://addons.mozilla.org/en-US/firefox/addon/189

Greasemonkey

Allows you to customize the way a webpage displays using small bits of JavaScript.

https://addons.mozilla.org/en-US/firefox/addon/748

Html Validator 0.8.5.8

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.

https://addons.mozilla.org/en-US/firefox/addon/249

IE Tab 1.5.20090525

IE Tab – an extension from Taiwan, features: Embedding Internet Explorer in tabs of Mozilla/Firefox…

https://addons.mozilla.org/en-US/firefox/addon/1419

Selenium IDE 1.0.2

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. Selenium IDE includes the entire Selenium Core, allowing you to easily and quickly…

https://addons.mozilla.org/en-US/firefox/addon/2079

Web Developer 1.1.8

The Web Developer extension adds a menu and a toolbar with various web developer tools.

https://addons.mozilla.org/en-US/firefox/addon/60

Mozilla Labs – Ubiquity 0.1.9

An extension that allows for the use of dynamic commands in Firefox.

https://addons.mozilla.org/en-US/firefox/addon/9527

Text2Link 1.9.4

Text2Link is a simple and easy-to-use way to copy the text of a link, or to open URLs and send emails to addresses not marked-up as HTML links.

https://addons.mozilla.org/en-US/firefox/addon/6003

Tab URL Copier 1.1.9

Copies the URLs of all open tabs. Puts ‘Copy Tab URLs’ item in right click menu of tabs and Edit main menu. Useful for bibliographies, quickly sending someone a list of pages to view etc. Can now open tabs from previously copied…

https://addons.mozilla.org/en-US/firefox/addon/2069

Wired-Marker 3.1.09060400

Wired-Marker(http://www.wired-marker.org/en/) is a permanent (indelible) highlighter that you use on Web pages. The highlighter, which comes in various colors and styles, is a kind of electronic bookmark that serves as a guide when you revisit a Web page. The highlighted content is automatically recorded in a scrapbook and saved.

https://addons.mozilla.org/en-US/firefox/addon/6219

YSlow 2.0.0b6

YSlow analyzes web pages and why they’re slow based on Yahoo!’s rules for high performance web sites.

https://addons.mozilla.org/en-US/firefox/addon/5369

FireShot 0.78

FireShot is a Firefox extension that creates screenshots of web pages (entirely or just visible part).

Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

The captures can be:

– uploaded to FREE public screenshot hosting
– saved to disk (PNG, GIF, JPEG, BMP)
– printed
– copied to clipboard
– e-mailed
– sent to configurable external editor for further processing.

https://addons.mozilla.org/en-US/firefox/addon/5648

Text Area Resizer & Mover 1.80

Allows to easily resize or even move textareas.

https://addons.mozilla.org/en-US/firefox/addon/8287

Other ones I recommend are FireQuery, Poster, Delicious, and Formbug.

Run Program, Resize it, Relocate it

My work often changes. I could be doing programming, then systems administration, then quality assurance. I often have to change from different toolset to toolset and I find it annoying sometimes having to rerun programs and moving them to the same locations. Then resizing. Eech. This is especially frustrating when I’m doing testing and I have to debug and read requirements all at the same time. One handy thing to do is to use AutoHotkey, the great scripting tool.

Here’s a handy script I put together that opens up two different programs, moves them on the screen and resizes the Window. Just copy and paste the same block of code for each program to open as may apps as you want with whatever on-screen configuration you want.

; Run Note.exe
; WinMove, WindowTitle, WindowText, X-Axis, Y-Axis, [, Width, Height]
Run, note.exe
WinWait, Untitled - Notepad2
WinGetPos,,, Width, Height, Untitled - Notepad2
WinMove, Untitled - Notepad2,, 500, 500, 200, 200

; Run your browser with the following URL
Run, www.google.com/search?source=ig&hl=en&rlz=1G1GGLQ_ENUS313&=&q=tigers&aq=f&oq=&aqi=g5g-z1g4
WinWait, tigers - Google Search - Mozilla Firefox
WinGetPos,,, Width, Height, tigers - Google Search - Mozilla Firefox
WinMove, tigers - Google Search - Mozilla Firefox,, 900, 200, 300, 400