Entdecken Sie einige der interessanten Funktionen, die im Juli 2022 in den stabilen und Beta-Webbrowsern eingeführt wurden.
Stabile Browserversionen
Im Juli wurden Firefox 103 und Safari 15.6 stabilisiert. Dadurch erhalten wir Interoperabilität bei einigen nützlichen CSS-Funktionen.
Das Attribut backdrop-filter
Firefox 103 enthält die Eigenschaft backdrop-filter, mit der Sie Effekte wie die Unkenntlichmachung des Bereichs hinter einem Element anwenden können. Mit diesem Wert in Firefox ist er jetzt in allen drei Suchmaschinen verfügbar, obwohl für Safari das Präfix -webkit erforderlich ist.
Das Attribut scroll-snap-stop
Firefox hat auch die Eigenschaft scroll-snap-stop implementiert. Mit dieser Eigenschaft können Sie festlegen, ob ein Scrollelement mögliche Andockpositionen (mit dem Standardwert normal) übergeht oder an die erste Position (mit dem Wert always) angedockt werden muss. Die Eigenschaft scroll-snap-stop ist jetzt in allen drei Browser-Engines verfügbar.
Safari 15.6 war ein Release, der hauptsächlich der Behebung von Problemen diente. Es wurde jedoch eine neue CSS-Funktion mit der Pseudoklasse :modal veröffentlicht. Diese Funktion war auch in Firefox 103 verfügbar. Die Pseudoklasse :modal wählt ein Element aus, wenn nicht mit allem außerhalb dieses Elements interagiert werden kann, bis es geschlossen wird. Beispiel: Ein dialog-Element wird mit showModal() geöffnet.
Beta-Browser-Releases
Beta-Browser-Versionen bieten eine Vorschau auf Elemente in der nächsten stabilen Version des Browsers. Dies ist ein guter Zeitpunkt, um neue Funktionen zu testen oder die Entfernung von Inhalten zu testen, die sich auf Ihre Website auswirken könnten, bevor die Veröffentlichung weltweit verfügbar ist.
Da die Veröffentlichungsdaten etwas außerhalb des Monats lagen, war die einzige neue Betaversion im Juni Firefox 104.
Firefox 104 umfasst die CSS Font Loading API in Web Workers und die CSS-Eigenschaft animation-composition. Diese definiert den Kompositionsvorgang, der verwendet wird, wenn mehrere Animationen gleichzeitig dieselbe Eigenschaft beeinflussen.
Die letzten Monat erwähnte Betaversion von Safari 16 läuft ebenfalls weiter.
Diese Betafunktionen sind bald auch in stabilen Browsern verfügbar.
Teil der Reihe zum Thema „Neu im Web“