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
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.
ColorZilla
Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies...
MeasureIt
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.
Picnik
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
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
YSlow analyzes web pages and tells you why they're slow based on Yahoo's rules for high performance web sites.
CSViewer
A simple CSS property viewer

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

+dwebb

No comments: