Welcher Webentwickler hat sich das nicht schon gedacht: "Wie kann ich CSS Styles live editieren und das Ergebnis gleichzeitig anschauen?"...

Nicht dank mir, sondern dank dem "test-styles" Bookmarklet, welches hier zu haben ist.

Anleitung:
1. Mozilla oder Opera Browser downloaden und installieren
2. Seite www.squarefree.com/bookmarklets/webdevel.html aufrufen und auf "edit Styles"[1] oder "test Styles"[2] klicken.
3. CSS Befehle im neuen Fenster ausprobieren und Ergebnis direkt anschauen.

1: "edit styles" erlaubt es, das bestehende CSS real-time zu ändern
2: "test styles" erlaubt es, zusätzliche CSS Befehle auszuführen und live anzuschauen.

Tipp: Wer nicht immer auf diese Seite surfen will um das Bookmarklet zu aktivieren, kann es einfach au seine Mozilla-Linkleiste ziehen und von dort aus auf jeder X-beliebigen Seite aktivieren.

Sandro Feuillet