CSS einfach erklärt

Trotz seines enormen Funktionsumfangs bietet Firebug bisher keine Option an, um durchgeführte Änderungen am CSS-Code dauerhaft zu speichern. So müssen Webentwickler zum Speichern grundsätzlich einige Umwege in Kauf nehmen: Zunächst werden einzelne Code-Schnipsel in die Zwischenablage kopiert, dann in den Editor eingefügt, abgespeichert und gegebenenfalls zum Server übertragen. Bei häufiger Nutzung von Firebug ist dies eine recht nervende Prozedur, die viele Nutzer gerne umgehen würden: Sie wünschen sich einen Speicherknopf direkt im Firebug.

Realisieren lässt sich dieser Wunsch mit der zusätzlichen Erweiterung FireFile. Sie ermöglicht das direkte Abspeichern von Änderungen an CSS-Dateien auf dem Server direkt aus dem Firebug heraus – und lässt damit Entwicklerträume wahr werden.

Mehr lesen … »

Wer am CSS-Code arbeitet, überprüft das Ergebnis seines Schaffens meistens parallel in einem Browser seiner Wahl. Leider ist hierfür einiges an Maus- bzw. Tastaturarbeit notwendig: Zunächst wird der geänderte Quelltext im Editor abgespeichert, dann wechselt man in den Browser und aktualisiert schließlich den Tab.

Tools, die das Browserfenster nach jeder Änderung am Code automatisch aktualisieren, können hier eine deutliche Arbeitserleichterung darstellen. Bereits vor einiger Zeit hatte ich mit XRefresh und FireCSS zwei Helfer aus dieser Kategorie vorgestellt.

Es geht auch ohne Firebug

Eine weitere Alternative für Nutzer von Microsoft Windows stellt die Software CrossBro dar. CrossBro ist eine autarke Anwendung, die im Gegensatz zu den beiden oben erwähnten Lösungen nicht auf Firebug aufbaut. Das hat den großen Vorteil, dass auch solche Browser mit eingebunden werden können, für die keine Erweiterung von Firebug existiert. Mehr lesen … »

Das Durchprobieren neuer Farbkombination beim Webdesign ist dank Firebug auch direkt im Browser möglich. Leider bietet Firebug keine Hilfe bei der Auswahl der Farben an, sodass entweder nur auf die englischen Farbnamen zurückgegriffen wird, die man im Kopf hat, oder aber der Hexadezimal-Wert aus einer anderen Quelle wie Photoshop kopiert werden muss. In diese Lücke springt das Add-on Firepicker, welches Firebug um einen Farbwähler erweitert.

Mehr lesen … »

Firefox-Nutzer kennen das Problem: Je mehr Erweiterungen installiert werden, desto träger wird der Browser im Laufe der Zeit. Insbesondere der bei Webdesignern beliebte Firebug kann ein Hauptgrund dafür sein, dass der eigentlich flotte Fuchs zur wahrhaft lahmen Ente mutiert.

Ein Profil für jedes Themengebiet?

Mozilla selbst hat das Problem erkannt und empfiehlt das Deaktivieren aller Add-ons, die nicht akut genutzt werden. Allerdings ist dieser Ratschlag wohl nur praktikabel, wenn sehr wenige Zusatzprogramme installiert sind. Sinnvoller erscheint es dagegen, die Erweiterungen nach Themen zu gruppieren und einem eigenständigen Profil zuzuordnen. So wäre es beispielsweise denkbar, ein Profil fürs Webdesign, an anderes für SEO-Optimierungen und ein Drittes fürs normale Surfen im Internet anzulegen.

Das Problem dabei: Firefox lässt es eigentlich nicht zu, verschiedene Profile gleichzeitig laufen zu lassen. Zwar lässt sich ein neues Browser-Fenster öffnen, dies ist aber die gleiche Instanz des bereits laufenden Browsers. Im Ergebnis müsste Firefox bei jedem Profilwechsel geschlossen und neu gestartet werden. Umgehen lässt sich dieses Problem mit einem Trick, nämlich der Verwendung des Befehls “-no-remote” beim Start. Dieser bewirkt, dass beliebig viele Firefox-Instanzen parallel gestartet werden können. Doch zunächst noch einige grundsätzliche Hinweise zum Profilmanager, damit auch Anfänger diesen Tipp nachvollziehen können.

Mehr lesen … »

Firebug ist die mit Abstand wichtigste Firefox-Erweiterung für jeden Webentwickler. Auch ich habe Firebug sowohl in meinem CSS-Buch als auch hier im Blog in unzähligen Varianten empfohlen. Mozilla hat nun eine Liste veröffentlicht, aus der hervorgeht, wie sich die beliebtesten Erweiterungen auf die Browser-Startzeit auswirken. Und siehe da: Firebug ist unter allen gängigen Betriebssystem der größte Bremsklotz!

Mehr lesen … »