logo

FireFox extensions for designers

logo

When developing a website I use a few FireFox extensions, so I thought I would share.

Web Developer – This is a tool you can’t live without. You can disable css, JavaScript, reveal passwords. One of the coolest things it does is outline elements & block elements.

1.png

View formatted source – This one is not as well known as the other I mentioned, when you view the page source with this tool you can hover to see the related style block.

2.png

Screengrab – Need to match colors or import an image, this tool works great for that. It will grab a screenshot of the entire page, viewable area, or jut your selection. It will save it as a png, jpg or gif, your choice. It also allows you to copy the image to your clipboard.
untitled-3.jpg

Firebug - I probably don’t have to tell you about this one. But just in case; this plugin allows you to do live edits on the source of any website.

firebug.png
MeasureIt – Allows you to measure a selection on a webpage.
measureit.png

ColorZilla – Need to get the color code for something you find on a page. This will do it.
colorzill.png

Related posts:

  1. Free WordPress Theme Loopy Rainbow
  2. New WordPress Theme:Squeeze Page
  3. WordPress Plugin tutorial part 1 Planning
  4. Fireworks to Photoshop part 2
  5. Adding A Guest Blogger Intro Block

Leave a Reply

CommentLuv Enabled
logo
logo
Powered by Wordpress | Designed by Elegant Themes