Veröffentlicht: 22. Januar 2025
Interop 2024 neigt sich dem Ende zu. In diesem Beitrag blicken wir auf das bisher erfolgreichste Jahr des Projekts zurück. Am Ende hatten alle experimentellen Browser eine Punktzahl von 99, die stabilen Versionen lagen nicht weit dahinter. Aufgrund dieses Erfolgs sind einige Funktionen jetzt als Baseline Newly verfügbar.

Weitere Funktionen für Baseline
Damit eine Funktion als „Neu verfügbar“ eingestuft werden kann, muss sie interoperabel sein. Es ist daher keine Überraschung, dass Interop 2024 dazu beigetragen hat, dass eine Reihe von Funktionen diese Grenze überschritten und in die Baseline 2024 aufgenommen wurden.
Registrierte benutzerdefinierte Eigenschaften
Die @property
-Regel und die statische Methode CSS.registerProperty()
sind seit Juli 2024 als Baseline verfügbar.
@property
auf der Mobilgerätnummer@property
-Eintrag im Web-Plattform-Dashboard@property
: Next-Gen-CSS-Variablen jetzt mit universeller Browserunterstützung
Die Property font-size-adjust
Die CSS-Property font-size-adjust
behält die scheinbare Textgröße unabhängig von der verwendeten Schrift bei, indem Schriftarten in Bezug auf ein bestimmtes Maß wie die X-Höhe auf dieselbe Größe skaliert werden. So können Fallback-Schriftarten dieselbe Größe haben.
Sie ist seit Juli 2024 als Baseline Newly verfügbar.
font-size-adjust
auf der Mobilgerätnummerfont-size-adjust
-Eintrag im Web-Plattform-Dashboard- CSS
font-size-adjust
ist jetzt in der Baseline.
Die Methode requestVideoFrameCallback()
für <video>
Die Methode requestVideoFrameCallback()
für <video>
plant eine Funktion, die mit dem nächsten Videoframe ausgeführt wird. Sie ähnelt requestAnimationFrame()
, ist aber für Videos gedacht. Sie wurde im Oktober 2024 eingeführt.
requestVideoFrameCallback()
auf der MobilgerätnummerrequestVideoFrameCallback()
-Eintrag im Web-Plattform-Dashboard- Mit
requestVideoFrameCallback()
Videoframes effizient bearbeiten
Scrollleistenstil mit scrollbar-width
und scrollbar-gutter
Mit der CSS-Eigenschaft scrollbar-width
wird die Breite der Bildlaufleiste festgelegt und mit scrollbar-gutter
wird Platz für die Bildlaufleiste reserviert, um unerwünschte Layoutänderungen zu verhindern, wenn die Bildlaufleiste erscheint und verschwindet. Sie wurden im Dezember 2024 als Baseline Newly verfügbar.
Die Property transition-behavior
Die CSS-Deklaration transition-behavior: allow-discrete
ermöglicht Übergänge für Eigenschaften, deren Animationsverhalten diskret ist. Solche Properties können nicht interpoliert werden und wechseln nicht bei 50 % vom Startwert zum Endwert. Diese Property ist seit August 2024 als „Neu“ verfügbar.
transition-behavior
auf der Mobilgerätnummertransition-behavior
-Eintrag im Web-Plattform-Dashboard- Jetzt in Baseline: Einblendeffekte animieren
text-wrap: balance
Mit der CSS-Property text-wrap
wird festgelegt, wie Textzeilen bei Text, der den Container überläuft, umgebrochen werden. Es ist eine Abkürzung für text-wrap-style
und text-wrap-mode
. Mit dem Wert balance
können Sie ausgewogene Anzeigentitel und andere kurze Textelemente erstellen. Die Property text-wrap
ist seit März 2024 als „Baseline Newly“ verfügbar.
Pop-over
Mit Popover können Sie Overlays deklarativ mit HTML oder mit der Methode showPopover()
erstellen. Es hat fast den Status „Neu verfügbar“ erreicht und wir dachten anfangs, dass es das tatsächlich getan hat. Aufgrund eines Problems mit der Safari-Implementierung hat es 2024 jedoch nicht ganz den Status „Neu verfügbar“ erreicht. Die gute Nachricht ist, dass das Problem in der aktuellen Safari-Betaversion 18.3 behoben wurde. Wir können also bald Popover als neue Standardeinstellung ankündigen.
Korrekturen an Baseline-Funktionen
In Interop 2024 gab es Funktionen, die bereits als Baseline Newly available eingestuft wurden. Es galt, einige kleine Unterschiede bei der Implementierung zu beheben. Das sind Dinge, auf die nur wenige Nutzer stoßen. Aber kleine Dinge können einen großen Unterschied machen, wenn Sie sie selbst erleben.
CSS-Verschachtelung
Durch das CSS-Verschachteln können kürzere Selektoren, eine bessere Lesbarkeit und mehr Modularität erreicht werden, indem Regeln in andere verschachtelt werden. Sie wurde im Dezember 2023 als Baseline Newly verfügbar gemacht und in Interop 2024 aufgenommen, um einige ausstehende Interoperabilitätsprobleme zu beheben.
Deklaratives Shadow-DOM
Mit dem shadowrootmode
-Attribut auf <template>
wird ein Schatten-Stamm ohne JavaScript erstellt. Es ist eine deklarative Alternative zur Methode „attachShadow()“.
Interop 2025 steht vor der Tür
Die Vorschläge für Interop 2025 werden derzeit fertiggestellt. Wir freuen uns darauf, diesen Erfolg auszubauen. Im Februar erfährst du, was genau dazugehört. Wenn Sie wissen möchten, welche neuen Funktionen in Baseline verfügbar sind, sehen Sie sich unsere Reihe Neu verfügbare Baseline-Funktionen hier auf web.dev an.