Opublikowano: 2 marca 2026 r.
Witamy w styczniowym wydaniu Baseline Digest z 2026 r. Co miesiąc wyróżniamy funkcje platformy internetowej, które osiągnęły nowe kamienie milowe w Baseline. Dzięki temu możesz dowiedzieć się, które narzędzia są już gotowe do użycia w Twoich projektach.
Styczeń był ekscytującym początkiem roku. Kilka ważnych interfejsów API i jednostek CSS zostało przeniesionych do kategorii Nowo dostępne, a istotne ulepszenie układu stało się Powszechnie dostępne.
Podstawowe nowo dostępne funkcje
W styczniu 2026 r. w ramach Baseline Newly dostępne stały się te funkcje internetowe:
Przejście w Widoku aktywnym
:active-view-transitionPseudoklasa CSS jest teraz dostępna w Baseline Newly available. Ten selektor umożliwia programistom kierowanie na element główny dokumentu i jego stylizowanie w trakcie przejścia widoku. Jest to szczególnie przydatne w przypadku stosowania globalnych stylów lub korekt, które powinny istnieć tylko w okresie przejścia, np. zmiany koloru tła nakładki przejścia lub dostosowania indeksu z określonych warstw, aby zapewnić płynny przepływ wizualny.
Moduły JavaScript w skryptach service worker
Skrypty service worker obsługują teraz moduły JavaScript we wszystkich głównych silnikach przeglądarek. Ustawiając opcję type: 'module' podczas wywoływania navigator.serviceWorker.register(), możesz używać standardowych instrukcji import i export w skrypcie service worker. Dzięki temu service workerzy są zgodni z nowoczesnymi praktykami tworzenia kodu JavaScript, co pozwala na lepszą organizację kodu, łatwiejsze zarządzanie zależnościami i możliwość udostępniania kodu między wątkiem głównym a procesem działającym w tle.
Navigation API
Interfejs Navigation API to nowoczesna, specjalnie zaprojektowana alternatywa dla starszego interfejsu History API, która jest dostosowana do potrzeb aplikacji jednostronicowych. Umożliwia centralne inicjowanie, przechwytywanie i zarządzanie wszystkimi typami działań związanych z nawigacją, w tym działaniami wywoływanymi przez przyciski Wstecz i Dalej w przeglądarce. Dzięki zdarzeniom takim jak Maps programiści mogą wdrażać płynniejsze routing po stronie klienta z mniejszą ilością kodu szablonowego. Więcej informacji o tym, jak ta zmiana wpłynie na sposób tworzenia stron internetowych, znajdziesz w naszym poście na blogu: Nowoczesne routowanie po stronie klienta: interfejs Navigation API.
rcap jednostka CSS
Jednostka rcap to jednostka długości względnej w stosunku do czcionki elementu głównego, która jest równa „wysokości wielkich liter” (nominalnej wysokości wielkich liter) czcionki elementu głównego. Umożliwia to precyzyjne układy typograficzne, które są skalowane względem podstawowego kroju pisma używanego w witrynie, a nie tylko rozmiaru czcionki.
rch jednostka CSS
Podobnie jak jednostka ch, ale w odniesieniu do elementu głównego, rch oznacza szerokość, a dokładniej miarę postępu, znaku „0” (zero) w czcionce elementu głównego. Jest to idealne rozwiązanie do tworzenia układów, które zależą od szerokości znaków, np. kontenera, który powinien dokładnie mieścić określoną liczbę znaków w czcionce głównej.
rex jednostka CSS
Jednostka rex to wersja jednostki ex, która jest względna względem elementu głównego i równa wysokości x czcionki elementu głównego. Ta jednostka jest szczególnie przydatna do wyrównywania w pionie i określania rozmiaru elementów względem wysokości małych liter w podstawowej typografii dokumentu.
ric jednostka CSS
Jednostka ric jest odpowiednikiem jednostki ic, ale w odniesieniu do elementu głównego. Jest ona równa „ideograficznej” miarze przesunięcia (zwykle szerokości lub wysokości ideogramu CJK) czcionki elementu głównego. Jest to niezbędne narzędzie dla deweloperów tworzących układy z obsługą wielu języków, zwłaszcza tych, którzy używają skryptów chińskiego, japońskiego lub koreańskiego.
Baseline Widely available features
W styczniu 2026 r. te funkcje internetowe stały się powszechnie dostępne w ramach Baseline Widely.
Właściwość CSS display z 2 wartościami
Składnia wielu słów kluczowych dla właściwości display jest teraz powszechnie dostępna w ramach Baseline. Ta aktualizacja umożliwia wyraźne określenie zarówno „zewnętrznego”, jak i „wewnętrznego” typu wyświetlania pola. Na przykład zamiast znaku inline-flex możesz użyć znaku display: inline flex. Określa, czy element uczestniczy w przepływie blokowym czy w wierszu (typ zewnętrzny) i jak są rozmieszczane jego elementy podrzędne (typ wewnętrzny, np. flex lub grid). Ta zmiana sprawia, że silnik układu CSS jest bardziej logiczny i spójny dla programistów.
Właściwość CSS animation-composition
Właściwość animation-composition określa, jak wiele animacji powinno wchodzić ze sobą w interakcję, gdy jednocześnie wpływają na tę samą właściwość. Możesz wybrać opcję replace, add lub accumulate, co daje Ci precyzyjną kontrolę nad sposobem obliczania złożonych, warstwowych animacji.
Kopiowanie tablicy
JavaScript zawiera teraz metody, które umożliwiają przekształcanie tablic bez zmiany oryginalnych danych. Metody takie jak toReversed(), toSorted() i toSpliced() zwracają nową, zmodyfikowaną kopię tablicy, co sprzyja bardziej funkcjonalnemu i bezpieczniejszemu stylowi programowania.
Pomóż nam się doskonalić
Jak zwykle, jeśli coś pominęliśmy, daj nam znać, a my uwzględnimy to w przyszłym wydaniu. Jeśli masz pytania lub chcesz przesłać opinię na temat Baseline, możesz zgłosić problem w naszym systemie śledzenia problemów.