Nowości na platformie internetowej w lipcu

Poznaj kilka interesujących funkcji, które trafiły do przeglądarek w stabilnej i wersji beta w lipcu 2022 r.

Wersje stabilne przeglądarki

W lipcu wersje Firefox 103 i Safari 15.6 stały się stabilne, a kilka świetnych funkcji CSS współdziała z nimi.

Właściwość backdrop-filter

Firefox 103 zawiera właściwość backdrop-filter, która służy do stosowania efektów, takich jak rozmycie obszaru za elementem. Przy tej wartości w Firefoksie jest teraz dostępna we wszystkich 3 wyszukiwarkach, jednak Safari wymaga prefiksu -webkit.

Obsługa przeglądarek

  • 76
  • 79
  • 103
  • 18

Źródło

Właściwość scroll-snap-stop

W przeglądarce Firefox zaimplementowano także właściwość scroll-snap-stop. Ta właściwość pozwala określić, czy przewijany element przechodzi nad możliwymi pozycjami przyciągania (z domyślną wartością normal) czy musi przyciągać pierwszą pozycję (z wartością always). Właściwość scroll-snap-stop jest teraz dostępna we wszystkich 3 wyszukiwarkach.

Obsługa przeglądarek

  • 75
  • 79
  • 103
  • 15

Źródło

Safari w wersji 15.6 była wersja głównie poświęcona rozwiązywaniu problemów, ale pojawiła się w nich jedna nowa funkcja CSS z pseudoklasą :modal. Ta funkcja została też udostępniona w przeglądarce Firefox w wersji 103. Pseudoklasa :modal wybiera element, gdy wszystko, co znajduje się poza nim, nie może zostać z nim powiązane do czasu jego zamknięcia. Na przykład element dialog został otwarty za pomocą showModal().

Obsługa przeglądarek

  • 105
  • 105
  • 103
  • 15,6

Źródło

Wersje przeglądarek (beta)

Przeglądarki w wersji beta dają podgląd funkcji, które zostaną wprowadzone w następnej stabilnej wersji przeglądarki. To świetna okazja, by przetestować nowe funkcje lub usunięcia, które mogą mieć wpływ na Twoją witrynę jeszcze przed udostępnieniem ich wszystkim użytkownikom.

Ponieważ daty wydania przypadają poza miesiącem, w czerwcu jedyną nową wersją beta był Firefox 104.

Firefox 104 obejmuje interfejs CSS Font Upload API dostępny w narzędziu Web Workers i właściwość CSS animation-composition, która definiuje operację tworzenia kompozycji, gdy wiele animacji wpływa na tę samą właściwość jednocześnie.

Wersja beta przeglądarki Safari 16 wspomniana w zeszłym miesiącu również nadal trwa.

Te funkcje w wersji beta będą wkrótce dostępne w stabilnych przeglądarkach.

Część serialu „Nowości w internecie