5. Mai 2006

CSS Live Editing

Vielleicht macht es ja der ein oder andere sowieso schon, für alle die es noch nicht kennen mal ein kleiner Tipp, der die Produktivität im CSS-bearbeiten sehr steigen kann:

Mit der Web Developer-Extension für den Firefox lassen sich die CSS-Dateien der aktuell angezeigten Seite on the fly editieren und die Änderungen werden gleichzeitig im Browser sichtbar. So kann man zum Beispiel beim Aufbau einer neuen Website sein HTML nehmen, ein leeres Stylesheet einbinden und dieses dann Schritt für Schritt im Browserfenster füllen, ohne dass man immer zwischen Editor und Browser hin- und herschalten muss – spart Zeit und Nerven ;)

Das Editier-Fenster öffnet sich in der Sidebar des Browsers und es lässt sich in der Web Developer Extension unter CSS > Edit CSS oder über das Tastenkürzel STRG+Umschalt+E einbinden.

Technorati Tags: , , , , , , ,

Ein Kommentar

  1. In der neuen 2.0er Version des Firefox verursacht genau diese Funktion der Extension, genauso wie “Edit HTML”, ein Fehlverhalten sämtlicher Seiten die im nachhinein aufgerufen werden. Die Styles werden auf diesen Seiten oft fehlerhaft dargestellt. Dieses Auftreten konnte mittlerweile auf mehreren Rechnern mit der neuen Firefox-Version festgestellt werden, beim 1.5er ging das “Live Editing” problemlos.

Du kannst die Kommentare zu diesen Eintrag durch den RSS-Feed verfolgen.
Um einen Trackback zu setzen, benutze bitte diese Trackback-URL.

Kommentar schreiben

Du bist momentan nicht eingeloggt. Login »