So when it comes to web development and design there are many useful tools out there that make life a whole lot easier. Thanks to a few amazing Firefox addons we can do things such as edit CSS and see how it looks before we hit save. We are also able to find colors and take screen captures fairly easily as well. When it comes right down to it Firefox is a tool all in itself.
To find any Firefox addons: https://addons.mozilla.org/en-US/firefox/
1. Firebug - This is the ultimate tool when you are web designing. It makes it possible to sticky select CSS on a web page and you can then edit it and see how it looks. If you dont like it, just refresh and voila your site has not changed a bit. If you like it copy and paste it. When you rollover your hexadecimal colors it brings up a sample of the color; it even brings up a thumbnail of images in your CSS. It also allows you to edit the source file of your site. Note: The changes you make are never saved to your site, nor can anyone else but you see the changes you make. Check out there site.
2. Delicious Bookmarks - If your like me you have hundreds of bookmarks of tutorials, tips, and really cool web designs. The problem is that these can become cumbersome to find 1 out of 100 in Firefox's bookmarks, luckily the Delicious addon makes it simple. Delicious.com is a site for storing bookmarks on the web. The major advantage of this is you can access your links on any computer with the internet. The other great feature is you can tag your links and search for the right tags to find the site you need fast. The Firefox addon puts this all right next to your url's.
3. Colorzilla - It can be hard to remember all the colors you have used on your site, with Colozilla all you have to do is hover over the color and it will give the hexadecimal value of what you are rolling over. This saves a lot of time! Check out there site.
4. Web Developer - This tool is very similar to Firebug, it also can sticky to CSS. You can edit CSS in it to, but it is a little more basic (it doesn't have roll over colors and thumbs). It has a really nice feature that shows you all the images on a web page with their file sizes and dimensions. Another nice feature is the quick link to a validator for your web page. I use this tool and Firebug interchangeably, they both complement the other.
5. Fire Shot - You always need a good screen capture software if your a designer. You have to have a few showcases after all. Fire Shot lets you make a capture of just the part of the page you are looking at, or you can capture the entire page. The nice thing is that it greats an extremely high quality PNG file that is fairly easy to edit. There is a free version and a pro, I don't know what the difference is but the free version works great. Visit their site.
There you go, if you have anything I missed just comment and I will be sure to write additional addons in.