Re-imagine the web with CSS anchor positioning
Build interactive, engaging web interfaces with CSS anchor positioning and popover elements.
20 770
6.2
Re-imagine the web with View Transition API
With new web capabilities like cross-document View Transitions—novel, app-like, seamless navigation is just a few lines of CSS away.
4 684 003
2136
Learn scroll-driven animations #CSSwrapped
One of the features we highlight on the site are scroll-driven animations which allow you to control through scroll.
1 590
5.2
Animate height: auto with interpolate-size in CSS
Interpolate-size allows for smooth transitions between length and intrinsic sizes.
1 145
4.2
How to share a performance trace with notes #DevToolsTips
Move over screenshots and say hello to annotations! Learn how to record a performance trace and export it so you can share it with others.
5 915
5.5
What’s new in DevTools: Chrome 130-132
Let’s goooo~ Explore the latest DevTools features in Chrome 130-132! Join Jecelyn, Oliver, and Matthias as they dive deep into the updates and show you how to use them.
13 637
11.3
Chrome Built-in AI APIs
Discover how you can unlock new capabilities with Chrome’s built-in-AI APIs, powered by Gemini Nano.
1 082
8
17 new features and improvements #CSSwrapped
Learn about the 17 new improvements to CSS and UI improvements to hit the web platform in Chrome in 2024. Products Mentioned: CSS
2 018
5.7
Re-imagine the power of the web
Remember those early days of coding? The struggles, the triumphs, the shared belief in something bigger? We've built worlds with lines of code, all connected by a shared dream.
7 563 130
6164
How to keep the classic DevTools look
Change back to the classic colors in DevTools by uncheck marking “Match Chrome theme.” This way you can stick with the original look in DevTools.
860
9.9
Chrome Extensions Product Manager answers your questions
Hear from David Li, Product Manager on the Chrome Extensions team, answers your top questions about the Chrome Web Store.
2 495
16.5
CrUX supports navigation types
CrUX supports navigation types, providing aggregated statistics about the navigation types of page loads for the dimension queried Learn more at, goo.gle/crux-navigation-types Check out the CrUX
858
6.8
Never debug alone 😴 → 😎 #DevToolsAI
When your teammate's asleep but the code's gotta be fixed! 😂 Check out how AI Assistance can help you debug CSS and style your UI!
1 825
6.5
Find scrollable elements quickly with DevTools
No more searching for scrollable elements. Now with the scroll badge in DevTools, you’ll find them instantly!
1 032
5
Get started with Scroll-Driven Animations
Check out the series “Unleash the power of Scroll-Driven Animations” to learn about this common UX pattern.
1 057
5.8
Enabling NPUs to speed up workload
Rob Kochman shares his experince at the Web AI Summit 2024 and all the exciting new developments he's looking forward to.
1 033
7.7
WebDriver BiDi is production-ready
With WebDriver BiDi now production-ready in Firefox, Puppeteer, from version 23, offers stable support for Firefox through WebDriver BiDi.
1 789
10.1
CSS debugging with AI assistance panel in DevTools
Learn about the AI assistance panel in DevTools, designed to help with CSS styling and more.
1 097
9.5
CSS Wrapped 2024 is here!
Join the Chrome DevRel team and a skateboarding Chrome Dino on a journey through the forest, over the mountains, and across the seas as they explore the latest CSS launched for Chrome and the web
19 999
6.9
Monitor live performance metrics in DevTools
Check out DevTools to monitor your site's user performance in real-time!
938
7.5
Record and analyze a performance trace #DevToolsTips
Barry joins Jecelyn again to explain how to record a trace in the Performance panel and debug LCP and CLS issues using the new Insights tab.
4 618
6
scheduler.yield API
Learn about the scheduler.yield API and how it facilitates smooth interactions.
1 647
7.5
Re-imagine the web with scroll-driven animations
Create fluid, responsive scroll-driven animations that give your users engaging, app-like web experiences—with only a few lines of CSS, JavaScript, or both.
3 904 099
978.1
Dynamic and adaptable designs with CSS Container Queries
Unlock the power of dynamic layouts with CSS Container Queries. Learn how to adapt your web designs seamlessly to any container size.
1 883
3.4
Boost your workflow with File System Observer
The File System Observer in Chrome allows you to edit and track changes in local files with VS Code on the web.
1 083
10.3
CSSNestedDeclarations
Say goodbye to CSS nesting confusion. Now with Chrome 130, CSSNestedDeclarations interface allows users to interleave bare declares with other nested rules.
1 384
6
Help us fix the Chrome DevTools plane with AI assistance #DevToolsAI
Oh no! The Chrome DevTools plane is all broken. Help us fix its CSS with AI assistance in Chrome DevTools.
1 359
9.3
Simpler sign-ins, stronger security with passkeys
Say goodbye to passwords! Passkeys use your screen lock (like fingerprint sensors) for faster, safer access.
1 388
7.8
ML training on the web: Building Simple ML for Google Sheets
In this talk by Richard Stotz (Software Engineer, Google), we'll dive into how we built Simple ML for Sheets, a free Google Sheets add-on for ML and AI.
1 972
8.5
MediaPipe Web: Bringing cross-platform AI tech to the browser
Tyler Mullen (Staff SWE, Google) will teach you about MediaPipe's cross-platform approach to building AI pipelines and bringing them to the browser.
2 752
9