Using Firefox as a Web Development Tool
Author of this post: Jen Huls | About Blog Authors »
Some folks aren’t aware how powerful Firefox is for web development. There are several extensions available to help with our job of designing web sites. Below is a short list to help get you started.
• The Web Developer Toolbar: [http://chrispederick.com/work/webdeveloper/]
Adds a menu and a toolbar with various web developer tools.
• Colorzilla: [http://www.iosart.com/firefox/colorzilla/]
Advanced Eyedropper, Color picker and Page zoomer
• MeasureIt: [http://www.kevinfreitas.net/extensions/measureit/]
A ruler to measure your screen with
• HTML Validator: [http://users.skynet.be/mgueury/mozilla/]
Adds HTML validation to the ‘View Page Source’ of the browser
• Screen Grab!: [http://andy.5263.org/screengrab/]
Takes a screen shot of your web page.
March 12th, 2007 at 6:57 am
If I could only have one Firefox extension for web development, it would be Firebug. I was reluctant to try it at first, because I thought the web dev toolbar did everything I needed, but since I’ve been using it I’ve found it to be indispensable for web development. It’s well worth trying.
Also, unless you prefer MeasureIt, you can get by with the on-screen ruler in the Web Developer Toolbar (it’s hidden under the Miscellaneous menu).
March 17th, 2007 at 11:47 pm
Kevin-
Thanks for the tip. I’ll have to look at Firebug and check out the ruler in the Web Developer Toolbar. The one thing I really like about MeasureIt is that it sits in the left-hand corner of my status bar so there’s easy access to it.
March 25th, 2007 at 1:00 pm
Great post. I use the web developer toolbar constantly. It’s great for diagnosing problems too. I’d definitely look forward to seeing a part 2 for this post. :)
March 28th, 2007 at 12:07 pm
I second and third the use of Firebug and the Web Development toolbar, although measureIT and color picker are great. The one thing I don’t like about firebug, is that i forget to turn it off and it starts debugging sites which I can’t control anyway. But, that’s my problem.
April 8th, 2007 at 12:03 pm
I searched a long time for such an great article. Thank you
August 12th, 2007 at 3:33 am
Cool.
[URL=http://eleanor-car.dodgedakota.cn/used-2007-suzukis.htm#] used 2007 suzukis [/URL]
http://eleanor-car.dodgedakota.cn/used-2007-suzukis.htm used 2007 suzukis
[URL=http://subaru-world.dodgedakota.cn/pro-stock-dodge-diecast.htm#] pro stock dodge diecast [/URL]
http://subaru-world.dodgedakota.cn/pro-stock-dodge-diecast.htm pro stock dodge diecast
[URL=http://chrysler-swindon.dodgedakota.cn/g35-infiniti-new.htm#] g35 infiniti new [/URL]
http://chrysler-swindon.dodgedakota.cn/g35-infiniti-new.htm g35 infiniti new
[URL=http://eleanor-car.dodgedakota.cn/car-sunviser-promo-products.htm#] car sunviser promo products [/URL]
http://eleanor-car.dodgedakota.cn/car-sunviser-promo-products.htm car sunviser promo products
[URL=http://subaru-world.dodgedakota.cn/citroen-tv-ad-download.htm#] citroen tv ad download [/URL]
http://subaru-world.dodgedakota.cn/citroen-tv-ad-download.htm citroen tv ad download
August 12th, 2007 at 4:13 am
Cool…
[URL=http://lancia-delta.volvouk.cn/jim-burke-ford.htm#] jim burke ford [/URL]
http://lancia-delta.volvouk.cn/jim-burke-ford.htm jim burke ford
[URL=http://car-style.volvouk.cn/audi-allroad-3rd-row-seat.htm#] audi allroad 3rd row seat [/URL]
http://car-style.volvouk.cn/audi-allroad-3rd-row-seat.htm audi allroad 3rd row seat
[URL=http://chevrolet-vehicles.volvouk.cn/land-rover-discovery-vs-lx450.htm#] land rover discovery vs lx450 [/URL]
http://chevrolet-vehicles.volvouk.cn/land-rover-discovery-vs-lx450.htm land rover discovery vs lx450
[URL=http://lancia-delta.volvouk.cn/w-j-ford-communist-vice-president.htm#] w j ford communist vice president [/URL]
http://lancia-delta.volvouk.cn/w-j-ford-communist-vice-president.htm w j ford communist vice president
[URL=http://bismarck-honda.volvouk.cn/volvo-940.htm#] volvo 940 [/URL]
http://bismarck-honda.volvouk.cn/volvo-940.htm volvo 940