18 FEB

10 Must-Have Firefox Add-ons for Web Developers

Firefox LogoSee 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 ColorZilla


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 MeasureIt


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 Cooliris


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!”

screengrab Screengrab


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!”

firebug Firebug


Firebug allows you to inspect and change webpage HTML & CSS in real-time. Firebug also has one of the most advanced JavaScript debuggers available for any browser!

From the Author: “Firebug integrates with Firefox to put a wealth of development tools at your fingertips whilst you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.”

foxyproxy FoxyProxy Standard


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.”

tamperdata Tamper Data


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.”

webdeveloper Web Developer


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.”

xmarks Xmarks


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 FoxTab


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.”

Tags:

Written by Darryl October

Darryl is a Web Developer for Evoluted focusing on building user-friendly bespoke web applications. In his spare time, he plays guitar in his band, cycles, climbs, goes to the gym and socialises with friends in the local pubs around Sheffield! Read more posts by Darryl October

Free social media icons for every subscriber

Sign up to our mailing list to have new updates delivered straight to your inbox. Every subscriber will get a free pack of social media icons!


Leave your comment