6 Comments

Summary:

Recently three Firefox extensions have made their way into my everyday usage: CyberSearch, ColorZilla, and the HTML Validator. All three have been stable and useful in Firefox 3.0 on OS X. Read the post for details.

As a web developer, I spend a lot of time in Firefox – indeed, according to Slife monitoring, it’s my most-frequently-used application. Part of this time is simply reading web pages and checking sites, but some of it is because Firefox has quietly morphed from being a browser to being an application platform. With thousands of add-ons available, Firefox has become an easy way for me to have a variety of useful applications available as I move from computer to computer and operating system to operating system.

Recently three more extensions have made their way into my everyday usage: CyberSearch, ColorZilla, and the HTML Validator. All three have been stable and useful for me in Firefox 3.0 on OS X. Read on for the details.

ScreenshotCyberSearch is designed to extend the functionality of the Firefox “awesome bar.” The awesome bar (and its incremental search of your bookmarks and history) seems to be one of those innovations that people either love or hate; if you hate it, move on to the next add-on. But if you love it, take a look at CyberSearch, which integrates Google search results in with your history and bookmarks. You can set up searches of specific Google properties (like news or images), color-code the results so they stand out, and adjust the size of the address bar result list. I haven’t quite decided to remove the search box from my Firefox yet, but with this extension, I’m getting close.

ScreenshotColorZilla, as you can probably guess, is a color-management utility. It incorporates simple color-picking functionality – showing you the color beneath the cursor, and letting you copy it to the clipboard in a variety of formats – but there’s much more here. It also includes color palette management, letting you see the palette from any web page together with the CSS rules that control each color, plus bookmarking and sharing of palettes (including ones you make up yourself). You can jump from color-picking straight to the Firebug inspector for any element. You can measure pixel distances and zoom in for more precise operations.

ScreenshotHTML Validator incorporates the functionality of HTML Tidy and the W3C Markup Validation Service – and does it entirely on your own computer so that you don’t have to ship pages off to other sites to check. The add-on automatically checks pages as you load them, and shows the status – number of errors and warnings – in the Firefox status bar. Double-click this if there are errors, and you get a much more details rundown, showing the page markup and what’s wrong with it. From there you can jump to Htmlpedia for more information or automatically produce a cleaned-up version of the page source.

Software being what it is today, there are alternatives for the functions of these three add-ons. You can search Google through its own UI, investigate colors with an application like CSSEdit, or use the online HTML validators. But I find that shaving keystrokes and avoiding window-switching increase my productivity – which is what makes these extensions winners for me.

You’re subscribed! If you like, you can update your settings

  1. Gareth Jones Tuesday, July 8, 2008

    These are really good.

    WebDeveloper is also quite comprehensive

    http://chrispederick.com/work/web-developer/

  2. Hmmmm…

    OpenDNS informs me that the HTML Validator
    url is a Phishing site??

    Wonder what the problem is?

    http://phish.opendns.com/?url=users.skynet.be/mgueury/mozilla

  3. Mike Gunderloy Tuesday, July 8, 2008

    That’s odd, Joe. Neither Firefox’s nor Google’s phishing protection kicks in on the site, though, so I think it’s likely safe.

  4. Yup i have the same problem with opendns as well. Hopefully you filled out the form like me telling them its not a phishing site. To view the site just search the url in google an use the cached link to view the page. Opendns should give u the option to by pass their BS when they are wrong.

  5. CyberSearch is the one I am using right now, but the other two also seems interesting as I love FireFox.

  6. Don’t know why FireBug wasn’t mentioned, but I’ll take the freedom to recommend it. I can’t live without it.

    FireBug
    https://addons.mozilla.org/en-US/firefox/addon/1843

    Also, try Yslow
    https://addons.mozilla.org/en-US/firefox/addon/5369

Comments have been disabled for this post