Punkt odniesienia 2024: więcej narzędzi dla programistów

Data publikacji: 10 grudnia 2024 r.

Rok 2024 był ekscytującym rokiem dla projektu Baseline. Jesteśmy blisko ukończenia podstawowego zbioru danych i wprowadziliśmy narzędzia takie jak panel stanu platformy internetowejwidżet stanu wartości bazowej. Inne projekty, takie jak archiwum RUM, zaczynają stosować Baseline. Ten post podsumowuje dane z 2024 r.

Co to jest punkt odniesienia?

Podstawowe etykiety to funkcje internetowe obsługiwane przez wszystkie podstawowe przeglądarki na komputerach i urządzeniach mobilnych. Jeśli używane funkcje są częścią Podstawy, możesz ufać poziomowi zgodności z przeglądarkami.

Nowo dostępne logo ze wszystkimi przeglądarkami, które obsługują daną funkcję.
Podstawa Nowo dostępne logo wyświetlane na stronie widoczności treści w MDN.

Więcej informacji o różnych etykietach funkcji Baseline i o tym, jak funkcja internetowa staje się funkcją Baseline, znajdziesz na stronie Baseline lub w filmie Tworzenie z pewnością dzięki Baseline.

Projekt Baseline w 2024 r.

Prace nad web-features są na 81% zaawansowane.

web-features to inicjatywa mająca na celu stworzenie wspólnego katalogu funkcji platformy internetowej. Każda cecha ma przypisaną grupę i definicję, a dane dotyczące obsługi podstawowej są uwzględnione w tym zbiorze danych.

W tym roku dołożyliśmy wszelkich starań, aby doprowadzić ten proces do końca. Obecnie 81% kluczy funkcji jest mapowanych i można ich używać za pomocą pakietu npm web-features. web-features to jedyne źródło wiarygodnych informacji o stanach bazowych.

Nowy panel stanu platformy internetowej

Panel Stan platformy internetowej zawiera informacje o wdrożeniu funkcji platformy internetowej w różnych przeglądarkach. Panel jest oparty na danych web-features, więc jego niezawodność znacznie wzrosła dzięki postępom w korzystaniu z funkcji internetowych.

Możesz śledzić postępy w przypadku konkretnych funkcji lub użyć filtra, aby wyświetlić zestaw funkcji, np. podstawę 2024. Ten panel uzupełnia istniejące zasoby, takie jak Can I Use i dane o zgodności w MDN, oferując szerszy obraz ewolucji platformy internetowej.

Więcej informacji o panelu znajdziesz w artykule Ogłoszenie panelu platformy internetowej. Od czasu premiery dodaliśmy więcej filtrów, np. group:snapshot:. Na przykład filtr snapshot:ecmascript-2023 zawiera funkcje dostępne w ES2023.

<baseline-status> Widżet

Komponent internetowy <baseline-status> korzysta też z danych o funkcjach internetowych i jest teraz gotowy do użycia w Twoich witrynach i slajdach. Zainstaluj z npm, a następnie używaj komponentu za każdym razem, gdy wspominasz daną funkcję.

Widżet stanu bazowego renderowany jako obraz.
<baseline-status>widżet.

Dowiedz się więcej o korzystaniu z elementu metryki Poziom bazowy.

Oficjalna strona i logo

Baseline jest własnością grupy społeczności WebDX W3C. W tym roku utworzyliśmy oficjalną stronę projektu Baseline.

Jeśli używasz Baseline w swoim projekcie, pisz o nim lub wygłaszasz na jego temat, możesz przesłać żądanie połączenia, aby umieścić projekt na stronie Baseline w praktyce.

Jeśli używasz w projekcie danych referencyjnych, zapoznaj się z zasadami dotyczącymi używania nazwy i logo. Logo są objęte licencją, którą możesz używać, gdy chcesz wyświetlić stan funkcji internetowych.

Projekt interoperacyjności udostępnił wiele funkcji z Baseline Nowości.

Projekt Interop to inicjatywa mająca na celu poprawę interoperacyjności w różnych przeglądarkach. Funkcje w tym projekcie są przeznaczone do wdrożenia w różnych przeglądarkach, co przyspiesza proces wdrażania w ramach wersji podstawowej. Podczas konferencji Interop 2024 do wersji 2024 r. Punktu odniesienia trafiły deklaratywny Shadow DOM, font-size-adjust, requestVideoFrameCallbacktext-wrap: balance, a wiele innych funkcji jest już bardzo bliskich ukończenia.

Statystyki RUM

Strona statystyk w archiwum RUM była pierwszym narzędziem, które zintegrowało Baseline. Możesz sprawdzić, ilu użytkowników jest uwzględnionych w przypadku każdego roku bazowego na podstawie ich danych. Dzięki temu możesz wybrać rok bazowy dla projektu zamiast stosować punkt odniesienia „Wszystkie dane”.

Więcej informacji znajdziesz w artykule Baseline integration with RUM Archive (ang. integracja z baseline z archiwum RUM).

Seria filmów This Is the Baseline

Aby krótko i konkretnie wyjaśnić nowe funkcje dostępne w wersji podstawowej, publikujemy serię filmów o nazwie #thisisbaseline. W mniej niż 60 sekund dowiesz się więcej o nowych metodach ustawień, interfejsie Screen Wake Lock API, subgridzie CSS i nie tylko.

Tutaj znajdziesz wszystkie filmy z serii This Is Baseline.

Porozmawiaj z nami na czacie osobiście.

W tym roku nasz zespół uczestniczył w wielu konferencjach, aby przedstawić Baseline, poznać Wasze opinie i odpowiedzieć na pytania. Oto kilka prezentacji, które przeprowadziliśmy.

Obejrzyj prezentację Rachel z FITC Web Unleashed z października, sesję Pete'a na connect.techwykład Mariko na JSNation z listopada. Z niecierpliwością czekamy na spotkanie z Tobą na wspaniałych wydarzeniach w 2025 roku.

Co zawiera punkt odniesienia 2024

Pod koniec roku wiemy już, które funkcje wchodzą w skład wersji podstawowej 2024. Oto kilka najważniejszych informacji.

@property

Właściwości niestandardowe CSS (zwane też zmiennymi CSS) są powszechnie dostępną funkcją. Od lipca 2024 r. wszystkie główne przeglądarki obsługują możliwość definiowania właściwości niestandardowych za pomocą typu, wartości domyślnych i dziedziczenia za pomocą reguły @property.

Nowe metody zestawów

Zbiór jest częścią JavaScriptu od wersji ES2015, ale w tym roku dodano więcej metod wykonywania operacji matematycznych na zbiorach, takich jak intersection i union, które są obsługiwane przez wszystkie główne przeglądarki.

AVIF

AVIF to nowoczesny format pliku graficznego, który zapewnia lepszą kompresję niż inne formaty obrazów, takie jak WebP, JPEG, PNG i GIF. Od stycznia 2024 r. format AVIF jest obsługiwany przez wszystkie główne przeglądarki.

…i nie tylko

Oczywiście w tym roku dodano do niej jeszcze wiele innych funkcji. Tutaj możesz sprawdzić funkcje, które stały się częścią poziomów bazowych w 2024 roku.

Podsumowanie

Gdy w maju 2022 r. ogłosiliśmy projekt Baseline, był on tylko koncepcją i wstępną definicją. W tym poście omawiamy tylko część działań, które umożliwiły wprowadzenie Baseline do procesu pracy każdego dewelopera.

Dziękujemy za ciężką pracę nad projektem Baseline.

Osoby, które przyczyniły się do powstania web-features: Victor Allen, Dietrich Ayala, Daniel Beck, Patrick Brosset, Sondra Eby, Adriana Jara, Mariko Kosaka, Pete LePage, Florian Scholz, James Stuckey Weber i queengooborg (Vinyl).

<baseline-status>widget: Ewa Gasperowicz i zespół ds. relacji z deweloperami Chrome

Panel stanu platformy internetowej: Panos Astithas, Kyle Ju, James Scott, Daniel Smith i Jason Xu

Zespół Google ds. wartości bazowych: Aaron Abbarno, Rachel Andrew, Tony Conway, Philip Jägenstedt, Adriana Jara, Mariko Kosaka, Pete LePage, Nandu Nair, Ali Spivak i Kadir Topal

Specjalne podziękowania dla: Alexisa Deverii z CanIUse, Claasa Augnera, Herminy Condei, Floriana Diemingera, Ruth John, Leona McArdle’a z MDN, Nica Jansmy i Robina Marxa z RUM Archive, współtwórców projektu Interop, Apple, Firefoxa, Igalii, Microsoftu, Open Web Docs, OddBird oraz członków grupy Community WebDX.