Firefox Addons

Sun, Apr 4, 2010

Resources

A little,but powerful compilation of my most used firefox addons for design and development.

Seriously, that’s it. These tools make my life so easy. The first three I cannot live without, and the fourth is still pretty sweet too. Now lets get a little more into it.

Colorzilla

Puts an eye dropper tool in the bottom left of your browser. Click on the tool, then click anywhere in your browser to grab the hex/rgb color code. If you double click on the tool after you choose a color it will open a palette. From there you can click similar colors. Click on the the selected color and it will give you a web-safe equivalent.

I have used this very often for over 5 years. Say you design a logo and want to color your font or background to match. This tool would come in handy for that.

Measureit

Sometimes you need things to fit just right without using %’s. This will place a ruler to the right of colorzilla’s tool. Click on the ruler then click and drag anywhere on your browser to measure in pixels.

If you need to measure a flash object it will tend to disappear once you click the ruler. However if you add a background color to the flash object that will help you visualize. If it’s not your flash object you want to measure you can add a background color by editing the css from the Web Developer toolbar that I’ll get to soon.

Web Developer

The incredible things this addon does will not fit into a blog post. I’ll share some examples and hopefully it will convince you to download it.

  • Outline elements on a page IE: frames, divs, tables, anything you mouse over.
  • Resize window to preview how others with smaller monitors might view your site.
  • Validate HTML, CSS, feeds, links.
  • View source of page, frame, etc..
  • Enable & disable Java, JavaScript, images, cookies etc…
  • Several form functions.

Convinced yet? Try it! It’s worth having an extra toolbar I promise

Screengrab

This little tool is placed in the lower right corner of your browser. If gives you the option to take a screenshot of an entire site, the part you just see or a selection.

It will save the screenshot to either your clipboard or an image.

,

Leave a Reply