Ich habe in den letzten Wochen an einer neuen Website gearbeitet. Aber anstatt es alleine zu tun, entschied ich mich, Hilfe von Firefox-Erweiterungen zu erhalten. Sie haben meine Arbeit wesentlich einfacher gemacht, und alle können in wenigen Sekunden heruntergeladen werden.

Aardvark: Mit Aardvark können Sie Elemente auf einer Webseite auswählen und verschiedene Aktionen für sie ausführen. Ich benutze es, um die Struktur einer Seite zu analysieren. Sie können auch Elemente entfernen und isolieren oder DOM-Code generieren. Ich empfehle es sehr.

ColorZilla: Wenn Sie auf einer Webseite eine Farbe haben, die Ihnen gefällt, wird ColorZilla den genauen Code dafür finden und es Ihnen ermöglichen, ihn in Ihr Codierungsprogramm einzufügen. Sie können mit dem integrierten Palettenbrowser auch benutzerdefinierte Farben erstellen. Es speichert die am häufigsten verwendeten Farben für einen späteren Zugriff. Es ist mächtig, es ist einfach, es ist ein Muss.

CSS Validator: CSS Validator fügt in Ihrem Browser eine Rechtsklick-Option hinzu, die das CSS an den W3C CSS Validator sendet. Die Ergebnisse werden in einem neuen Tab geöffnet. CSS Validator ist ein schönes Tool, das sich oft als nützlich erweisen wird.

CSSViewer: Kein Webdesigner sollte ohne CSSViewer arbeiten. Das Add-On informiert Sie über alle CSS-Informationen, die Sie von einer Site benötigen. Klicken Sie einfach auf die gewünschte Seite, öffnen Sie sie im Menü Extras und es werden CSS-Informationen angezeigt. Ich benutze es fast jeden Tag.

FireBug: Firebug ist eine dieser Erweiterungen, auf die Sie einfach nicht verzichten können. Sie können CSS, HTML und JavaScript bearbeiten, debuggen und anzeigen. Sobald Sie den HTML-Code auf der Site ändern, wird er von Firebug automatisch in demselben Bereich angezeigt. Es ist extrem mächtig.

FirePHP: FireBug ist ein feines Werkzeug für CSS, HTML und JavaScript. FirePHP, das nur funktioniert, wenn Sie die FireBug-Erweiterung installiert haben, schafft eine umfassende Entwicklungsumgebung. Mit Hilfe beider Add-Ons können Sie die Qualität Ihres PHP überprüfen und Fehler finden. Es ist eine große Hilfe.

Font Finder: Mit dem Font Finder können Sie eine beliebige Schriftart auf einer beliebigen Site markieren, mit der rechten Maustaste auf die Auswahl klicken und nach Auswahl von "Font Finder" den gesamten CSS-Textstil der Auswahl anzeigen. Sie können diese dann in Ihre eigene Webseite einfügen.

HTML Validator: HTML Validator ist ein extrem leistungsfähiges Werkzeug, das nur Windows-Benutzern zur Verfügung steht. Das Add-On gibt Ihnen Feedback zu Fehlern auf der Seite. Außerdem erfahren Sie, wo Probleme angesprochen werden müssen. Wenn Sie jedoch kein fortgeschrittener Webdesigner sind, sollten Sie dieses Tool nicht verwenden. Es ist sehr kompliziert.

IE View: Wenn Sie Windows ausführen, ist IE View ein hilfreiches Werkzeug. Die Erweiterung fügt im Kontextmenü die Option "In IE öffnen" hinzu, mit der Sie eine Site schnell in Internet Explorer öffnen können. Auf diese Weise können Sie überprüfen, wie eine Seite in beiden Browsern aussieht.

Java Console: Wenn Sie sehen möchten, wie Java-Applets auf Webseiten ausgeführt werden, ist die Java Console genau das Richtige für Sie. Sie können Applets überwachen und debuggen und erhalten einen vollständigen Bericht über ihre Leistung.

LinkChecker: LinkChecker hebt Links auf einer Website hervor und teilt Ihnen mit, ob der Link Sie zu einer Live-Site führt oder ob eine 404 zurückgegeben wird. Ich verwende sie täglich.

Poster: Wenn Sie Server debuggen und HTTP-Anfragen stellen möchten, ist Poster das richtige Werkzeug für Sie. Es ist einfach zu verwenden, Sie können einen Inhaltstyp festlegen und innerhalb weniger Minuten haben Sie alle Informationen, die Sie benötigen, um die Ergebnisse Ihrer HTTP-Abfrage zu überprüfen. Sinnvoll.

Style Sheet Chooser II: Style Sheet Chooser II ersetzt den integrierten Stylesheet-Umschalter von Firefox und ermöglicht Ihnen die Auswahl eines alternativen Stils, der auf allen Seiten einer Website bestehen bleibt. Es ist nicht etwas, das Sie häufig verwenden werden, aber wenn Sie etwas davon brauchen, ist Style Sheet Chooser II der richtige Weg.

Web Developer: Wenn Sie eine der Erweiterungen dieser Zusammenfassung installieren, sollte Web Developer eingeschlossen werden. Es fügt ein Menü und eine Symbolleiste zu Firefox hinzu, mit der Sie den Stil einer Seite anzeigen, CSS anzeigen und bearbeiten können und vieles mehr. Kein Webentwickler sollte darauf verzichten.

YSlow: Für YSlow muss FireBug installiert sein, damit es funktioniert. Es ist jedoch eine großartige Möglichkeit, um herauszufinden, warum Ihre Site so langsam läuft. Es analysiert Webseiten und gibt Probleme zurück, die die Website verlangsamen, basierend auf den Regeln von Yahoo für leistungsstarke Websites. Ich benutze es oft, um herauszufinden, wo ich die Geschwindigkeit meiner Websites verbessern kann. Versuch es.