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

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

W Chrome 135 na Androidzie wprowadzamy tryb pełnoekranowy.

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

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.

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.

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.

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

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

Przedstawiamy 2 nowe zdarzenia JavaScript: ScrollSnapChange i scrollSnapZmienianie.

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

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

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.

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.

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

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

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

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

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

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

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

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

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

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

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

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

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.

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ć.

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.

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.

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.

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 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 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.

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

A proposal to define masonry and grid in different specifications.

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

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

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