Odkryj 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
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
Chrome 131 中的新变化
Chrome 131 现已发布!为详情元素添加更多 CSS 样式,使用页边距框更轻松地设置打印布局,以及更多功能。
- Chrome
Chrome 130 中的新变化
Chrome 130 现已发布!文档画中画可让您更好地控制画中画窗口,CSS 嵌套声明可修复一些棘手的边缘情况,您还可以指定分布在多行中的元素上的装饰的行为方式。Pete LePage 详细介绍了 Chrome 130 中面向开发者的新功能。
- Chrome
滚动条驱动动画案例研究
通过 Policybazaar、redBus 和 Tokopedia 探索滚动条驱动的动画的优势。
- Chrome
CSS 砌体的替代建议
定义不同规范的砌体和网格的方案。
- Chrome
您的浏览器即将推出级联层
级联层是一种新的 CSS API,可帮助您管理代码的级联优先级,它很快就可以登陆所有现代浏览器。
- Chrome
How NRK uses scroll-driven animations to bring stories to life
Learn how scroll-driven and scroll-triggered animations enhance storytelling articles
- 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