Direkt zum Artikelanfang
Magazin für MP3-Musik & Netzkultur

Fünf exzellente Firefox-Plugins für Webdesigner

Auswahl an Firefox-Erweiterungen | Für die Web-Entwicklung ist der Firefox-Browser unschlagbar. Über die Add-On-Schnittstelle integriert man unkompliziert Helferlein, die einem beim Webdesign den Alltag erleichtern, um bessere Webseiten zu bauen. Die folgenden fünf Plugins helfen bei der Gestaltung von Webseiten…

Schlagwörter: , , , , , ,

Auswahl an Firefox-Erweiterungen | Für die Web-Entwicklung ist der Firefox-Browser unschlagbar. Über die Add-On-Schnittstelle integriert man unkompliziert Helferlein, die einem beim den Alltag erleichtern, um bessere Webseiten zu bauen. Die folgenden fünf Plugins helfen bei der Gestaltung von Webseiten via XHTML und CSS, bei der Überprüfung von Suchmaschinenpositionen und Links sowie beim komfortableren Arbeiten mit Webseiten und Web-Services.

Firebug - Das beste Webdesign- für HTML-und CSS Entwickler

Das Webdesign-Plugin Firebug blendet man schnell über die Tastenkombination F12 oder über einen Klick auf das Firebug-Icon in der Statusleiste ein. Mit dem außergewöhnlichen Plugin bearbeitet man eigene sowie fremde Websites direkt über ein Eingabefenster, dass das Add-On unterhalb des Browserfensters einblendet. Schnell wendet man neue CSS-Befehle direkt auf der Webseite an oder untersucht sie. Außerdem hilft Firebug beim entwanzen (Debuggen) der eigenen Webseiten. Eine sehr edle und gelungene Erweiterung.

: Firebug

Web Developer Toolbar - Das zweitbeste Webdesign-Plugin

Screenshot Webdeveloper Toolbar
Lange Zeit bildete die Web Developer Toolbar mein Lieblingswerkzeug bei der Gestaltung von Webseiten bis es von Firebug vom Thron gestoßen wurde. Trotzdem verfügt die Web Developer Toolbar immer noch um einige Funktionen, die Firebug nicht aufweist. Um gute Websites zu bauen, hilft es, den Browser-Bildschirm auf Maße wie 1024x768 zurechtzustutzen. Schließlich entwickelt man Webseiten nicht für Designer und Agenturen mit riesigen Bildschirmen, sondern für normale Nutzer.

Weitere hilfreiche Funktionen der Toolbar sind das Ein- und Ausschalten von Bildern, schnelle Validieren der CSS-Dateien und schnelle An- und Ausstellen von Javascript. Manchmal sind auch die Hilfslinien ein wertvolles Werkzeug beim Vermessen von Spalten und Boxen.

Download: Web Developer

Greasemonkey: Websites komfortable mit Javascripts erweitern

Greasemonkey erlaubt dem Nutzer eigene JavaScript-Dateien im Browser auszuführen. Diese Scripte individualisieren das Erscheinungsbild und Verhalten der angezeigten Webseite ohne einen Zugriff auf die eigentliche Webseite vornehmen zu müssen. Dadurch erweitert Greasemonkey beispielsweise Webseiten um Funktionen, behebt Fehler in der Darstellung, bindet Inhalte anderer Webseiten ein und erledigt wiederkehrende Aufgaben automatisch.

Wer z.B. häufig -Artikel editiert, den unterstützt das Scipt WikEd. Mit Hilfe von Greasemonkey bindet man dieses in Firefox ein und erhält für die Bearbeitung von Wikipedia-Artikel einen komfortablen WYSIWYG- - natürlich auch für alle anderen Wikis, die auf der - basieren. Weitere Greasemonkey-Scripte findet man unter www.userscripts.org und eine ausführliche Greasemonkey-Anleitung in Deutsch.

Download: Greasemonkey

Links auf Webseiten überprüfen mit Link-Checker

Manchmal sind es die kleinen Helferlein, die einem eine Menge Arbeit ersparen. Der Link-Checker kann nur eins, das aber richtig: Links einer Webseite auf Korrektheit überprüfen. Wer seine Artikel nocheinmal gegenprüfen möchte, lässt einfach den Link-Checker die Webseite durchchecken. Die kleine Firefox-Erweiterung startet man über das Kontextmenü (rechte Maustaste). Zeitsparend überprüft der Link-Checker auch lediglich markierte Abschnitte.

Download:Link-Checker

Suchmaschinenpositionen zu Keywords mit RankChecker abfragen

ist eine spannende Wissenschaft bei welcher viel -Voodoo mitschwingt. Eine Tatsache in diesem Wettlauf ist aber unumstößlich: Die tatsächliche Suchmaschinenpositionierung von Websits. Um die Suchmaschinenpositionen seiner eigenen Website oder der von Kollegen auf dem Monitor zu überprüfen, nutzt man einfach den RankChecker. In Profilen legt man Suchwörter für verschiedene Domains und Webseiten an und schickt dann den RankChecker los, der in Google, Yahoo und Live.com die Suchergebnispositionen überprüft. Ein unglaublich hilfreiches Analysewerkzeug, dass mir das ein oder andere Mal schon Fragen beantwortet und ein besseres Verständnis für die Positionierung meiner Webseiten geliefert hat.

Download: RankChecker

Über den Autor

Phlow-Autor mo. Dieser Artikel wurde am 6.August 2008 von mo.. mo. ist Journalist, Buchautor und Webdesigner. Neben dem deutschen Phlow-Magazin betreut er auch die englische Edition unter Phlow-Magazine.com. Der Musikliebhaber lebt und liebt (in) Köln. Weitere Artikel von .

6 Kommentare zu »Fünf exzellente Firefox-Plugins für Webdesigner«

  1. Ich küre hiermit entwanzen zum Wort des Tages!

    Stefan schreibt am

  2. gute Tips...

    Schmidt schreibt am

  3. Nutze diese Plugins selbst und kann mo bei dieser Auswahl nur zustimmen! Weiteres tolles Plugin ist das von seoquake.

    Artikel 2009 schreibt am

  4. Hier sind schicke Plugins dabei, danke.

    Mehr Firefox Plugins schreibt am

  5. Pingback: QuerBlog.de - Neue Bookmarks

  6. Gute Tipps.
    Da war auch für mich was neues dabei.
    Dachte ich kenn schon alles...

    Tommy schreibt am