Six Revisions

firebug by far

Feabionsu

I definitely vote Firebug! :-) And I love your blog, and have already been a long-time subscriber. My email address is dmytromuzychenko/at/gmail/dot/com. Thank you for hosting such a fantastic contest!

Frank

I’ve been a long time fan of Web Developer toolbar so that gets my vote.

chazzuka

vote for Firebug, it helps me a lot especially when debugging ajax scripting

Tad

I vote Firebug, great tool to help see some tricks of the trade for CSS.

My email is tad.ward/at/gmail/dot/com

Eddie

Firebug is king. It saves me tons of time!

mitchell

i (shamefully) have to use the IE developer’s toolbar on a daily basis for my 9-5 job. however, it is actually a very useful plugin and easily saves me hours of time a week. has all the stuff i need with few things i don’t.

milestogofromhere

On this one it is almost a tossup between Firebug and the Web Developer Toolbar. I think I will have to go with Firebug since you can expand it to use FirePHP and YSlow though in the end even though I use both of them extensively.

CreamScoop

Firebug is definitely a must for any web developer, my vote is for it :)

Jerad Hill

I am a huge fan of Firebug

Tastyfrog

Firebug is the way to go. It makes it soo much easy to debug javascript.

sharpski

Firebug. Might be a boring contest because I can’t imagine a more useful and necessary tool…

Bloodylag

Firebug should be installed on every web development machine, its practicality makes it stand out from the rest.

Chad

Firebug + YSlow is unbeatable. My productivity at work is zero without Firebug.

Vince

Another vote for Firebug, although I use the web developer bar quite a bit too.

But firebug plus firephp! WOOOOO

Max

Firebug is essential. It breaks down the switching between Firefox and your editor of choice to a minimum.

Mark

Definitely “Web Developer” – it is lightweight and ideal for experimentation and developing sites.

Fatal

Firebug, because AJAX rulez and there is and never will be bug-free programming out there ;-)

Eric Norton

Toss in my vote for Firebug…just like practically everyone else.

Jay

Web Developer!

& the second: HTML Validator (http://users.skynet.be/mgueury/mozilla/)

thecancerus

Firbug is the best webdev tool

Garrett Fidalgo

Totally Firebug all the way. I use it every day.

Enrico

Do you remember when you wrote your first javascript code at the end of the last century? Do you remember the pain when you had an error somewhere? :)

Firebug on Firefox, Web Inspector on Safari and a couple of bookmarklets: XRAY (http://www.westciv.com/xray/index.html) and Design (http://www.sprymedia.co.uk/article/Design).

Andrew Odri

I am going to go with Firebug too.

That said, the Internet Explorer Developer Toolbar has some very nice, on the fly HTML, CSS and Javascript editing available…

Kevin Bondelli

I am going to have to go with Firebug here. It is great at helping isolate individual elements.

Michael

I’m not sure if it qualifies as an in-browser web development or web design tool, but my favorite tool has to be the Picnik image editor.

Phil Brangers

I often use the Web Developer toolbar not only for debugging my own sites, but for figuring out how other people do stuff. I often am surfing around and see some technique that blows me away. So I sift quickly through all the id and class info to figure out where the code is and how its done. Its also handy for quickly resizing the browser window to view sites at different resolutions so you know what others see.

Firebug is prolly a close second only because I have been using WebDev Toolbar longer and they are amazing when used together.

To a lesser development degree I have come to love Adobe Kuler for creating and finding attractive color schemes

verowhite

I would have to choose Firebug. Web Developer really close though!

Jorn

Another vote for Firebug. Essential!

Marco

Firebug + Yslow :0) i love them!

Johan Forngren

firebug for sure. The editing features, javascript debuging + firephp/yslow is a killer

Davide

Firebug is the best

Steve

Firebug get’s my vote. I’m just starting out in web dev and it’s invaluable.

Dennis

Firebug FTW! :) Just love it.

Bruzli

Firebug gets my vote

Andrew Gatenby

Firebug, by an absolute mile. I couldn’t imagine being half as productive without it!

Contenders for a runner up in my eyes would be Web Developer Toolbar, HTTPFox and Colorzilla.

Rishi Luchun

oooh tough choice, I personally use Web Developer toolbar, but I can see why Firebug is favourite. so I think my vote will go with firebug. I think its going to win the vote like Obama!!

nibbo

Firebug! I do however find the web developers toolbar to be easier to use for specific tasks.

roughy

FireBug for me

Mini0n

FireBug is awesome!

zedzdead

Firebug is unbeatable, but if you ever have a need to develop for the Opera browser, take a look at Opera’s Dragonfly

Blaze

Firebug for the win!

txarly

Seems everybody’s thinking in Firebug and I agree.

V1

Yes, firebug, yslow, web developer tool bar they are great development tools.
If it must be a real in browser tool, than I would vote for firebug.

But if we are also allowed to pick development tools that use a rendering engine of a browser, than I will vote for Dreamweaver CS4, especially the Live view function. Its runs on webkit, and allows you to use see what is happening during the development of your application.

Its basicly firebug for webkit ;)

jujudellago

Firebug by very far, I couldn’t live without it

aman

well for me maybe its IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419). Save me time to see how my web / blog looks in IE.

amrelgarhy

I vote Firebug

Jakob Buis

Firebug is the sole reason I’m using Firefox to build websites, instead of my favourite browser Opera, which I use for everything else. Nuff said :P

Steve Judd

Firebug is tops!

Felipe

Firebug of course!

Johan de Jong

Firebug (as Firefox extension) and FirebugLite (as in-site plugin).

Though, I can’t live without the Developer Toolbar, Delicious extension and the ScribeFire extension either…

Milan

Firebug is all I need right now :)

Siddharta

Another vote for Firebug ;)

Steve

Another vote for firebug, it’s extensibility with yslow and others makes it by and far the best tool.

Bram Van der Sype

Personally, I’m a huge fan of Firebug. I couldn’t live without it anymore!

Paulo

Web Developer toolbar rocks!

Erlend

Firebug, no doubt!

Razvan Pavel

firebug and webdeveloper toolbar at the same time, depends on what i have to do, sometimes i kinda write half the site in firebug

curt

I would have to go for firebug. By far the best tool.

weaH

Firebug roxxx!

roberto

Firebug. It changed my web developer’s life.

Nasim

Firebug is definitely the king!

saud

Firebug really helps out a lot!

Oli Kenobi

Web Developer Toolbar is the most useful.

Martin

Firebug always!
Thanks for this contest.

teraOm

Being a firefox user and an extension developer, i should probably give the edge to greasemonkey over firebug.

Though greasemonkey is a bit technical and little favoring the developers over designers, i should still say that greasemonkey is really powerful when used together with firebug.

strong vote for greaasemonkey

Marcus Neto

Firebug rulz ;-)

Steve

Firebug for sure!

Frederic

Firebug for sure! The best I ever used…

Steve B

IE developer’s toolbar is extremely useful, but Firebug has made me a faster, more capable developer over the years. I pity the fool that debugs without it.

J.R.

I have to give the nod to Firebug on this one. Brilliant tool and extensible!

Dave

Web Developer Toolbar

Rodrigo

I love both Web developer toolbar and Firebug, but my vote goes with Web Developer Toolbar”

Max Stanworth

i like web developer best, has ton of handy features and short cut keys that you can use quickly without entering the source, but also allows for editing css and xhtml in real time ( fire bug has the advange over this feature ) allows you to anable and disable a bunch of browser settings to see whats going on behind the scenes, has quick links to the validator services and allows you to add your own quick links should you need any. plus shed loads more

Web developer gets the vote but fire bug is useful at times.

also the color picker tool addon can become very useful to quickly grab hex values from web elements.

Todd

Web Developer toolbar

Gabe Diaz

Hands down “Web Developer” for Firefox. Edit inline CSS, HTML, review JS, hide images, outline Divs the lists goes on and on!

Emmett Cooke

Greasemonkey gets my vote :)

Casey

Definitely firebug.

I’m a full time developer on a large scale rails application, and page reloads locally take a looooong time. If I’m doing something front-end oriented firebug is an invaluable tool to be able to edit CSS without reloading.

Aaron Irizarry

I am really partial to firebug, and probably web developer toolbar

Gilbert

Firebug is by far the most used.

Sean

I absolutely love FireBug! It has awesome functionality!

Danny McClelland

Hey!

Great competition! I vote FireBug!

Danny

Robbe

Firebug always helps me so much.

Eric Granata

Firebug

Juan Ortega

I love both, but i prefer firebug, he saved my ass on every project im in. lol

Greetings From Nicaragua

Kieren

Definatly firebug!

Ahmed Amanatullah

Web Developer Toolbar

Kevin May

I love firebug the most, web developer toolbar second.

Don

Firebug is the king of all in-browser tools!

AdrianMG

FIREBUG.

chad

My vote goes to the web development toolbar but you gotta love firebug.

DArel

Web developer tool is great, but I find firebug to be far more useful in my everyday development.

FIREBUG for sure.

Raphyy

Though web developer seemed fine at first, firebug handles much more of the complicated web tasks like AJAX preview and all, not to mention the cookie editor and the PHP extension it has available.

Steve Tolley

I Love Firebug! Very useful when looking at CSS and finding out why something won’t do as it’s told on my website :D

And also ColorZilla is great when looking for Hex codes from websites…

Lonnie

Firebug rocks for sure.

Josh Drake

I’d have to go with Firebug, just because it has really good debugging features. I do like the Web Developer Toolbar for some of its cool features, but it just doesn’t do everything I need it to.

Rob Schultz

This one was a no brainer to me. Firebug. It’s quick and it works exactly as expected.

Dan Harper

Firebug definitely saves me loads of time, but I’m going to have to vote for the ‘IE Developer Toolbar’ as it’s saved me my sanity on numerous occasions :)

Gary Storey

Firebug is one of the greatest tools ever made for web developers.

Davide Espertini

firebug is the best!

Tim Larsen

I use Safari’s internal web development tools. Web Inspector is great.

clarklab

I’m a working web professional and I seriously would not be able to do my job without Firebug. Its easily the greatest web dev tool of all time.

Tam Cao

Firebug got my vote.

weblizzer

what i like most is the firebug, it almost has everything, i love the tools itself, all the features involved. It makes more easier to debug most specially for javascript.

Mike Brisk

Web Developer is by far the easiest and best Dev Tool.

Kate

Definitely Firebug!

Joe Mako

Firebug

simon

Have to go Firebug.

JamieO

Without Firebug you could not have YSlow so to an extent a vote for YSlow is also a vote for Firebug. But I am definitely voting for Firebug!

FireShot – http://screenshot-program.com/fireshot/ – is also another useful one for those who are still using Print Screen + Photoshop.

Benjamin M. Strozykowski

Web Developer Toolbar. I use this multiple times a day, and really enjoy the resize window feature.

Wow, I’ve never heard of or used Firebug, but I will certainly be checking it out after all of this good praise.

mdmaulana

Firebug, great tool to help see some tricks of the trade for CSS. Brilliant tool!

Russell Heimlich

No contest, Firebug! I don’t think this post will uncover any hidden web development gems.

Buzzlair Voufincci

i am a web developer toolbar heavy user for years. voting for it.

Shawn

One more vote for Firebug here!

Emanuel Felipe

Firebug, that tool is just great.

C. David Dent

I use Firebug far more than Developer Toolbar. While I couldn’t do half of what I need to do without Developer Toolbar, Firebug’s cross-platform logger has changed my development routine.

Firebug gets my vote.

Garro

firebug!

cory monteiro

firebug riles!!!

Spencer Barfuss

Definitely Firebug for CSS/XHTML work, and then Y-Slow for performance. You can’t get much better than that…

Glen Erickson

i figure firebug will get the most votes, but for us less-programmer-more-designer, the Web Developer toolbar is amazing.

I use it to scan CSS style information, disable styles, view outlines, the ruler, view passwords, etc – all a hundred times a day. its perfect.

ne-design

There are lot of good tools, but the best one for me is Firebug.

Brenelz

I would definitely say firebug. On top of firebug you can add many great tools such as YSlow, FireCookie, FirePHP, etc…

Mark Bowen

I vote for FIrebug first for Firefox on the Mac but I also love the Web Inspector on Safari as I prefer the browser.

Best wishes,

Mark

Evan

Firebug all the way!

chris maynard

If Firebug went private and started charging a monthly fee, they could not name a price I would not pay for it’s greatness.

Milan Zivkovic

My favorite, Web Developer toolbar!

Mike

Firebug has saved me so many times. It is definitely the best in-browser development tool.

Hannah Hu

Firebug, through and through. Web Developer Toolbar is a very close second, though.

Jannek

Firebug of course!

AndrewE

Tough call between Firebug and Web Developer Toolbar, but I would have to go with Firebug b/c it saves development time.

Sorin Stefan

Firebug!

BroOf

I think Firebug is the best one ;D!

Mayur Somani

Firebug, of course!

Agentfacebook

Firebug!

George Mandis

Firebug, easily. You can do everything from deduce bottlenecks to debug scripts.

DVQ

Firebug! firebug! FIREBUG!

Did I mention I like Firebug.

Alison

Firebug, hand down. MeasureIt is also a tool I use a lot as well.

Permana Jayanta

Web developer toolbar … it has many features … and useful ..

Mastergreed

Sorry, I can’t be different – Firebug ;). I started to use it after some tutorial on netTUTS, since then I can’t imagine my work without it, not mentioning how much I learned with it…

Ryan C. Karp

Firebug for me!

Ryan

Although I’ve heard great things about Firebug, I must admit I’ve stuck with my trusty Web Developer Toolbar for Firefox!

Richard Davies

Firebug. Firebug. Firebug.

Brian

web developer toolbar, with firebug as a close second

Ron

After using Web Developer for so long, I recently decided to start using Firebug and Firebug is definitely the winner.

Zac

Here are, in my opinion, the ultimate in-browser dev tools for web design.

Firefox:
– Firebug (http://www.getfirebug.com/)
It simply does everything…great for poking around your html and even better for debugging JavaScript.

Internet Explorer: (That browser that everyone hates)
– Developer Toolbar (www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038)
Browsing a page’s markup, DOM layout, clearing cache, etc.
– Fiddler (www.fiddlertool.com)
Monitor HTTP requests in realtime. Great for debugging AJAX applications, troublshooting browser caching problems, etc.
– Microsoft Script Debugger (msdn.microsoft.com/en-us/library/ms532989.aspx)
The most basic way to investigate JavaScript errors in IE (without this debugging js in IE is basically impossible)
– Visual Web Developer 2008 Express Edition (www.microsoft.com/express/vwd)
An even better way to debug a site’s JavaScript.

And then for IE you can also get stuff specific for your programming language. Visual Web Developer will of course also be good for ASP.NET debugging. NuSphere offers a IE toolbar for PHP development as well.

Anne Latham

I use all and like all three, but the one I would not give up is definitely YSlow, as page loading speed is one of my monster peeves.

Of course, that means I can’t live without Firebug, too, but I do have to vote for YSlow.

Justin

Got to be firebug!

Kyle

Firebug is by far the most useful. Not only does it make debugging a website a heck of a lot easier, it’s also useful when coming to a site that has an interesting plugin or script. It allows you to examine the script. Go firebug!

trippenmedia@gmail.com

Brad Frost

Web Developer Toolbar.

Ctrl+Shift+Y is my best friend.

Joel

Google Chrome’s Inspect Selection (like firebug, but on Chrome!)

Alex

Firebug. Werd.

Marcin

I vote for Firebug

Jason

httpFox for monitoring requests, firebug for everything else.

Roderick Solans

I use Firebug and Web Developer Toolbar a lot, and is actually difficult to choose just one as the best, because they kind of compliment each other.
Well, I guess that if I have to choose one it will (probably) be Firebug, it is essential while coding, finding nested CSS problems, and that inspect button, what a delight.

dominique

I also vote Firebug. didn’t know that there is such a handy tool for firefox :)

Manuchill

Can’t live a day without firebug
sometimes web dev toolbar is handy aswell

lyndsi

i love using firebug, but after all this praise for it i guess i’ll mention another good one that hasn’t been yet: x-ray by westciv
http://www.westciv.com/xray/xray_more.html

the ability to change the code on the fly isn’t there, but it does show you exactly what you’re working with

Josh Taylor

Firebug has no equal. It is my favorite.

Dien

Web Developer toolbar, it’s there it’s in your face it’s great.

Chris

Pretty much a tie between Web Developer Toolbar and HTML Validator (http://users.skynet.be/mgueury/mozilla/).

The latter saves me a lot of time and hassle, especially on intranet pages that can’t be accessed by the W3C validator.

Mehdi

I’d choose both Firebug and Web Developer toolbar.

They don’t replace each others, Firebug offers a lot of debugging and parsing (in code), whereas Web Developer toolbar heps parsing in a visual style and provides tools for validating and more.

Kevin

Firebug is the best for me. Has best integration of CSS, HTML, and Javascript in one convenient package.

Dave

I’m gonna have to go with Web Developer Toolbar.

Grewal

Firebug for sure. When coupled with Ftp addon FireFTP.

Eric Wendelin

Firebug all the way. It reshaped the way we debug the web UX

John Sanders

One word… Firebug. If I was forced to live on a desert island and I could only bring one in-browser development tool, it would be Firebug. The only way this tool could be better is if they developed an ActiveX version of it for IE.

Craig

Firebug

Joefrey

Web Developer Toolbar is a great tool for web developer…

Stefan Matei

Web Developer Toolbar.

Dirk Hermanns

Firebug with FirePHP, YSlow, Webdeveloper-Toolbar and HTML Tidy. Works Great for me.

Stevens

I have tried all 3 of them,and I can guarantee that Firebug beats everything else.

Jai

Firebug for sure!

Ian

Firebug is indispensable. works like a treat and great as a learning tool (“how did they do that?”) and a development tool

weblizzer

i love firebug simply because of the multi uses, such for debugging for javascript, viewable source code for both html and javascript.

Souljacker

I can’t live without Firebug.

jonatan

FireBug!!!!!!!!!!!!!!!

Valuediz

Of course firebug! I’ve learned html and css only from it.

Joe

Firebug is legendary =D

Drew Douglass

Hands down its firebug for me, I just throw in my css declarations, then do all the editing using firebug as a sort of WYSIWYG editor, then just copy and paste :)

Drew

Daxion

Firebug is the top dog, I use it daily and even if I’m not working and I want to see some code of an interesting page, Firebug is my choice. The IE Developer Toolbar is a few steps behind but it certainly does a great job.
I also use WebDeveloperToolbar and ColorZilla on Firefox.

SE7EN

Firebug is the best!
but Web Dev Toolbar is essential for me too :D

Ishaan

Firebug, definitely.

Adam

firebug baby ;)
the best for me

Ryan

Fire bug by far is the best… however the IE developer tool bar is useful when diagnosing those pesky IE bugs

jarkko

firebug

Jonas

Firebug !!!

Abhijeet Mukherjee

Firebug is the one !

Dark_Night

Firebug definitely. Speeds up my workflow so much. As I am learning at the moment it gives me a great insight into how some techniques are coded.

Kimberly

Firebug for sure, a great tool

Bernat

Firebug of course…

m@

firebug is the best!

Arun Kurian

I like Web Developer Toolbar

Josh Crowder

Firebug is the one for me, I love the fact you can edit away in the css and it dynamically loads.

Matt

Firebug and web developer combined for me. The two complement each other nicely.

Mr Sun

Definitely the web developer tool bar

Robert

Firebug would be my most used tool followed by Web Developer Toolbar (which was my first love – ah the memories).

Zach S.

Web Developer toolbar for me. I have Firebug installed too but don’t use it that much. I use the Web Developer toolbar pretty much every day.

Doc

Firebug and Developer toolbar notwithstanding, LiveHeaders and Aardvark have always treated me very well.

Tim

Firebug every time.
Although I also use MeasureIt, ColorZilla and FireFTP to get my full bit of developing done.

Kyle

I’ll take Web Developer toolbar for $100.

Duane

Web developer has been a help for me.

MikeB

Web developer is a big help for me.

peex

Of course Web Developer Toolbar. But my personal favourite is Aardvark :)

Jignesh

Firebug is daily use and IE developer’s toolbar sometimes for silly IE bug fixing.

system32

firebug as far as i knew and its helps me a lot for developing website.

Mila

definitely firebug

Dave

Going with the crowd…Firebug

Gelo

i can live a day without using firebug, its agony in internet without web developer toolbar – web developer toolbar, definitely

Chandra

Firebug of course!

Fred Bliss

Firebug is a killer app. Easily the best time-saving tool I use.

Marti

Firebug! Really helps someone brand new to css learn:)

Connor

I really like Firebug. Especially the visual representation of padding and margins.

henri Jeret

Web Developer toolbar is far most the best thing I know :)

It does a lot of work for me :)

Tobz

definitely Firebug, although Web Developer is a can’t live without also.

Emily

Firebug for the win! Nice to use as an aid to building websites, and also helps with learning how to use both CSS and HTML.

Leesy

Firebug has to be a winner for me too. I just couldn’t work as well without it nowadays. As Connor mentioned aboved – the visual representation of margins, padding etc. on the layout tab is really helpful. It’s also extensible with extra plugins like Jiffy (http://billwscott.com/jiffyext/). Muchos helpful!

Adam Winogrodzki

Firebug for sure. Its the bomb of web design.

Luiz

Firebug!

XHTML, CSS and Javascript, it’s almost perfect :D

The debugger saved my life uncountable times…

Darren Pangan

Firebug gets my vote.

I’ve used Web Development Toolbar too. It’s pretty useful but nothing compared to Firebug. I haven’t used YSlow but I read it’s features. I think even without that plugin, you can accomplish the same just by analyzing the data Firebug generates.

insic

firebug of course.

James

I vote for Firebug because out of all the available web development plugins/extensions Firebug is the most useful and saves me the most time, especially when trying to debug some other developers sloppy work.

Tim

I’m all about the Web Developer Toolbar.

Jason

Web developer toolbar is by far the greatest tool, its much more user friendly than Firebug and can manipulate web pages quicker and easier.

Nicolas

My vote goes to firebug without any doubt.

almotqen

vote for Web Developer toolbar.

almotqen at gmail.com

Thank you

Csaba

Firebug is the best tool out there!

Argam DerHartunian

Firebug is the best from the bunch.

Eric Hill

Firebug. Without a doubt. What did programmers do before Firebug?

Michael Martin

Web developer toolbar! :)

Lorenzo

I use Firebug: some bugs, little slow, but can do everything!

Danny

I vote for Firebug, its awesome for troubleshooting CSS problems while developing a website.

Tad Chef

Greasemonkey.
IE Tab.
CSS Viewer.

Melanie

Basecamp by 37signals… can’t run a web business without it! Indispensable!

Mik

Firebug

mtsandeep

Actually i am not a designer or coder but now i am working to build my own BLOG which will be a multi-author blog. so i need to customize the themes. Atfirst i used notepad to see the codes and edit the style sheets. It was very difficult and i wasted hours in figuring out the codes.
Theo i heard about firebug and its very easy to use and saves time.
so i go with FIREBUG.

mtsandeep

I will go with Firebug.

I am not a designer but i am now working to build my new multi-author blog. so i need to customize the themes to fit my needs. It was very difficult to edit the stylesheets with notepad. but after using firebug, its really easy and saves lot of time.

Agahmemnon

only Firebug it’s amazing tool

nicholi

I use Web Developer toolbar more so I vote for that.

Milner

Firebug +1

Joren

Firebug is positively the most amazing tool to have ever happened to CSS/Javascript/XHTML web development!

Nicole

Web Developer toolbar for me. While I use both, I use the toolbar about 10 times more often than Firebug (which is also useful). To me, that means it would hurt more to live without the toolbar because it’s more frequently used and I could use other things in place of Firebug.

Moin