Auch wenn man mit seinem Editor zufrieden ist, können Tools und Plugins bei der Entwicklung von Websites helfen. Deshalb stelle ich heute ein paar Development-Tools für Webdesigner vor:

Firebug (Firefox)
Ein abslutes “must have” für jeden Developer. Der Firebug verfügt über eine Konsole die sich in der unteren Browser hälfte befindet. Links bietet Firebug eine Struktur des HTML Codes, rechts CSS Spezifikationen. Mit dem “Inspect” Tool kann man CSS und HTML Live editieren. Zudem lässt sich auch JavaScript Code ansehen und bearbeiten sowie die DOM Struktur betrachten.

Web Developer Toolbar (Firefox)
Die Web Developer Toolbar / Extension ist auch eine sehr gute Erweiterung für den Firefox.
Eine genauere Beschreibung was man damit alles anstellen kann findest du hier.

Web Developer Toolbar (Internet Explorer)
Ja, auch für den IE gibt es was. Zwar nicht so ganz spektakulär wie die Firefox Version aber zum debuggen unter IE ziemlich hilfreich.

smush.it
Smush.it passt zwar hier nicht ganz rein, aber es ist ein geniales Tool um Grafiken zu optimieren.
Man gibt einfach eine URL ein und smush.it schaut nach ob man Bilder die sich auf der Website befinden optimieren kann. Das Geniale daran ist, dass man sich die optimierten Grafiken auch gleich downloaden kann. Einfach mal ausprobieren.

YSlow! (Firefox)
Ein sehr hilfreiches Plugin von den Yahoo! Entwicklern um die Performance einer Seite zu analysieren und zu verbessern.

Internet Explorer Collection oder IECollection
Für alle die verschiedene Internet Explorer zum testen benötigen, gibt es hier eine Sammlung mit allen Versionen des IE (1-8) zum downloaden.