Wednesday, June 18, 2008

12 Firefox Extensions for Web Designers

I just updated Firefox to Version 3.0 and although I still have to test pages in IE for the web, I exclusively use the mozilla based browser for all my surfing needs. Firefox's use of extensions greatly enhances it's functionality and there are a number of great plug-ins for the web professional. Here are 12 that I use and have found very helpful.

Screengrab! 0.95
Screengrab saves entire webpages as images...
FireShot is a Firefox extension that creates screenshots of web pages. Unlike other extensions, this plugin provides a set of editing and annotation tools, which let users quickly modify captures and insert text and graphical annotations.
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
Draw out a ruler to get the pixel width and height of any elements on a webpage.
JavaScript Debugger
a powerful JavaScript debugging environment for Mozilla based browsers.
Add a menu options and a toolbar icon to make importing images into Picnik easier.
Autofill Forms
Autofill Forms enables you to fill out web forms with one click or a keyboard shortcut.
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
Web Developer
Adds a menu and a toolbar with various web developer tools.
YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.
A simple CSS property viewer

Let me know if you have any favorites and i will add them to the list ;)


No comments: