Kommentare zu: CSS Live Editing oder: Pixelschubsen mit Echtheitsgefühlsgarantie

Von: Maxx Hilberer

Maxx Hilberer — Fri, 26 Dec 2008 14:47:59 +0000

@Peter: xRefresh rockt! Thx.

Von: Maxx Hilberer

Maxx Hilberer — Thu, 18 Dec 2008 10:11:47 +0000

@Rainer: da ich Zugang zu den Servern meiner Kunden habe, lag mir der Ansatz mit den absoluten Pfaden zugegebenermaßen etwas fern.

Von: Rainer

Rainer — Wed, 17 Dec 2008 08:01:35 +0000

@Maxx: ich widerspreche ungern, aber wie auch in http://marc-pentermann.de/?p=429 zu lesen, geht es nur mit absoluten Pfaden. Das mag bei lokaler Entwicklung (xampp) anders sein, aber bei Seiten, die bereits live sind, ist an der Stelle Schicht im Schacht.
Und ich muss relativ häufig für Kunden deren Seiten testen und optimieren. Da ist es schon mühsam mit den Hintergrundbildern. Insofern nutze ich immer eine Kombination aus EditCSS (in der Webdeveloper Toolbar), Firebug und Menschenverstand. In der Regel komme ich damit gut zurecht.

Von: Maxx Hilberer

Maxx Hilberer — Tue, 16 Dec 2008 15:29:38 +0000

@axel, @Rainer: ich arbeite immer in einer XAMPP Umgebung, sprich die Bilder haben von vorneherein relative Pfade und diese können genau so bleiben wenn die Dateien später auf einen Live Server übertragen werden. Funktioniert alles ganz tadellos.

Von: Rainer

Rainer — Tue, 16 Dec 2008 07:40:10 +0000

@axel: [Du musst in den CSS Dateien lediglich den kompletten Pfad zu den Bildern mit URL einfügen.]
Danke für den Tipp. Ist aber mühsam, für jeden Test erst an allen betreffenden Stellen den Pfad zu erweitern. Ansonsten gibt es ja wohl keinen Grund, in den CSS-Dateien absolute Pfade zu verwenden?
Und bei Tests fremder Seiten, bei denen man keinen direkten Zugriff auf CSS-Dateien hat, bleibt leider bloß das händische Ergänzen im EditCSS.

Von: Manko10

Manko10 — Mon, 15 Dec 2008 18:33:37 +0000

Nettes Tool, kannte ich noch gar nicht, da ich die Webdeveloper Toolbar aber eh installiert habe, brauche ich es aber auch nicht.
Die Webdeveloper Toolbar fristet bei mir aber auch ein armes Dasein, da ich für das allermeiste Firebug benutze, auch für das Bearbeiten der CSS. Nur für speziellere Sachen kommt die WDT dann doch zum Einsatz.

Von: Maxx Hilberer

Maxx Hilberer — Mon, 15 Dec 2008 17:27:37 +0000

@peter, @andiministrator: danke, hört sich beides gut an – kannte ich noch nicht, sehe ich mir mal an. Vor allem ReloadEvery scheint ja ein absolutes Muss zu sein für Entwickler, die mit Firefox arbeiten

Von: Andiministrator

Andiministrator — Mon, 15 Dec 2008 14:43:45 +0000

Ich nutze das den CSS-Editor auch gern mal. Da ich ein 2-Monitor-System verwende, würde ich mir neben einem Syntax-Highlighting ein seperates Editor-Fenster wünschen.

Derzeit nutze ich die FF-Erweiterung "ReloadEvery", um Änderungen anzuzeigen. Das funktioniert auch in Verbindung mit der Erweiterung "IE Tab", so dass man zumindest das FF und IE Layout nebenbei im Blick hat.

Von: Eric Eggert

Eric Eggert — Mon, 15 Dec 2008 13:28:54 +0000

Am Mac gibt’s dafür übrigens auch noch CSSEdit von Macrabbit, mit dem man CSS-Dateien überschreiben und dann auch mit Syntax-Highlighting bearbeiten kann. Auch da werden die Änderungen sofort sichtbar.

Von: Peter

Peter — Mon, 15 Dec 2008 13:18:29 +0000

Ein Tool, das ähnlichen Komfort bietet, aber auf andere Weise funktioniert, nennt sich XRefresh. Hierbei wird bei Änderungen an zuvor bestimmbaren Stellen im Dateisystem ein Refresh von Firefox und IE ausgelöst. Ich habe dafür die HTDocs meines lokalen Webservers angegeben und dadurch wird bei jeder Änderung einer Datei in diesem Ordner die aktuelle Seite im Firefox (und gleichzeitig auch im IE) neu geladen. D.h. ich habe meinen Editor auf der linken Seite des Screens offen und rechts aktualisert sich der Firefox munter von alleine, wenn ich im Editor etwas speichere. Funktioniert übrigens auch, wenn ich ein Bild, ein (X)HTML-Dokument oder jede andere Datei neu speichere. Allerdings gibt es dieses Tool nur für Windows, wenn mich nicht alles täuscht. Hier der Link: xrefresh.com