Opóźnienie wdrożenia funkcji @function w CSS z wersji Chrome 136 na 139

Zespół Chrome odpowiada na pytania społeczności.

• Chrome

Przewodnik po migracji z Edge do Chrome na Androida

Tworzenie interfejsów internetowych od krawędzi do krawędzi

Przygotuj się na przejście na tryb pełnoekranowy w Chrome na Androida

W Chrome 135 na Androidzie wprowadzamy tryb pełnoekranowy.

• Chrome

Jak NRK wykorzystuje animacje zależne od przewijania do ożywiania treści

Dowiedz się, jak animacje sterowane przez przewijanie i wywoływane przez przewijanie wzbogacają artykuły z opowiadaniami

• Chrome

Ulepszona funkcja CSS attr()

Funkcję attr() możesz teraz używać z dowolną właściwością CSS, w tym z właściwościami niestandardowymi, a ona może analizować wartości w inne typy danych niż ciągi znaków.

• Chrome

CSS Wrapped 2024

Dołącz do zespołu Chrome DevRel i dinosaura z deskorolki, aby poznać najnowszą wersję języka CSS wprowadzoną w Chrome i na platformie internetowej w 2024 r.

Więcej opcji stylizacji <details>

Teraz możesz ustawić typ wyświetlania i nadać styl kontenerowi dla części, która się rozwija i składa, za pomocą nowego pseudoelementu ::details-content.

Przejścia widoku tego samego dokumentu w aplikacjach jednostronicowych

Zacznij od przejścia na ten sam dokument, którego chcesz używać w aplikacji jednostronicowej.

Animacja do wysokości: auto; (i inne kluczowe słowa dotyczące rozmiaru) w CSS

Animuj do i z wewnętrznego rozmiaru słów kluczowych za pomocą parametrów „rozmiar interpolacji” i „calc-size()”

Przewiń zdarzenia przyciągania

Przedstawiamy 2 nowe zdarzenia JavaScript: ScrollSnapChange i scrollSnapZmienianie.

• Chrome

Błędne przekonania na temat przejść między widokami

Coraz więcej osób zaczyna zapoznawać się z interfejsem View Migrate API, dlatego nadszedł czas na obalenie niektórych błędnych przekonań.

• Chrome

Nowości dotyczące CSS i interfejsu internetowego: podsumowanie konferencji Google I/O 2024

Przeczytaj wszystkie ogłoszenia dotyczące usług porównywania cen i interfejsu internetowego z konferencji Google I/O w 2024 r.

• Chrome

Co nowego w przejściach widoku? (aktualizacja Google I/O z 2024 roku)

Przedstawiamy przejścia w widoku między dokumentami w przypadku MPA, przejścia widoku selektywnego z typami aktywnymi oraz udostępnianie stylów animacji z klasą przejścia widoku danych.

• Chrome

Dlaczego funkcje CSS i interfejsy użytkownika są ważne w przypadku Twojej witryny e-commerce?

Dowiedz się, jak witryny e-commerce mogą czerpać korzyści z wdrażania najnowszych funkcji CSS i interfejsu, m.in. wyświetlania przejść, animacji przewijanych czy interfejsu Popover API.

• Chrome

Przedstawiamy „Wykorzystywanie potencjału animacji opartych na przewinięciu”

10-częściowy kurs wideo zawierający wszystkie informacje na temat animacji przewijanych

• Chrome

Przejścia widoku między dokumentami w aplikacjach wielostronicowych

Zacznij od przenoszenia widoku między dokumentami do użycia w aplikacji wielostronicowej (MPA).

Płynne przejścia dzięki interfejsowi View Transition API

Interfejs View Transition API umożliwia dodawanie przejść między widokami witryny.

Zmiany w dziedziczeniu CSS ::backdrop

Od Chrome 122 element „::backdrop” dziedziczy właściwości z elementu źródłowego.

• Chrome

Styl paska przewijania

Do określania stylu pasków przewijania używaj właściwości „scrollbar-width” i „scrollbar-color”.

Wyjątkowa akordeon

Utwórz wyłączny akordeon z wieloma elementami „o tej samej nazwie”.

CSS: 2023 r.

Rok 2023 był świetny dla CSS. Zobacz, co trafiło w tym roku do Chrome i na platformie internetowej.

• Chrome

Ogranicz zasięg selektorów za pomocą reguły @scope w CSS

Dowiedz się, jak używać @scope do wybierania elementów tylko w ograniczonym poddrzewie DOM.

Tworzenie złożonych krzywych animacji w CSS za pomocą funkcji wygładzania linear()

Przedstawiamy linear() – funkcję wygładzania w CSS, która interpoluje liniowo między punktami, co pozwala odtworzyć efekty odbić i sprężyn.

Nowości w CSS i interfejsie: edycja I/O 2023

20 najważniejszych funkcji CSS i UI omówionych podczas Google I/O 2023, których nie można przegapić.

• Chrome

Animacja elementów podczas przewijania za pomocą animacji przewijanych

Dowiedz się, jak korzystać z osi czasu przewijania i wyświetlania osi czasu, aby tworzyć animacje przewijane w sposób deklaracyjny.

Zagnieżdżanie CSS

Jedną z naszych ulubionych funkcji preprocesora CSS jest teraz wbudowana w język: reguły stylu zagnieżdżania.

Pomoc dotycząca wyboru składni zagnieżdżania CSS

Grupa robocza ds. usług porównywania cen prowadzi debatę nad najlepszym sposobem zdefiniowania zagnieżdżania w CSS. Jeśli zajmujesz się pisaniem arkuszy CSS, chętnie Ci pomożemy.

• Chrome

Przygotuj się na zmiany w działaniu Chrome dotyczące zmiany rozmiaru widocznego obszaru, które wprowadzimy w Chrome na urządzeniach z Androidem

Jakie zmiany zostaną wprowadzone w związku ze zmianą rozmiaru widocznego obszaru w Chrome 108, dlaczego wprowadzamy tę zmianę w Chrome i jak możesz się do tego przygotować.

• Chrome

Nowości w Chrome 106

Wdrażamy Chrome 106. Wprowadzono nowe międzynarodowe interfejsy API, które dają Ci większą kontrolę przy formatowaniu liczb. Udostępniamy testy origin nowego interfejsu Pop Up API, które ułatwiają prezentowanie użytkownikom treści o znaczeniu krytycznym. Wprowadziliśmy kilka ulepszeń CSS. To jeszcze nie wszystko.

• Chrome

Studium przypadku: Better Angular Debugging with DevTools

Zespoły Angular i Narzędzia deweloperskie w Chrome współpracowały z zespołem Angular, aby poprawić jakość debugowania. Inne platformy mogą wprowadzać podobne zmiany.

• Chrome

Nowoczesne debugowanie stron internetowych w Narzędziach deweloperskich w Chrome

Zapoznaj się z ostatnimi zmianami w Narzędziach deweloperskich w Chrome, które ulepszają debugowanie i profilowanie podczas pracy z pakietami, platformami i kodem innych firm.

• Chrome

Nowości w Chrome 89

Wdrażamy Chrome 89. Interfejsy WebHID, WebNFC i Web Serial nie są już testowane w środowisku źródłowym i są teraz dostępne w wersji stabilnej. Usuwamy lukę w zabezpieczeniach, z której korzysta kilku deweloperów, którzy wcześniej pomijali testy możliwości zainstalowania PWA. Web Share i Cel udostępniania w sieci pojawiają się na pulpicie. To jeszcze nie wszystko.

• Chrome

New in Chrome 131

Chrome 131 is rolling out now! More CSS styling for the details element, easier print layout with page margin boxes, and there is plenty more.

• Chrome

New in Chrome 130

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave. Pete LePage has all the details about what's new for developers in Chrome 130.

• Chrome

Scroll-driven animations case studies

Discover the benefits of Scroll-driven animations with Policybazaar, redBus, and Tokopedia.

• Chrome

An alternative proposal for CSS masonry

A proposal to define masonry and grid in different specifications.

• Chrome

Specify how multiple animation effects should composite with animation-composition

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

• Workbox

More control over :nth-child() selections with the of S syntax

Pre-filter a set of child elements before applying An+B logic on it.

• Workbox

Cascade layers are coming to your browser

"Cascade layers are a new CSS API to help you manage the cascade precedence of you code, landing in all modern browsers soon."

• Chrome