Nowości na platformie internetowej w lipcu

Odkryj ciekawe funkcje, które zostały udostępnione w przeglądarkach stabilnych i beta w lipcu 2022 roku.

Stabilne wersje przeglądarek

W lipcu Firefox 103 i Safari 15.6 stały się stabilne, dzięki czemu możemy interoperacyjnością z kilkoma przydatnymi funkcjami CSS.

Właściwość backdrop-filter

W przeglądarce Firefox w wersji 103 znajduje się właściwość backdrop-filter, która pozwala stosować efekty takie jak rozmycie do obszaru za elementem. Dzięki tej wartości w przeglądarce Firefox jest ona obecnie dostępna we wszystkich trzech wyszukiwarkach, chociaż Safari wymaga prefiksu -webkit.

Obsługa przeglądarek

  • 76
  • 17
  • 103
  • 9

Źródło

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

W przeglądarce Firefox została również zaimplementowana właściwość scroll-snap-stop. Ta właściwość określa, czy przewijany element ma przechodzić nad możliwymi pozycjami przyciągania (z wartością domyślną normal), czy też przyciągać do pierwszej (z wartością always). Właściwość scroll-snap-stop jest obecnie dostępna we wszystkich 3 wyszukiwarkach.

Obsługa przeglądarek

  • 75
  • 79
  • 103
  • 15

Źródło

Safari 15.6 była wersją przeznaczoną głównie do rozwiązywania problemów, ale zawierała nową funkcję CSS z pseudoklasą :modal. Ta funkcja została również udostępniona w przeglądarce Firefox w wersji 103. Pseudoklasa :modal wybiera element, gdy nie można sterować wszystkimi elementami znajdującymi się poza nim do czasu jego zamknięcia. Na przykład element dialog jest otwarty za pomocą polecenia showModal().

Obsługa przeglądarek

  • 105
  • 105
  • 103
  • 15,6

Źródło

Wersje przeglądarki (beta)

Wersje beta zawierają podgląd funkcji, które pojawią się w następnej stabilnej wersji przeglądarki. To doskonała okazja do przetestowania nowych funkcji lub usunięć, które mogą wpłynąć na Twoją witrynę, zanim udostępnimy je użytkownikom na całym świecie.

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

W przeglądarce Firefox w wersji 104 dostępny jest interfejs CSS Font Wczytuję API w Web Workers oraz właściwość CSS animation-composition, która określa operację kompozycji używaną w przypadku, gdy na tę samą właściwość jednocześnie wpływa wiele animacji.

Wersja beta Safari 16, o której wspomniano w zeszłym miesiącu, również wciąż trwa.

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

Część serii nowości w internecie