Tag Archives | web developer

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!

Not All Toolbars Are Evil

Toolbars Can Be Good

Having seen the phase of toolbar upon toolbar come our way in this browsing generation, many have been labeled as evil space wasters that must be done away with.  However, I do have to say not ever toolbar out there is evil.  Now I don’t think you should ever become this crazy, but used in the right way they can be handy. 

Look at these handy toolbars you can add to Firefox:

  • Forecastfox – Get international weather forecasts from AccuWeather.com, and display it in any toolbar or statusbar with this highly customizable and unobtrusive extension.
  • Google Toolbar – Ok, I haven’t really used the Google Toolbar in half a decade, however it does still have a few handy things about it.
  • Fire.fm – It gives you access to the extensive music library on Last.fm. Last.fm gives free radio to the US, UK, and Germany, plus subscriber-based service to the rest of the world. Listen to your favorite music and discover new artists in the process.
  • Web Developer Toolbar – The Web Developer extension adds a menu and a toolbar with various web developer tools.

So see – not every toolbar is bad.  Are there any more toolbars you really enjoy?  Don’t be afraid, share with the rest of us in the comments.