Echtzeitvorschau im CSS-Editor
23. Jun 2012
Mit der neuen Echtzeitvorschau können Sie direkt sehen, wie sich die in der CSS-Datei gemachten Änderungen auswirken.
Die neue Echtzeitvorschau im CSS-Editor zeigt unmittelbar alle gemachten Änderungen in der Webseite. Über ein eingebettetes Fenster werden die Änderungen unterhalb der Quelltextansicht sofort sichtbar. So fällt es deutlich leichter, das CSS anzupassen.
Da Sie bei Änderungen nicht jedes mal die Webseite in der CSS-Vorschau aufrufen müssen und die CSS-Datei auch nicht speichern müssen, um die Änderungen zu sehen, spart diese neue Funktion außerdem deutlich Zeit beim Anpassen von CSS-Dateien.
Der aus Weblication® CMS gewohnt WYSIWYG-Komfort ist nun auch bei der CSS-Bearbeitung vorhanden. Die im Vorschaufenster angezeigte Seite ist weiterhin navigierbar, so dass Sie die für die CSS-Anpassung gewünschte Seite auswählen können. Beim Aufruf des CSS-Editors wird die aktuell geöffnete Seite als CSS-Vorschau herangezogen. Da die Scrollposition auch bei Änderungen im CSS-Quelltext erhalten bleibt, können einzelne Bereich auch über den Split-Screen beobachtet werden.
Die Echtzeitvorschau steht für jede CSS-Datei zur Verfügung. Gerade beim Anpassen der Navigationsdarstellung hilft da auch die Darstellung der Selektoren beim Überfahren der Elemente in der Vorschau. Da die Navigationspunkte weiterhin aktiv sind, können die einzelnen Navigationszustände in der Navigations-CSS mit Hilfe der Vorschaufunktion deutlich einfacher angepasst werden.
Nachdem die gewünschten Änderungen gemacht sind, genügt ein Klick bzw. Strg-s und die Webseite entspricht der in der Echtzeitvorschau sichtbaren Darstellung.
Verfügbar ist die Echtzeitvorschau im Firefox, Chrome und Safari.