10 Must-Have Firefox Add-ons for Web Developers
See below for a highly recommended list of tools which will enable you to test, develop, mock, visualise and troubleshoot your website projects in Mozilla Firefox.
ColorZilla is not just your average colour picker; the add-on boasts additional features such as an advanced eyedropper, page zoomer, palette browser and colour conversion readouts as well as other colourful goodies!
From the Author: “With ColorZilla you can get a colour reading from any pixel in your browser viewport, quickly adjust this colour 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 colours from pre-defined colour sets and saving the most used colours in custom palettes. DOM (Document Object Model) spying features allow you to get various pieces of information about DOM elements quickly and easily.”
MeasureIt gives you instant pixel readings for distances between elements within your Firefox browser window by overlaying a box on the page. Simply draw a box and see for yourself!
From the Author: “A tool where you can draw a ruler/box across any webpage to check the width, height, or alignment of page elements in pixels.”
Cooliris simplifies how you find, view and share photos and videos. Whether you’re browsing the Web or your desktop, Cooliris presents media on an infinite “3D Wall” that lets you see the content without clicking page to page.
From the Author: “The Cooliris 3D Wall is the fastest and most stunning way to browse photos and videos from the Web or your desktop. Effortlessly scroll an infinite “3D Wall” of content from Facebook, Google, YouTube, Flickr and more. Even watch TV shows & movies!”
Copy, or save to a file, anything that you can see in your Firefox browser window, regardless of whether the page has scrolling or not. Files are saved as PNGs.
From the Author: “Screengrab saves webpages as images. It will capture what you can see in the window, the entire page, just a selection, a particular frame…basically it saves webpages as images – either to a file, or to the clipboard. It even captures Flash visuals too!”
FoxyProxy can automatically switch internet connections across one of more proxy servers, based on URL patterns.
From the Author: “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 and TorButton.”
Track, view and modify HTTP/HTTPS request. Tamper data allows you to security test your web applications by tracking requests and responses.
From the Author: “Tamper Data will allow you to view and modify HTTP/HTTPS headers and post parameters. You can also trace and time HTTP response/requests. Tamper Data is an all-round useful tool for security testing web applications, by modifying POST parameters.”
A Firefox (and Chrome) extension that adds a wealth of web developer tools to the browser.
From the Author: “The Web Developer extension adds a menu and a toolbar with various web developer tools. The tool list is practically endless! Full features list at: The Developer’s Website.”
Synchronise and backup your browser bookmarks, passwords and open tabs and then view them on any computer/browser. An excellent tool for keeping your bookmarks organised and current.
From the Author: “Xmarks is one of the most popular bookmarking add-ons. It allows you to keep your bookmarks, passwords and open tabs backed up and synchronized across computers and browsers.
FoxTab is a browser tab management Firefox add-on offering features like Top Sites (aka Speed Dial), Tab Flipper and Recently Closed Tabs.
From the Author: “FoxTab brings innovative ‘3D’ functionality to Firefox. You can also use it for “Speed Dial”, like with Opera, for example. Cycle through open tabs across multiple browser windows.”