Tag Archives | web designer

Best of the Web Development Add-ons

Most Popular Firefox Web Development Tools

One thing is for sure, with the correctly equipped Firefox browser, you too can become a better web designer or developer. How so? Well, Firefox has some really great tools for both of these jobs. Finding the one that doe the best job, is another job all on it’s own.

Firefox has a lot of web development add-ons you can use, however these are the best of the best at what they do.

  • Console² – Console² (pronounced Console Squared or Console Two) replaces the JavaScript Console with what could be the next generation Error Console. From v0.5 includes the Console Filter extension previously available separately from the Console² website.
  • User Agent Switcher – The User Agent Switcher extension adds a menu and a toolbar button to switch the user agent of the browser.
  • Firebug – 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.
  • MeasureIt – Draw out a ruler to get the pixel width and height of any elements on a webpage.
  • FoxyProxy – 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, TorButton, etc.
  • FirePHP – FirePHP enables you to log to your Firebug Console using a simple PHP method call. You must have Firebug installed and the “Net” panel enabled to use this extension.
  • ColorZilla – Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies. Perfect color picker tool for Firefox.
  • Stylish – Perfect for testing those tiny CSS tweaks, you can also restyle the rest of the web too with this unique user styles manager.
  • View Source Chart – Graphically displays HTML tag boundaries, nesting tag orders, structure and hierarchy. In other words, it makes it all pretty looking.
  • Web Developer – The Web Developer extension adds a menu and a toolbar with various web developer tools.

Disagree or have your own suggestion for the perfect web designer or web development add-on that should be on this list? Drop in a comment and let us know. We’d love to hear your feedback!