13 helpful Firefox add-ons for designers and developers

23. April 2008 15:46 by Janko | Comments (7)

Last time I presented you 3 must-have IE add-ons that I use for design and development. This time I'll show you 13 helpful Firefox add-ons that I also use.

1. CSSViever

This is a simple hover CSS property viewer. Simple, but yet - very useful.

CSS Viewer

2. ColorZilla

This tool enables you to pick up a color from any point in your browser and reuse it in other applications.

ColorZilla

3. Palette Grabber

Creates a color palette for Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, or OS X based on the current page.

4. ScreenGrab!

Screengrab! saves entire webpages as images. It will save what you can see in the window, the entire page, just a selection, a particular frame...

5. Measureit

Draw out a ruler to get the pixel width and height of any elements on a webpage.

Measureit

6. View Formatted Source

Displays formatted and color-coded source and optional CSS information for each element. You can see exactly which CSS rules match for an element. The rules are displayed including file name and line number.

View Formatted Source

7. Console²

Console² (pronounced Console Squared or Console Two) replaces the JavaScript Console with what could be the next generation Error Console.

Console

8. FireBug

This well known tool 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.

Firebug

9. Web Developer

Adds a menu and a toolbar with various web developer tools.

Web developer

10. CS Lite

This extension will allow you to easily control cookie permissions. This is a lighter, scaled down version of CookieSafe. It contains less features, but is considerably easier to use.

11. JS View

All browsers include a "View Source" option, but none of them offer the ability to view the source code of external files. You can use the JSView extension to solve the problem.

12. UrlParams

Shows you the GET and POST parameters of the current website in the sidebar. You can alter their values, add new parameters, switch get/post and more.

13. Regular Expression tester

Regular Expressions Tester offers developers functions for testing their regular expressions.
The Tool includes options like case sensitive, global and multiline search, color highlighting for found expressions, a replacement function incl. backreferences, auto-closing of brackets, testing while writing and saving and managing of expressions.

Regular Expression tester

Currently rated 4.7 by 9 people

  • Currently 4.666667/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tags: , , | Categories: Design | Development
E-mail | Permalink

Comments

önder on May 17. 2008 17:33 wrote:
good list.
restaurant software on May 20. 2008 13:27 wrote:
i like firebug.
Yannis on May 21. 2008 01:48 wrote:
This tools are great. Makes life easier. I like the CSS viewer. When ever I see a design I like, I usually look at the html source code, then will call up the css style. The CSS Viewer save two steps.

Thanks!
Asma on May 23. 2008 07:15 wrote:
Awesome blog ... and very helpful!

//Pakistan's not in the list BTW Smile
Janko on May 23. 2008 13:55 wrote:
Thank you Asma, I'll add Pakistan in next version ov my blog Smile It is initially not in BlogEngine.NET list. I'll have to check other countries as well. Sorry for that.
Lee on May 31. 2008 18:07 wrote:
Thanks I had missed that CSSViewer!! I only ever use Firebug but I'll give this one a whirl
xxcemil on May 31. 2008 22:01 wrote:

Add comment


 

  Country flag

biuquote