Neu auf der Webplattform seit Juli

Entdecke einige der interessanten Funktionen, die im Juli 2022 in stabilen und Beta-Webbrowsern eingeführt wurden.

Stabile Browserversionen

Firefox 103 und Safari 15.6 wurden im Juli stabilisiert. Damit erhalten wir Interoperabilität mit einigen netten CSS-Funktionen.

Das Attribut backdrop-filter

Firefox 103 enthält die Eigenschaft backdrop-filter, mit der Effekte angewendet werden können, z. B. das Unkenntlichmachen des Bereichs hinter einem Element. Dieser Wert in Firefox ist jetzt in allen drei Suchmaschinen verfügbar. Safari erfordert jedoch das Präfix -webkit.

Unterstützte Browser

  • 76
  • 79
  • 103
  • 18

Quelle

Das Attribut scroll-snap-stop

In Firefox wurde auch die Eigenschaft scroll-snap-stop implementiert. Mit dieser Eigenschaft können Sie festlegen, ob ein scrollbares Element über mögliche Ausrichtungspositionen bewegt wird (mit dem Standardwert normal) oder an das erste Element ausrichten muss (Wert always). Die Eigenschaft scroll-snap-stop ist jetzt in allen drei Browser-Engines verfügbar.

Unterstützte Browser

  • 75
  • 79
  • 103
  • 15

Quelle

Safari 15.6 war eine Version, die hauptsächlich der Behebung von Problemen diente. Es wurde jedoch eine neue CSS-Funktion mit der Pseudoklasse :modal eingeführt. Diese Funktion war bereits in Firefox 103 enthalten. Mit der Pseudoklasse :modal wird ein Element ausgewählt, wenn keine Interaktion mit allem außerhalb dieses Elements möglich ist, bis das Element geschlossen wird. Beispiel: ein dialog-Element, das mit showModal() geöffnet wurde.

Unterstützte Browser

  • 105
  • 105
  • 103
  • 15,6

Quelle

Betaversionen des Browsers

Beta-Browserversionen bieten Ihnen eine Vorschau auf Dinge, die in der nächsten stabilen Version des Browsers enthalten sein werden. Dies ist ein guter Zeitpunkt, neue Funktionen oder Entfernungen zu testen, die sich auf deine Website auswirken könnten, bevor diese Funktion veröffentlicht wird.

Da die Veröffentlichungsdaten etwas außerhalb des Monats liegen, war die einzige neue Betaversion im Juni Firefox 104.

Firefox 104 enthält die CSS Font Loading API in Web Workers und die CSS-Eigenschaft animation-composition, die den Kompositionsvorgang definiert, der verwendet wird, wenn mehrere Animationen gleichzeitig dieselbe Eigenschaft betreffen.

Die letzten Monat erwähnte Betaversion von Safari 16 wird ebenfalls laufend aktualisiert.

Diese Betafunktionen sind bald in stabilen Browsern verfügbar.

Teil der Reihe Neues im Web