Out of the thousands of cool add-ons out there for Firefox, Chrome, and other popular Web browsers, only a select few make it onto the desktops of professional Web developers and designers. Which are the most useful for the day-to-day work of designing and developing websites?
Computerworld asked more than 20 professionals from across the country what they recommend to their colleagues and why. While they stuck mostly with free browser extensions, they couldn't resist throwing in a few highly useful tools and services that are accessed via a browser rather than being true add-ons.
[ Also check out 10 must-have Google Chrome add-ons. | Discover what's new in business applications with InfoWorld's Technology: Applications newsletter. | Get the latest insight on the tech news that matters from InfoWorld's Tech Watch blog. ]
Here's their hot list, where you'll find some old favorites and, we hope, discover some new tools for your arsenal.
Code inspection, editing and debugging
These three tools make the job of viewing website code and prototyping page changes fast and easy. No need to touch the live code until you're ready to commit to changes.
Authors: Joe Hewitt, Jan Odvarko, Rob Campbell, Firebug Working Group
Browsers supported: Firefox (Firebug Lite bookmarklet version available for other browsers)
Where to get it: Install Firebug for Firefox or Firebug Lite for other browsers
What it does: Inspects, edits and debugs website code within your browser.
Who recommends it:
- Matt Mayernick, vice president of Web development, Hudson Horizons in Saddle Brook, N.J.
- Josh Singer, president, Web312 in Chicago
- Richard Kesey, president and founder, Razor IT in Syracuse, N.Y.
- Ryan Burney, lead Web developer, 3 Roads Media in Greenwood Village, Col.
Firebug inspects the code by presenting the HTML and the CSS code in two side-by-side windows. "Firebug is indispensable. What's cool is you can turn styles on or off or add styles on the fly. It lets me make changes live on the page without having to save or reload the files," says Burney.
What it does: Provides a toolkit for viewing, editing and debugging websites.
Who recommends it: