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

Chrome for Developers

@ChromiumDev

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

Pinned

🏆 And the Baseline Tooling Hackathon winners are... → goo.gle/47KQ6ve Nearly 3,000 developers submitted hundreds of innovative projects, but only 3 could take home their share of the $10,000 prize pool.

ChromiumDev's tweet image. 🏆 And the Baseline Tooling Hackathon winners are... → goo.gle/47KQ6ve

Nearly 3,000 developers submitted hundreds of innovative projects, but only 3 could take home their share of the $10,000 prize pool.

Before: Juggling your IDE, documentation, and the DevTools Console just to write a simple script. After: Typing a comment and letting Gemini complete the code for you directly in DevTools. Welcome to a more productive workflow →goo.gle/3JFWTNF


The ::details-content CSS pseudo-element is now part of Baseline → goo.gle/3KOg08B You can now style the expandable/collapsible contents of a <details> element, enabling smoother transitions and custom background colors for a better user experience.

ChromiumDev's tweet image. The ::details-content CSS pseudo-element is now part of Baseline → goo.gle/3KOg08B

You can now style the expandable/collapsible contents of a &amp;lt;details&amp;gt; element, enabling smoother transitions and custom background colors for a better user experience.

Some bugs are real mysteries. AI assistance in DevTools is the detective you need to solve them. 🕵️‍♀️ Swipe through these case files to see how it works → goo.gle/3JGbBUD

ChromiumDev's tweet image. Some bugs are real mysteries. AI assistance in DevTools is the detective you need to solve them. 🕵️‍♀️

Swipe through these case files to see how it works → goo.gle/3JGbBUD
ChromiumDev's tweet image. Some bugs are real mysteries. AI assistance in DevTools is the detective you need to solve them. 🕵️‍♀️

Swipe through these case files to see how it works → goo.gle/3JGbBUD
ChromiumDev's tweet image. Some bugs are real mysteries. AI assistance in DevTools is the detective you need to solve them. 🕵️‍♀️

Swipe through these case files to see how it works → goo.gle/3JGbBUD
ChromiumDev's tweet image. Some bugs are real mysteries. AI assistance in DevTools is the detective you need to solve them. 🕵️‍♀️

Swipe through these case files to see how it works → goo.gle/3JGbBUD

Speed up content workflows with the Summarizer API → goo.gle/3IfOkZk The Summarizer API can be used to generate different types of summaries in varied lengths and formats, so users in your CMS can save time on summarizing that next lengthy article.

ChromiumDev's tweet image. Speed up content workflows with the Summarizer API → goo.gle/3IfOkZk  

The Summarizer API can be used to generate different types of summaries in varied lengths and formats, so users in your CMS can save time on summarizing that next lengthy article.
ChromiumDev's tweet image. Speed up content workflows with the Summarizer API → goo.gle/3IfOkZk  

The Summarizer API can be used to generate different types of summaries in varied lengths and formats, so users in your CMS can save time on summarizing that next lengthy article.
ChromiumDev's tweet image. Speed up content workflows with the Summarizer API → goo.gle/3IfOkZk  

The Summarizer API can be used to generate different types of summaries in varied lengths and formats, so users in your CMS can save time on summarizing that next lengthy article.
ChromiumDev's tweet image. Speed up content workflows with the Summarizer API → goo.gle/3IfOkZk  

The Summarizer API can be used to generate different types of summaries in varied lengths and formats, so users in your CMS can save time on summarizing that next lengthy article.

A valuable deep-dive from Addy on this powerful new feature. 👋

New in @ChromeDevTools! Debug an app's full performance trace with Gemini! After recording a trace, you can now chat with Gemini about the entire trace, related Performance insights, and even connected field data - all without needing to select specific context beforehand!



When your AI agent gets a major power-up 🔋 See how the Chrome DevTools MCP server works → goo.gle/3KU63q2

ChromiumDev's tweet image. When your AI agent gets a major power-up 🔋

See how the Chrome DevTools MCP server works → goo.gle/3KU63q2

Ever thought about writing #WebAssembly by hand? 🤔 Authors Patrick @Dubroy and @warianoguerra think it's crucial for learning. They join #WasmAssembly host Thomas Steiner to discuss their e-book, "WebAssembly from the Ground Up" → goo.gle/3Ln67Pp

ChromiumDev's tweet image. Ever thought about writing #WebAssembly by hand? 🤔

Authors Patrick @Dubroy and @warianoguerra think it&apos;s crucial for learning. They join #WasmAssembly host Thomas Steiner to discuss their e-book, &quot;WebAssembly from the Ground Up&quot; → goo.gle/3Ln67Pp

Episode 5 of Web Dev Acronyms is all about Time to First Byte ⏱️ Learn about this foundational metric for server response time and how to measure it as part of your LCP analysis in the DevTools Performance panel.


Chrome 143 beta is live → goo.gle/3Wr7nTX This release includes CSS anchored fallback container queries, FedCM support for structured JSON responses, a new Digital Credentials API origin trial, and more.

ChromiumDev's tweet image. Chrome 143 beta is live  → goo.gle/3Wr7nTX

This release includes CSS anchored fallback container queries, FedCM support for structured JSON responses, a new Digital Credentials API origin trial, and more.
ChromiumDev's tweet image. Chrome 143 beta is live  → goo.gle/3Wr7nTX

This release includes CSS anchored fallback container queries, FedCM support for structured JSON responses, a new Digital Credentials API origin trial, and more.

Chrome 142 is rolling out now → goo.gle/49oMbFy This release features :target-before/:target-after pseudo-classes, range syntax for style container queries, the new interestfor attribute, and more.

ChromiumDev's tweet image. Chrome 142 is rolling out now → goo.gle/49oMbFy

This release features :target-before/:target-after pseudo-classes, range syntax for style container queries, the new interestfor attribute, and more.
ChromiumDev's tweet image. Chrome 142 is rolling out now → goo.gle/49oMbFy

This release features :target-before/:target-after pseudo-classes, range syntax for style container queries, the new interestfor attribute, and more.

No tricks, just treats🍬 You're creating the spookiest costume imaginable: a web developer debugging a critical issue. What prop or accessory makes the costume truly terrifying (and authentic)?


Your CSS debugging got a major upgrade. AI assistance in Chrome DevTools can analyze your code to find conflicting styles and suggest the fix in real time. It's like having a CSS expert built right into your browser→ goo.gle/4m9xBou

ChromiumDev's tweet image. Your CSS debugging got a major upgrade.

AI assistance in Chrome DevTools can analyze your code to find conflicting styles and suggest the fix in real time. It&apos;s like having a CSS expert built right into your browser→ goo.gle/4m9xBou
ChromiumDev's tweet image. Your CSS debugging got a major upgrade.

AI assistance in Chrome DevTools can analyze your code to find conflicting styles and suggest the fix in real time. It&apos;s like having a CSS expert built right into your browser→ goo.gle/4m9xBou
ChromiumDev's tweet image. Your CSS debugging got a major upgrade.

AI assistance in Chrome DevTools can analyze your code to find conflicting styles and suggest the fix in real time. It&apos;s like having a CSS expert built right into your browser→ goo.gle/4m9xBou
ChromiumDev's tweet image. Your CSS debugging got a major upgrade.

AI assistance in Chrome DevTools can analyze your code to find conflicting styles and suggest the fix in real time. It&apos;s like having a CSS expert built right into your browser→ goo.gle/4m9xBou

Lab data is great, but what are your real users experiencing? That's where CrUX comes in. The latest episode of Web Dev Acronyms explores Chrome User Experience Report and how to bring its field data right into DevTools.


The final countdown is on! ⏳ You have 24 hours left to submit your project. The Google Chrome Built-in AI Challenge closes on October 31st at 11:45 PM PT. Don't miss your chance to compete for up to $14,000! goo.gle/ChromeAIChalle…


👻 Don't let the blank page haunt your users this Halloween. The Writer API is here to help exorcise those writer's block demons and get that product description out the door. Publish content faster with the Writer API → goo.gle/4pPMMG5

ChromiumDev's tweet image. 👻 Don&apos;t let the blank page haunt your users this Halloween. The Writer API is here to help exorcise those writer&apos;s block demons and get that product description out the door.

Publish content faster with the Writer API → goo.gle/4pPMMG5
ChromiumDev's tweet image. 👻 Don&apos;t let the blank page haunt your users this Halloween. The Writer API is here to help exorcise those writer&apos;s block demons and get that product description out the door.

Publish content faster with the Writer API → goo.gle/4pPMMG5
ChromiumDev's tweet image. 👻 Don&apos;t let the blank page haunt your users this Halloween. The Writer API is here to help exorcise those writer&apos;s block demons and get that product description out the door.

Publish content faster with the Writer API → goo.gle/4pPMMG5
ChromiumDev's tweet image. 👻 Don&apos;t let the blank page haunt your users this Halloween. The Writer API is here to help exorcise those writer&apos;s block demons and get that product description out the door.

Publish content faster with the Writer API → goo.gle/4pPMMG5

Building secure, real-time communication apps just got a major boost. WebRTC Encoded Transforms are now a Baseline Newly Available feature, enabling high-performance, end-to-end encryption on encoded frames → goo.gle/3Iy3md6

ChromiumDev's tweet image. Building secure, real-time communication apps just got a major boost. 

WebRTC Encoded Transforms are now a Baseline Newly Available feature, enabling high-performance, end-to-end encryption on encoded frames → goo.gle/3Iy3md6

Bringing that Baseline info right where you need it.

Chrome DevTools just got a cool new update for CSS 🔥 Now when you hover over any CSS property inside DevTools, it not only shows the description but also Baseline info that tells you how well-supported that property is across browsers. You’ll see labels like “Widely…



Want your Google Chrome Built-in AI Challenge submission to stand out? Use the Proofreader API→ goo.gle/ChromeAIChalle… Build an app or extension that can: 💬 Correct user chat messages ✍️ Edit blog comments instantly 📝 Fix errors in documents on the fly


Decode base64 strings into byte arrays with Uint8Array.fromBase64() → goo.gle/4nPXxH9 Now part of Baseline, it's the preferred alternative to atob() for easier handling of binary data.

ChromiumDev's tweet image. Decode base64 strings into byte arrays with Uint8Array.fromBase64() → goo.gle/4nPXxH9

Now part of Baseline, it&apos;s the preferred alternative to atob() for easier handling of binary data.

Loading...

Something went wrong.


Something went wrong.