Version 17: CSS-Only - einzelne Neuerungen

05. Jul 2022

In Weblication® Version 17 wurden zahlreiche Neuerungen im Bereich CSS-Only vorgenommen. Einige davon stellen wir Ihnen hier vor.

JavaScript direkt in CSS-Only schreiben

In Weblication® Version 17 kann im CSS-Editor jetzt bei -w-jquery direkt JavaScript geschrieben werden, ohne dass die Zeichen {}; und : kodiert werden müssen, wie das bisher der Fall war.

Bisherige Schreibweise mit Codierung der Sonderzeichen

Bisherige Schreibweise mit Codierung der Sonderzeichen
Bisherige Schreibweise mit Codierung der Sonderzeichen

Neue Schreibweise ohne Codierung der Sonderzeichen

Neue Schreibweise
Neue Schreibweise

Dynamische Farbänderungen auf bestimmte Farbe beschränken

In Weblication® lassen sich Farben in SVG-Grafiken dynamisch ändern.

In Weblication® Version 17 kann über extern.svg?stroke=#{$colorLinkIcon}if#000000")} eine dynamische Farbänderung auf eine bestimmte Farbe beschränkt werden. Im Codebeispiel werden also nur Farben ersetzt, wenn sie in der Originaldatei den Wert #000000 haben.

CSS-Only Darstellungsvarianten lassen sich in die Zwischenablage kopieren

In Weblication® Version 17 lassen sich CSS-Only Darstellungsvarianten in die Zwischenablage kopieren und im Quelltext-Editor den dahinterliegenden Quelltext wieder aus der Zwischenablage in den CSS-Quelltext einfügen.

CSS-Only Darstellungsvarianten lassen sich in die Zwischenablage kopieren
CSS-Only Darstellungsvarianten lassen sich in die Zwischenablage kopieren

Neue CSS Schriftfunktionen hsl, hwb, lab, lch, color, color-mix und color-contrast

In Weblication® Version 17 werden neue CSS Schriftfunktionen hsl, hwb, lab, lch, color, color-mix und color-contrast unterstützt. Damit lassen sich Schriftänderungen komfortabler umsetzen.

Live Vorschau für CSS-Darstellungen auswählbar

In Weblication® Version 17 lässt sich bei der Bearbeitung von CSS-Only Darstellungsvarianten auswählen, ob eine Variante eine Live Vorschau hat. Falls diese auf "Nein" steht, wird ein Neuladen nach dem Variantenwechsel erzwungen, auch wenn die anderen Varianten eine Live Vorschau anbieten.

CSS-Only Varianten über Editor installieren

In Weblication® Version 17 lassen sich CSS-Only Varianten direkt über die Variantenauswahl im Editor installieren, ohne die CSS-Only Verwaltung aufzurufen.

CSS-Only Varianten über Editor installieren
CSS-Only Varianten über Editor installieren
CSS-Only Varianten über Editor installieren
CSS-Only Varianten über Editor installieren