wysiwyg css editor

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"[b] klicken.
3. CSS befehle im neuen fenster ausprobieren und Ergebnis direkt anschauen.

[a] "edit styles" erlaubt es, das bestehende CSS real-time zu ändern
[b] "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

sehr sinnvoll, danke für den tipp!

Hi feuillet,

schliesse mich j0sh an. Danke.


Schöne Grüße
Hans