Web developer’s toolbox for FireFox
Speed up the development process by using add-ons to troubleshoot, edit, and debug web projects without ever clicking away from Firefox.
Tamper Data
Use tamperdata to view and modify HTTP/HTTPS headers and post parameters. Trace and time http response/requests. Security test web applications by modifying POST parameters.
FYI current version of Google Web Accelerator is incompatible with the tampering function of TamperData. Your browser will crash.
Tamper Data
YSlow
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page’s performance, summarizes the page’s components, displays statistics about the page, and provides tools for performance analysis, including Smush.it™ and JSLint.
Yslow
MeasureIt
Draw out a ruler to get the pixel width and height of any elements on a webpage.
MeasureIt
ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies.
With 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…
ColorZilla
ShowIP
Show the IP address(es) of the current page in the status bar. It also allows querying custom services by IP (right mouse button) and hostname (left mouse button), like whois, netcraft. Additionally you can copy the IP address to the clipboard. This extension was formerly known as ipv6ident.
If only the domain name is shown and not the IP address, check the setting of the network.proxy.socks_remote_dns preference. It has to be turned off for proper operation. Alternatively you can try
the version available at http://firefox-showip.googlecode.com/files/showip_0.8.17pre2.xpi where a switch in the preferences dialog has been added to force ShowIP to do DNS look-ups.
ShowIP
FireFTP
FireFTP 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, SFTP, SSL encryption, search/filtering, integrity checks, remote editing, drag & drop, file hashing, and much more!
FireFTP
Pixel Perfect
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.
By toggling the composition on and off, the developer can visually see how many pixels they are off in development.
Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.
PixelPerfect
Web Developer
The Web Developer extension adds a menu and a toolbar with various web developer tools.
Web Developer
Firebug (favourite)
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
Live HTTP Headers
View HTTP headers of a page and while browsing.
Live HTTP Headers
FoxyProxy Standard
FoxyProxy is a Firefox extension which automatically switches an internet connection across one or more proxy servers based on URL patterns. Put simply, FoxyProxy automates the manual process of editing Firefox’s Connection Settings dialog. Proxy server switching occurs based on the loading URL and the switching rules you define.
Animated icons show you when a proxy is in use. Advanced logging shows you which proxies were used and when. QuickAdd makes it a snap to create new URL patterns on-the-fly. FoxyProxy is fully compatible with Portable Firefox, has better support for PAC files than Firefox itself, and is translated into more than 25 languages.
FoxyProxy Standard
You might also like to consider the designer side of things with the Slickhound toolbar – It contains around 300-400 links to the best designer stuff on the web, like web builders, on-line applications, photoshop brushes, textures, etc. typographic tools and more like that. a really great tool bar.
you can download it here: http://www.wix.com/SlickHound/Index/
Hi Ronen,
Thanks for the suggestion..it looks very interesting, maybe i will post a new list of ad-dons soon for the web designer’s toolbox.