Sandro Feuillet
Legendäres Mitglied
Hallo Zusammen
Welcher Webentwickler hat sich das nicht schon gedacht: "Wie kann ich CSS Styles live editieren und das Ergebnis gleichzeitig anschauen?"...
Dies ist nun möglich!!
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"[a] oder "test Styles" klicken.
3. CSS befehle im neuen fenster ausprobieren und Ergebnis direkt anschauen.
[a] "edit styles" erlaubt es, das bestehende CSS real-time zu ändern
"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.
Gruss Feuillet
Welcher Webentwickler hat sich das nicht schon gedacht: "Wie kann ich CSS Styles live editieren und das Ergebnis gleichzeitig anschauen?"...
Dies ist nun möglich!!
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"[a] oder "test Styles" klicken.
3. CSS befehle im neuen fenster ausprobieren und Ergebnis direkt anschauen.
[a] "edit styles" erlaubt es, das bestehende CSS real-time zu ändern
"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.
Gruss Feuillet
