Anmelden, um zu folgen  
Folger 0
Sandro Feuillet

wysiwyg css editor

2 Beiträge in diesem Thema

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

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
sehr sinnvoll, danke für den tipp!

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen
Hi feuillet,

schliesse mich j0sh an. Danke.


Schöne Grüße
Hans

Diesen Beitrag teilen


Link zum Beitrag
Auf anderen Seiten teilen

Erstellen Sie einen Account oder melde Sie sich an um kommentieren zu können

You need to be a member in order to leave a comment

Create an account

Registrieren Sie einen neuen Account in unserer Community. Es ist einfach!


Register a new account

Anmelden

Haben Sie bereits einen Account? Dann melden Sie sich hier an.


Jetzt Anmelden
Anmelden, um zu folgen  
Folger 0