Chrome for Developers's banner

Chrome for Developers

@ChromiumDev • 424,602 subscribers

The official Chrome Devs X account from Google. We want to help you build beautiful, accessible, fast, & secure websites that work for everyone, everywhere.

Shorts

10,000 installs and counting! 📈 We created Modern Web Guidance to bring web platform expertise right into your agent workflows. Have you tried pairing these skills with Chrome DevTools for agents to audit performance and automatically fix code? Check it out and join 10K+ web developers who are coding smarter →

10,000 installs and counting! 📈 We created Modern Web Guidance to bring web platform expertise right into your agent workflows. Have you tried pairing these skills with Chrome DevTools for agents to audit performance and automatically fix code? Check it out and join 10K+ web developers who are coding smarter →

76,161 görüntüleme

🎈 Chrome turns 18 today! From our early Windows XP launch to reaching billions across mobile platforms, it’s been an incredible journey. We couldn't have done it without the global developer community. What’s your favorite feature or memory from developing for Chrome over the years?

🎈 Chrome turns 18 today! From our early Windows XP launch to reaching billions across mobile platforms, it’s been an incredible journey. We couldn't have done it without the global developer community. What’s your favorite feature or memory from developing for Chrome over the years?

43,249 görüntüleme

Is browser scroll-locking helping your site users, or just frustrating their diagonal gestures? 📐 Bramus breaks down how `scroll-axis-lock: none` gives you control over 2D panning behavior. Check out the interactive demos →

Is browser scroll-locking helping your site users, or just frustrating their diagonal gestures? 📐 Bramus breaks down how `scroll-axis-lock: none` gives you control over 2D panning behavior. Check out the interactive demos →

23,932 görüntüleme

See how Modern Web Guidance helps your coding agent write a swipe-to-remove feature. Compare side-by-side with an unassisted agent 🧵⬇️

See how Modern Web Guidance helps your coding agent write a swipe-to-remove feature. Compare side-by-side with an unassisted agent 🧵⬇️

13,392 görüntüleme

We're excited to announce Chrome DevTools MCP is now on the Github MCP registry → The community's ideas and contributions are already helping us shape what's next for this project. Keep the feedback coming!

We're excited to announce Chrome DevTools MCP is now on the Github MCP registry → The community's ideas and contributions are already helping us shape what's next for this project. Keep the feedback coming!

172,094 görüntüleme

Single-axis scroll containers fix long-standing CSS overflow quirks → Key capabilities ready for testing in Chrome 153 (Beta, Dev, or Canary): 📌 Pair `auto` with `clip` to enable a single-axis scroll container 🔍 Detect support reliably using `@ supports named-feature()` 🚫 Prevent accidental two-dimensional scrollers in your layouts

Single-axis scroll containers fix long-standing CSS overflow quirks → Key capabilities ready for testing in Chrome 153 (Beta, Dev, or Canary): 📌 Pair `auto` with `clip` to enable a single-axis scroll container 🔍 Detect support reliably using `@ supports named-feature()` 🚫 Prevent accidental two-dimensional scrollers in your layouts

15,676 görüntüleme

See what new web platform features arrived in August → Highlights reaching Baseline: 📦 Precision text-box alignment controls 🔎 Dynamic sibling-count() and sibling-index() functions 🌐 Global autocorrect HTML attribute support

See what new web platform features arrived in August → Highlights reaching Baseline: 📦 Precision text-box alignment controls 🔎 Dynamic sibling-count() and sibling-index() functions 🌐 Global autocorrect HTML attribute support

14,320 görüntüleme

Adidas replaced the "forgot password" reset loop with passkeys at scale → With passkeys, they achieved: 99% sign-in success rate 8% adoption lift with automatic passkey creation <0.3% orphaned passkey rate with Signal API

Adidas replaced the "forgot password" reset loop with passkeys at scale → With passkeys, they achieved: 99% sign-in success rate 8% adoption lift with automatic passkey creation <0.3% orphaned passkey rate with Signal API

66,219 görüntüleme

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

Chrome 147 is officially rolling out to users everywhere → This release includes element-scoped view transitions, empowering you to run concurrent transitions on separate HTML elements.

73,475 görüntüleme

sibling-index() = knowing your exact spot in line sibling-count() = knowing how long the line is Both CSS functions have reached Baseline Newly Available status for the latest browsers. Read the full docs → Guides and fallbacks are in Modern Web Guidance →

sibling-index() = knowing your exact spot in line sibling-count() = knowing how long the line is Both CSS functions have reached Baseline Newly Available status for the latest browsers. Read the full docs → Guides and fallbacks are in Modern Web Guidance →

14,062 görüntüleme

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

124,782 görüntüleme

Skip writing complex JavaScript to make form elements like textarea fit user input 🍝 The field-sizing CSS property is a newly available Baseline feature that lets form controls naturally adjust their sizing to fit their contents. Find the documentation here →

Skip writing complex JavaScript to make form elements like textarea fit user input 🍝 The field-sizing CSS property is a newly available Baseline feature that lets form controls naturally adjust their sizing to fit their contents. Find the documentation here →

16,453 görüntüleme

Signing in to the web shouldn’t feel like a chore. It should be a secure, seamless entry point that makes users feel safe from the start 🔒 Our new guide from #GoogleIO outlines how to eliminate authentication friction using Conditional Create for zero-prompt passkey upgrades and Immediate UI Mode for instant logins →

Signing in to the web shouldn’t feel like a chore. It should be a secure, seamless entry point that makes users feel safe from the start 🔒 Our new guide from #GoogleIO outlines how to eliminate authentication friction using Conditional Create for zero-prompt passkey upgrades and Immediate UI Mode for instant logins →

29,748 görüntüleme

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications →

We are bringing the latest web announcements to #GoogleIO on May 19th at 1:30pm PT to help you build incredible web applications →

34,235 görüntüleme

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

Chrome 146 is stable 🚀 We’re shipping features that move more logic out of your JavaScript and into the browser → ✨ Scroll-triggered animations (declarative CSS!) 🛡️ The Sanitizer API for XSS-free apps 🧩 Scoped custom element registries

35,782 görüntüleme

Evaluate your production feature support more easily using the updated Baseline Checker tool. Now you can check your own user support levels without the headache of downloading and uploading manual files. The new Google Analytics API integration does the heavy lifting for you →

Evaluate your production feature support more easily using the updated Baseline Checker tool. Now you can check your own user support levels without the headache of downloading and uploading manual files. The new Google Analytics API integration does the heavy lifting for you →

15,851 görüntüleme

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.

28,290 görüntüleme

Modern CSS and HTML APIs are making web layouts incredibly powerful. From declarative scroll-triggered animations to element-scoped view transitions, the platform is expanding. Catch up on every major feature update →

Modern CSS and HTML APIs are making web layouts incredibly powerful. From declarative scroll-triggered animations to element-scoped view transitions, the platform is expanding. Catch up on every major feature update →

14,978 görüntüleme

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

The Popover API puts your UI on a separate top layer so you can stop fighting with focus management. Plus backdrop styling so short it fits here: [popover]::backdrop { background: rgb(52, 168, 83); backdrop-filter: blur(3px); } Build more with less code→

41,345 görüntüleme

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

Make your UI smarter with scroll-state()! → With CSS scroll-state() queries, you can easily manage stuck, snapped, and overflowing elements.

61,156 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

The Split View API is here! Arriving in Chrome 155 and developed in close collaboration with Mozilla and browser vendors in the WebExtensions Community Group, this API integrates directly into the browser.tabs namespace without requiring any extra manifest permissions →

The Split View API is here! Arriving in Chrome 155 and developed in close collaboration with Mozilla and browser vendors in the WebExtensions Community Group, this API integrates directly into the browser.tabs namespace without requiring any extra manifest permissions →

Chrome for Developers

32,819 görüntüleme • 3 gün önce

Announcing the Google Chrome Built-in AI Challenge starting today! Discover what's possible with AI on the web and Gemini Nano in Chrome. Cash prizes totaling $65,000 will be awarded to winners - show us what you can build! Join the challenge:

Announcing the Google Chrome Built-in AI Challenge starting today! Discover what's possible with AI on the web and Gemini Nano in Chrome. Cash prizes totaling $65,000 will be awarded to winners - show us what you can build! Join the challenge:

Chrome for Developers

5,496,508 görüntüleme • 2 yıl önce

You built a Chrome extension using an AI agent. Now, how do you let that agent test it? We updated Chrome DevTools for agents so your agent can install extensions & interact with content inside popups automatically →

You built a Chrome extension using an AI agent. Now, how do you let that agent test it? We updated Chrome DevTools for agents so your agent can install extensions & interact with content inside popups automatically →

Chrome for Developers

133,969 görüntüleme • 1 ay önce

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Announcing our public preview of Chrome DevTools MCP! Experience the full power of DevTools in your AI coding agent → With Chrome DevTools MCP, your AI agent can run performance traces, inspect the DOM, & perform real-time debugging of your web pages.

Chrome for Developers

1,043,443 görüntüleme • 1 yıl önce

Side-by-side test for building dialogs: standard agent vs. agent with Modern Web Guidance 🏁 Both generate similar UIs, but the guided version skips four separate event listeners in favor of `commandfor` and `command` attributes, with less code overall. Which approach would you rather maintain in your codebase? →

Side-by-side test for building dialogs: standard agent vs. agent with Modern Web Guidance 🏁 Both generate similar UIs, but the guided version skips four separate event listeners in favor of `commandfor` and `command` attributes, with less code overall. Which approach would you rather maintain in your codebase? →

Chrome for Developers

10,917 görüntüleme • 4 gün önce

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

Chrome for Developers

901,923 görüntüleme • 1 yıl önce

PayPal recently tested the WebMCP proposed standard to streamline agentic commerce. By replacing more than 30 complex interface-interaction steps with 3 structured tool calls, they delivered a significantly faster and more consistent E2E checkout experience for AI assistants →

PayPal recently tested the WebMCP proposed standard to streamline agentic commerce. By replacing more than 30 complex interface-interaction steps with 3 structured tool calls, they delivered a significantly faster and more consistent E2E checkout experience for AI assistants →

Chrome for Developers

15,437 görüntüleme • 9 gün önce

Pinterest moved to native CSS carousels to replace legacy JS platform-wide → Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI

Pinterest moved to native CSS carousels to replace legacy JS platform-wide → Using CSS primitives like scroll markers and snap, they achieved: 📉 90% code reduction (2k JS → 200 CSS) 🚀 15% faster page loads ✨ Smoother, interactive UI

Chrome for Developers

220,279 görüntüleme • 6 ay önce

Ensure your coding agent creates more accessible, progressively enhanced web forms, with Modern Web Guidance. Watch our side-by-side comparison to discover how Modern Web Guidance skills help agents handle: ⌨️ Adding the Enter key hint attribute 🏷️ Correct autocomplete values 🎨 Autofill styling as a progressive enhancement See it in action →

Ensure your coding agent creates more accessible, progressively enhanced web forms, with Modern Web Guidance. Watch our side-by-side comparison to discover how Modern Web Guidance skills help agents handle: ⌨️ Adding the Enter key hint attribute 🏷️ Correct autocomplete values 🎨 Autofill styling as a progressive enhancement See it in action →

Chrome for Developers

13,707 görüntüleme • 11 gün önce

Stop adding !important to solve CSS specificity issues → Starting in Chrome 151, DevTools breaks down the exact specificity calculation right inside the Styles tab.

Stop adding !important to solve CSS specificity issues → Starting in Chrome 151, DevTools breaks down the exact specificity calculation right inside the Styles tab.

Chrome for Developers

13,671 görüntüleme • 12 gün önce

Teach your coding agent to write scroll-driven animations with Modern Web Guidance → See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.

Teach your coding agent to write scroll-driven animations with Modern Web Guidance → See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.

Chrome for Developers

14,666 görüntüleme • 18 gün önce

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅 Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease →

Ever watched your coding agent confidently write massive amounts of JavaScript for a simple swipe gesture, only for the animation to stutter? 😅 Watch our side-by-side test: with Modern Web Guidance enabled, the coding agent pulls expert-vetted swipe-to-remove guide into its context window, handling features like scroll snap and intersection observer with ease →

Chrome for Developers

19,239 görüntüleme • 24 gün önce

Loved scroll-driven animations? Meet their scroll-triggered sibling. Instead of tying animation progress directly to the scrollbar, you can trigger full time-based CSS animations when crossing a scroll offset. See how to build them with pure CSS →

Loved scroll-driven animations? Meet their scroll-triggered sibling. Instead of tying animation progress directly to the scrollbar, you can trigger full time-based CSS animations when crossing a scroll offset. See how to build them with pure CSS →

Chrome for Developers

13,797 görüntüleme • 16 gün önce

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Stop slowing down your entire app just to test one API. You can now throttle individual network requests in Chrome DevTools to simulate specific bottlenecks without affecting the rest of your session →

Chrome for Developers

118,844 görüntüleme • 7 ay önce

Take a bigger slice of the agentic web this #PiDay by shipping a literal pizza pie → To try: enable chrome://flags/#enable-webmcp-testing & install the Model Context Tool Inspector extension. Share what "pi" you’d build below! 🍕

Take a bigger slice of the agentic web this #PiDay by shipping a literal pizza pie → To try: enable chrome://flags/#enable-webmcp-testing & install the Model Context Tool Inspector extension. Share what "pi" you’d build below! 🍕

Chrome for Developers

99,896 görüntüleme • 7 ay önce

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

View Transitions just learned how to multitask with the rest of the page. Scoped View Transitions let you run multiple, fluid transitions at the same time, all with just a few lines of CSS. Web UX, re-imagined →

Chrome for Developers

114,656 görüntüleme • 10 ay önce

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →

From flight searches to restaurant bookings, WebMCP is making apps agent-ready. Explore our list of demos to see the future of the web in action. Have a project? Submit a PR to be featured →

Chrome for Developers

85,125 görüntüleme • 7 ay önce

The wait is over! The Google Chrome Built-in AI Challenge 2025 is here. Today's the day to start building with our built-in AI APIs. Create a web app or Chrome Extension to compete for our $70K prize pool. Let the coding commence →

The wait is over! The Google Chrome Built-in AI Challenge 2025 is here. Today's the day to start building with our built-in AI APIs. Create a web app or Chrome Extension to compete for our $70K prize pool. Let the coding commence →

Chrome for Developers

109,758 görüntüleme • 1 yıl önce