Odkryj tylko niektóre z funkcji, które zaczęły działać w 2022 r.
Zakończyliśmy już kolejny rok i nadszedł czas, by przyjrzeć się udoskonaleniom wprowadzanym przez przeglądarki i wspólnie pracować nad poprawą interoperacyjności platformy internetowej. Więcej informacji o tym, jak wszystko zaczęło się w tym roku, znajdziesz w naszym poście w marcu tego roku.
Ogólne wyniki na koniec roku wskazują na znaczną poprawę we wszystkich wyszukiwarkach.
Z tego posta dowiesz się więcej o postępach w 2022 roku. Oprócz tych funkcji nagłówkowych wszystkie wyszukiwarki wprowadziły też wiele mniejszych ulepszeń. Rozwiązaliśmy drobne problemy, które mogą powodować niespójności między wyszukiwarkami i zakłócać pracę podczas programowania. Duże funkcje dostępne w różnych przeglądarkach są bardzo ekscytujące, ale czasem to właśnie drobnostki powodują największe problemy i dobrze jest widzieć, jak dużo zostało dopracowanych.
Kaskadowe warstwy
Warstwy kaskadowe umożliwiają zarządzanie kaskadą przez grupowanie selektorów w warstwy. Tego rodzaju funkcja staje się przydatna tylko wtedy, gdy jest dostępna wszędzie. Wszystkie główne silniki obsługują teraz warstwy kaskadowe, a wyniki wszystkich przeglądarek odzwierciedlają interoperacyjność tej funkcji. W przeglądarce Firefox pozostało tylko kilka testów do zaliczenia.
Element okna
Element okna umożliwia tworzenie okien modalnych i niemodalnych. Jest to powszechny wzorzec w internecie, a użycie tego elementu zapewnia łatwość obsługi i ułatwienia dostępu, które inaczej należałoby opracować i przetestować podczas tworzenia własnych komponentów. W artykule Tworzenie komponentu okna Adam Argyle wyjaśnia, jak wykorzystać ten element do tworzenia różnych rodzajów okien.
Podsiatka
Na początku 2022 roku jedyną przeglądarką obsługującą wartość subgrid
w przypadku wartości grid-template-rows
i grid-template-columns
była Firefox. W 2022 r. obsługa Safari jest dostępna, a funkcja jest obecnie rozwijana w Chrome. Ta funkcja może nie zdążyć na koniec roku na potrzeby interoperacyjności, ale pracujemy nad tym.
Jednostki widocznego obszaru
Jednostki widocznego obszaru to jedyna funkcja, która przeszła 100% testów we wszystkich wyszukiwarkach. Dotyczy to też małego i dużego widocznego obszaru, który jest związany ze zmianą rozmiaru widocznego obszaru na urządzeniu mobilnym w miarę pojawiania się i znikania elementów interfejsu. Więcej informacji o tych jednostkach znajdziesz w poście na temat dużych, małych i dynamicznych jednostek widocznego obszaru.
Obsługa przeglądarek
- 108
- 108
- 101
- 15,4
Kolor 4
Ta kolekcja kolorów pozwala CSS nie tylko określać kolory w wyższych zakresach rozdzielczości (np. wyświetlacz p3, rec2020), ale też udostępniać nowe funkcje kolorów, które zapewniają unikalne narzędzia do pracy z kolorem. Nowe przestrzenie kolorów to lch()
, oklch()
, lab()
, oklab()
, display-p3
, rec2020
, a98-rgb
, prophoto-rgb
, xyz
, xyz-d50
, xzy-d65
: wypróbuj je obecnie w wersji Canary z włączoną tą flagą. Te zmiany odnoszą się również do gradientów, co pozwala autorom określać, której przestrzeni kolorów mają używać gradienty. Ta sama flaga włącza też obsługę color-mix()
, co pozwala na dodanie 2 kolorów razem w wybranej przestrzeni. W przeglądarkach Safari i Firefox dostępna jest też funkcja color-mix(). Więcej kolorów, lepsze kolory, lepsze gradienty i lepsze narzędzia.
Interakcja 2023
Mam nadzieję, że ucieszy Cię wiadomość, że nie zamierzamy zakończyć sprzedaży z końcem 2022 roku, a Interop 2023 jest już na początkowym etapie planowania. W nowym roku ogłosimy wybrane funkcje i zapowiadamy sobie kolejny rok na ułatwienie tworzenia rozwiązań internetowych.
Baner powitalny autorstwa Iana Schneidera.