Data publikacji: 22 stycznia 2025 r.
W tym poście przyglądamy się 2024 roku, który był dla projektu Interop najbardziej owocnym rokiem w historii. Wszystkie przeglądarki eksperymentalne uzyskały wynik 99, a stabilne wersje nie były daleko w tyłu. Dzięki temu udało się udostępnić kilka funkcji w ramach wersji podstawowej.

Więcej funkcji w wersji podstawowej
Aby funkcja była dostępna w ramach poziomu podstawowego, musi być interoperacyjna. Nie dziwi więc, że Interop 2024 przyczynił się do ulepszenia wielu funkcji w tym zakresie w ramach Baseline 2024.
Zarejestrowane właściwości niestandardowe
Reguła @property
i metoda statyczna CSS.registerProperty()
stały się podstawą. Nowa wersja została udostępniona w lipcu 2024 r.
@property
na MDN@property
w panelu Platforma internetowa@property
: zmienne CSS nowej generacji z uniwersalną obsługą w przeglądarkach
Właściwość font-size-adjust
Właściwość CSS font-size-adjust
zachowuje pozorny rozmiar tekstu niezależnie od używanej czcionki, skalując czcionki do tego samego rozmiaru w odniesieniu do określonej miary, takiej jak wysokość x. Dzięki temu czcionki zastępcze będą wyglądać tak samo.
Ta funkcja została udostępniona jako punkt odniesienia w lipcu 2024 r.
font-size-adjust
na MDNfont-size-adjust
w panelu Platforma internetowa- Usługa porównywania cen
font-size-adjust
jest teraz w punkcie odniesienia
Metoda requestVideoFrameCallback()
dla <video>
Metoda requestVideoFrameCallback()
w funkcji <video>
planuje funkcję, która jest wykonywana w ramach następnej klatki filmu. Jest to podobna do requestAnimationFrame()
, ale dotyczy filmów i została udostępniona w październiku 2024 r.
requestVideoFrameCallback()
na MDNrequestVideoFrameCallback()
w panelu Platforma internetowa- Wykonywanie wydajnych operacji na poszczególnych klatkach filmu za pomocą funkcji
requestVideoFrameCallback()
Styl paska przewijania z użyciem scrollbar-width
i scrollbar-gutter
Właściwość CSS scrollbar-width
ustawia szerokość paska przewijania, a scrollbar-gutter
rezerwuje miejsce na pasek przewijania, zapobiegając niechcianym zmianom układu podczas pojawiania się i znikania paska przewijania. Zostały one udostępnione jako punkt odniesienia w grudniu 2024 r.
Właściwość transition-behavior
Deklaracja CSS transition-behavior: allow-discrete
umożliwia przejścia w przypadku właściwości, których animacja jest dyskretna. Takich właściwości nie można interpolować ani przełączać z wartości początkowej na wartość końcową przy 50%. Ta usługa stała się dostępna jako usługa podstawowa w sierpniu 2024 r.
transition-behavior
na MDNtransition-behavior
w panelu Platforma internetowa- Dostępne w wersji punktowej: animacje efektów wejścia
text-wrap: balance
Właściwość CSS text-wrap
określa sposób dzielenia wierszy tekstu, który nie mieści się w kontenerze. Jest to skrót od text-wrap-style
i text-wrap-mode
. Wartość balance
umożliwia tworzenie zrównoważonych nagłówków i innych krótkich fragmentów tekstu. W marcu 2024 r. usługa text-wrap
stała się dostępna jako nowy domyślny format.
Wyskakujące okienko
Popover umożliwia deklaratywnie tworzenie nakładek za pomocą kodu HTML lub metody showPopover()
. Prawie osiągnęło poziom „Podstawowe nowości”, o którym myśleliśmy, że został osiągnięty. Jednak problem z wdrożeniem w Safari spowodował, że nie udało się osiągnąć poziomu „Nowości” w 2024 r. Dobra wiadomość jest taka, że problem został rozwiązany w bieżącej wersji Safari Beta 18.3, więc wkrótce będziemy mogli ogłosić, że Popover jest dostępny jako nowa podstawa.
Poprawki funkcji Baseline
W wersji Interop 2024 były funkcje, które zostały już sklasyfikowane jako dostępne od razu. Prace polegały na poprawieniu drobnych różnic w ich implementacji. Mogą to być problemy, które występują u bardzo małej liczby osób, ale jeśli dotyczą Ciebie, mogą mieć duży wpływ.
Zagnieżdżanie CSS
Zagnieżdżanie w CSS pozwala na krótsze selektory, ułatwia czytanie i zwiększa modularność dzięki zagnieżdżaniu reguł w innych regułach. W grudniu 2023 r. została udostępniona jako punkt odniesienia nowo wprowadzona wersja. Została ona uwzględniona w wersji Interop 2024, aby rozwiązać niektóre problemy z interoperacyjnością.
Deklaratywny shadow DOM
Atrybut shadowrootmode
w elemencie <template>
tworzy niewidoczny element root bez użycia JavaScriptu. Jest to deklaratywna alternatywa dla metody attachShadow().
Konferencja Interop 2025 już wkrótce
Właśnie kończymy prace nad propozycjami dotyczącymi Interop 2025 i z niecierpliwością czekamy na możliwość wykorzystania tegorocznych sukcesów. W lutym opublikujemy ogłoszenie z informacjami o tym, co się zmieni. Aby śledzić nowości w Baseline, zapoznaj się z naszą serią artykułów Nowo dostępne funkcje w Baseline na stronie web.dev.