Veröffentlicht: 10. Dezember 2024
2024 war ein spannendes Jahr für das Baseline-Projekt. Wir sind dabei, den unterlegenden Datensatz fertigzustellen, und haben Tools wie das Dashboard zum Status der Webplattform und das Widget für den Baseline-Status eingeführt. Auch andere Projekte wie das RUM-Archiv beginnen, Baseline zu verwenden. In diesem Beitrag blicken wir auf Baseline 2024 zurück.
Was ist Baseline?
Webfunktionen für Baseline-Labels, die von allen gängigen Browsern auf Computern und Mobilgeräten unterstützt werden. Wenn die verwendeten Funktionen Teil der Baseline sind, können Sie sich auf die Browserkompatibilität verlassen.
Weitere Informationen zu den verschiedenen Labels von Baseline und dazu, wie eine Webfunktion zu Baseline wird, finden Sie auf der Baseline-Website oder im Video Mit Baseline sicher entwickeln.
Das Baseline-Projekt im Jahr 2024
Die web-features-Aufgabe ist zu 81% abgeschlossen.
web-features ist ein Versuch, einen gemeinsamen Katalog der Funktionen der Webplattform zu erstellen. Jedem Element wird eine Gruppe und eine Definition zugewiesen. In diesem Datensatz werden Daten zum Support der Baseline erfasst.
Wir haben in diesem Jahr viel Arbeit in diese Aufgabe gesteckt. Derzeit werden 81% der Funktionsschlüssel mit dem npm-Paket „web-features“ zugeordnet und können über dieses Paket verwendet werden. web-features ist die „Source of Truth“ für Baseline-Status.
Das neue Dashboard zum Status der Webplattform
Das Dashboard zum Status der Webplattform bietet Einblicke in die Implementierung von Webplattformfunktionen in verschiedenen Browsern. Das Dashboard basiert auf web-features Daten. Die Zuverlässigkeit dieses Dashboards hat sich daher erheblich verbessert, da die Webfunktionen jetzt vollständiger sind.
Sie können den Fortschritt bestimmter Funktionen verfolgen oder nach bestimmten Funktionen filtern, z. B. nach Baseline 2024. Dieses Dashboard ergänzt bestehende Ressourcen wie Can I Use und die Kompatibilitätsdaten von MDN und bietet einen breiteren Überblick über die Entwicklung der Webplattform.
Weitere Informationen zum Dashboard finden Sie im Hilfeartikel Web Platform Dashboard. Seit der Einführung wurden weitere Filter hinzugefügt, z. B. group: und snapshot:. Mit snapshot:ecmascript-2023 werden beispielsweise Funktionen angezeigt, die in ES2023 enthalten sind.
<baseline-status>-Widget
Die Webkomponente <baseline-status> nutzt ebenfalls die Daten zu Web-Funktionen und kann jetzt auf Ihren eigenen Websites und Folien verwendet werden. Installieren Sie die Komponente über npm und verwenden Sie sie dann jedes Mal, wenn Sie eine Funktion erwähnen.
<baseline-status>-WidgetWeitere Informationen zur Verwendung der Webkomponente „Baseline-Status“
Offizielle Website und Logos
Baseline ist im Besitz der WebDX Community Group des W3C. Dieses Jahr haben wir eine offizielle Seite für das Baseline-Projekt erstellt.
Wenn Sie Baseline in Ihrem Projekt verwenden, über Baseline schreiben oder einen Vortrag über Baseline halten, können Sie einen Pull-Request einreichen, um Ihr Projekt auf der Seite Baseline in der Praxis zu listen.
Wenn Sie Baseline in Ihrem Projekt verwenden, lesen Sie die Richtlinien zur Verwendung von Namen und Logos. Die Logos sind lizenziert und können verwendet werden, wenn Sie den Status von Webfunktionen anzeigen möchten.
Durch das Interoperabilitätsprojekt wurden viele Funktionen in Baseline verfügbar
Das Interop-Projekt ist ein plattformübergreifender Ansatz zur Verbesserung der Interoperabilität des Webs. Die Funktionen in diesem Projekt sind für die plattformübergreifende Implementierung vorgesehen, was die Zeit bis zur Verfügbarkeit als Baseline verkürzt. Während der Interop 2024 wurden deklaratives Shadow DOM, font-size-adjust, requestVideoFrameCallback und text-wrap: balance in Baseline 2024 aufgenommen. Viele weitere Funktionen sind kurz vor der Fertigstellung.
RUM-Statistiken
Die Seite „Statistiken“ des RUM-Archivs war das erste Tool, in das Baseline integriert wurde. Sie können sehen, wie viele Nutzer für jedes Baseline-Jahr auf Grundlage ihrer Daten enthalten sind. So können Sie ein Referenzjahr für Ihr Projekt auswählen, anstatt „Weitgehend verfügbar“ zu verwenden.
Weitere Informationen finden Sie unter Integration von Baselines in das RUM-Archiv.
Videoreihe „This Is Baseline“
In der Videoreihe #thisisbaseline stellen wir Ihnen die neuen Funktionen von Baseline kurz und knapp vor. In weniger als 60 Sekunden erfahren Sie mehr über neue Set-Methoden, die Screen Wake Lock API und das CSS-Subgrid.
Hier findest du alle This Is Baseline-Videos.
Chatten Sie mit uns!
Das Team hat in diesem Jahr an vielen Konferenzen teilgenommen, um Baseline vorzustellen, Ihre Meinung zu hören und Ihre Fragen zu beantworten. Hier sind einige Vorträge, die wir gehalten haben.
Sehen Sie sich Rachels Präsentation von FITC Web Unleashed im Oktober, Petes Sitzung bei connect.tech und Marikos Vortrag bei JSNation im November an. Wir freuen uns, Sie 2025 bei weiteren spannenden Veranstaltungen begrüßen zu dürfen.
Inhalte von Baseline 2024
Das Jahr neigt sich dem Ende zu und wir wissen jetzt, welche Funktionen Teil von Baseline 2024 sind. Hier sind einige Highlights:
@property
Benutzerdefinierte CSS-Eigenschaften (auch als CSS-Variablen bezeichnet) sind eine weithin verfügbare Funktion. Die Möglichkeit, benutzerdefinierte Properties mit einem Typ, Standardwerten und Vererbung mithilfe der @property-Regel zu definieren, wird seit Juli 2024 von allen Hauptbrowsern unterstützt.
Neue Methoden für Sets
Sets sind seit ES2015 Teil von JavaScript. In diesem Jahr wurden jedoch weitere Methoden zum Ausführen mathematischer Operationen auf Sets wie intersection und union hinzugefügt und von allen Hauptbrowsern unterstützt.
AVIF
AVIF ist ein modernes Bildformat, das im Allgemeinen eine bessere Komprimierung als andere Bildformate wie WebP, JPEG, PNG und GIF bietet. AVIF wird seit Januar 2024 von allen gängigen Browsern unterstützt.
und weitere!
Natürlich gibt es noch viele weitere Funktionen, die dieses Jahr zur Standardausstattung gehören. Hier finden Sie eine Übersicht über die Funktionen, die 2024 in Baseline aufgenommen wurden.
Zusammenfassung
Als wir das Baseline-Projekt im Mai 2022 ankündigten, war es nur ein Konzept und eine erste Definition von Baseline. In diesem Beitrag werden nur einige der Arbeiten hervorgehoben, die dazu beigetragen haben, Baseline zu einem Tool zu machen, das zum Workflow jedes Entwicklers gehören kann.
Wir möchten allen für ihre harte Arbeit am Baseline-Projekt danken.
Personen, die zu web-features beigetragen haben: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber und queengooborg (Vinyl)
<baseline-status>-Widget: Ewa Gasperowicz und das Chrome DevRel-Team
Web Platform Status Dashboard: Panos Astithas, Kyle Ju, James Scott, Daniel Smith und Jason Xu
Baseline-Team bei Google: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak und Kadir Topal
Besonderer Dank geht an: Alexis Deveria von CanIUse, Claas Augner, Hermina Condei, Florian Dieminger, Ruth John, Leo McArdle von MDN, Nic Jansma und Robin Marx vom RUM Archive, die Mitwirkenden am Interop-Projekt, Apple, Firefox, Igalia, Microsoft, Open Web Docs, OddBird und die Mitglieder der WebDX-Community-Gruppe.