Nowości na platformie internetowej w styczniu

Poznaj ciekawe funkcje, które w styczniu 2022 r. pojawiły się w stabilnych i beta wersjach przeglądarek.

Rachel Andrew

stabilne wersje przeglądarek,

W styczniu Chrome 97 i Firefox 96 stały się stabilnymi wersjami.

W przeglądarce Firefox 96 wprowadzono funkcję kolorów hwb(). Ta funkcja wyraża kolor za pomocą odcienia, bieli i czerni.

W Firefoxie 96 dostępna jest też właściwość CSS color-scheme. Ta właściwość umożliwia wskazanie schematów kolorów, w których element może zostać wyrenderowany. Aby na przykład wskazać, że .widget może być renderowany w trybie jasnym lub ciemnym systemu operacyjnego, użyj tego kodu CSS.

.widget {
  color-scheme: light dark;
}

Strona z schematem kolorów w Firefox oznacza, że usługa jest dostępna w Chrome, Firefox i Safari.

Wersje beta przeglądarek

Wersje beta przeglądarki umożliwiają przeglądanie funkcji, które pojawią się w następnej wersji stabilnej. To świetny czas na przetestowanie nowych funkcji lub usunięcia, które mogą wpłynąć na Twoją witrynę, zanim zostaną wprowadzone na całym świecie.

Wersje beta w styczniu to Chrome 98, Firefox 97 i Safari 15.4 Beta 1.

Chrome 98 obsługuje czcionki wektorowe z gradientem kolorów COLRv1 jako dodatkowy nowy format czcionki. Kolorowa czcionka zawiera znaki z wieloma kolorami, np. emotikony, flagi państw lub wielokolorowe litery.

Więcej informacji o tym nowym formacie czcionki znajdziesz w artykule Czcionki wektorowe z kolorowym gradientem w Chrome 98.

Dostępna jest też metoda structuredClone(), która służy do tworzenia głębokich kopii obiektów, oraz zapytania o multimedia w CSS dynamic-range i video-dynamic-range. Więcej funkcji do testowania znajdziesz w poście o Chrome 98 Beta.

Narzędzia deweloperskie w Chrome 98 zawierają całą kolekcję nowych funkcji, w tym nowe drzewo ułatwień dostępu.

Firefox 97 w wersji beta obsługuje jednostki cap i ic dla length oraz implementuje właściwość scrollbar-gutter.

Safari 15.4 Beta oferuje całą kolekcję przydatnych funkcji. Funkcje obejmują implementację pseudoelementu ::backdrop, pseudoklasy :focus-visible, właściwości accent-color oraz ograniczeń CSS z właściwością contain. Ta wersja beta zawiera też element HTML <dialog>, atrybut lazy w obrazach umożliwiający ładowanie opóźnione oraz obsługę ikon w pliku manifestu aplikacji internetowej.

Wszystkie te funkcje w wersji beta wkrótce trafią do stabilnych wersji przeglądarek.

Cześć cyklu Nowości w internecie