Interoperacyjność w 2024 roku przynosi więcej funkcji do punktu odniesienia

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.

Wszystkie przeglądarki z wynikiem 99.
Panel Interop 2024 (stan na 22 stycznia 2025 r.)

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.

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.

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.

Styl paska przewijania z użyciem scrollbar-widthscrollbar-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.

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-styletext-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.