Sign in

Chrome for Developers

@developer.chrome.com
4.2K followers 57 following 793 posts

The Official Chromium Developers Account. Check out our developer portals: developer.chrome.com and web.dev

PostsRepliesMedia
Chrome for Developers @developer.chrome.com · 5h
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 → goo.gle/4dhcvmh
140
Chrome for Developers @developer.chrome.com · 7h
Build JS-free interactive carousels with new CSS APIs → goo.gle/47reBwt Learn how to use scroll buttons, scroll markers, :target-current, and scroll-target-group to create built-in, responsive scrollers without writing a single line of JavaScript.
CSS Podcast
030
Chrome for Developers @developer.chrome.com · 29/09/2026
Teach your coding agent to write scroll-driven animations with Modern Web Guidance → goo.gle/mwg See how Modern Web Guidance helps your coding agent build resilient scroll animations that won't break on different screen sizes.
040
Chrome for Developers @developer.chrome.com · 29/09/2026
See how Modern Web Guidance helps your coding agent write a swipe-to-remove feature. Compare side-by-side with an unassisted agent. Modern Web Guidance provides best practices, smooth web animation patterns, and cross-browser fallbacks directly to your coding agent → goo.gle/mwg
082
Chrome for Developers @developer.chrome.com · 23/09/2026
Building dynamic touch gestures like swipe-to-remove often causes coding agents to generate overly complex JavaScript, leading to janky animations. Modern Web Guidance solves this by providing your agent with structured, up-to-date implementation guides → goo.gle/mwg
0111
Chrome for Developers @developer.chrome.com · 21/09/2026
Is browser scroll-locking helping your site users, or just frustrating their diagonal gestures? 📐 @bram.us breaks down how `scroll-axis-lock: none` gives you control over 2D panning behavior. Check out the interactive demos → goo.gle/46SrOOC
010
Chrome for Developers @developer.chrome.com · 18/09/2026
hasStorageAccess() and requestStorageAccess() are now widely available baseline web platform features. The Storage Access API lets embedded content access cookies and unpartitioned state seamlessly, keeping user privacy intact while supporting modern standards. Learn more on MDN → goo.gle/3TuiZYl
Storage access
051
Chrome for Developers @developer.chrome.com · 18/09/2026
Design effective WebMCP tools to help AI agents complete users' workflows→ goo.gle/4ixF7eG Follow our practical framework to map user goals, define application states, and role-play scenarios to support agentic interactions.
findClient()
020
Chrome for Developers @developer.chrome.com · 17/09/2026
Conditional logic and custom functions directly in your stylesheet? Yes please → bit.ly/4j7Ej02 No more convoluted hacks! In The CSS Podcast, @una.im and @bram.us break down how inline if() and custom function rules streamline your code.
CSS podcast
020
Chrome for Developers @developer.chrome.com · 16/09/2026
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 → goo.gle/4yEVz1h
181
Chrome for Developers @developer.chrome.com · 16/09/2026
Chrome 152 introduces Connection Allowlists for web security → goo.gle/3T8iH9d If your site uses federated authentication alongside this network sandbox, ensure your Identity Provider endpoints are included to prevent login issues.
Login panel
010
Chrome for Developers @developer.chrome.com · 16/09/2026
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 → goo.gle/4AfHN6Z Guides and fallbacks are in Modern Web Guidance → goo.gle/4AhBGPG
0174
Chrome for Developers @developer.chrome.com · 14/09/2026
Check out what's arriving in Chrome 154 beta → goo.gle/4yq2n2I Explore new CSS features like scroll-marker-group modes, WebCrypto post-quantum algorithms, and Iterator includes() method.
Scroll markers
030
Chrome for Developers @developer.chrome.com · 10/09/2026
Open up your app's inner workings to AI agents with custom tools in DevTools for agents→ goo.gle/4r5H3x7 Write plain JavaScript to build tailored third-party tools that save tokens and bypass manual steps like login forms built for humans.
020
Chrome for Developers @developer.chrome.com · 09/09/2026
Handling protected APIs clipboard access, fullscreen mode, or media autoplay requires knowing if a visitor is actively engaged. The UserActivation API, now Baseline widely available, provides details about whether a user is interacting with your page or has done so since loading → goo.gle/4r3DGqz
020
Chrome for Developers @developer.chrome.com · 03/09/2026
Interop 2027 proposals are officially open → goo.gle/4xh1tEY Which web platform features need better cross-browser compatibility next year? Submit your ideas before September 23rd. Also be sure to like and comment on submitted ideas.
2026 dashboard
0187
Chrome for Developers @developer.chrome.com · 27/08/2026
Why choose between local performance and cloud reliability? Firebase AI Logic lets you run Gemini Nano directly in Chrome for Desktop, automatically switching to cloud models whenever needed, providing local privacy with cloud fallback. Try the setup workflow → goo.gle/4gmipV9
Firebase AI
120
Chrome for Developers @developer.chrome.com · 25/08/2026
Discover web platform capabilities landing this month → goo.gle/4zkP8S9 Explore additions like the ruby-overhang CSS property, declarative Shadow DOM manual slot assignment, and the new usermedia element.
usermedia element
030
Chrome for Developers @developer.chrome.com · 24/08/2026
Explicitly set subgroup sizes in WGSL compute shaders with WebGPU. Fine-tune AI workloads on specific platforms using the new @subgroup_size attribute. See the full release details → goo.gle/4gLeGj9
subgroup_size attribute
050
Chrome for Developers @developer.chrome.com · 21/08/2026
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 → goo.gle/4a1HJMM
1204
Chrome for Developers @developer.chrome.com · 20/08/2026
Chrome 152 is now in beta Explore new capabilities including connection allowlists, native PWA notification attribution on macOS, and relative alpha colors in CSS. Get all the details → goo.gle/4hKiumS
New in Chrome
040
Chrome for Developers @developer.chrome.com · 19/08/2026
We are looking for a few more developers to join our WebDev Insights community → goo.gle/3OvuA6T This is your chance to participate in user research, test out experimental tools, & directly shape upcoming Chrome features. Grab one of the last spots and help us build the future of the web ecosystem.
030
Chrome for Developers @developer.chrome.com · 17/08/2026
Check out the latest updates in Chrome 151 DevTools → bit.ly/4x6YmQE Explore CSS specificity tooltips, improved JavaScript memory debugging, and updated device emulation presets.
CSS Specificity
083
Chrome for Developers @developer.chrome.com · 17/08/2026
What if we could remove the friction in the email → goo.gle/4fsFpjG The proposed Email Verification API would let your site validate the email address right in the browser! No email sent, no confirmation click needed.
Email verification API
1123
Chrome for Developers @developer.chrome.com · 14/08/2026
Check web platform feature availability in Lighthouse → goo.gle/3TXx3cO Baseline status details are now in the Best Practices section, including: 🌐 Widely available features 🛠️ Newly available capabilities ⚠️ Limited availability code
Baseline status
082
Chrome for Developers @developer.chrome.com · 12/08/2026
Meet Chrome DevTools Connect for WebStorm → goo.gle/4i2wPuL Now your AI agent can open Chrome, inspect rendering, read console logs, and verify runtime fixes without you leaving the WebStorm IDE.
040
Chrome for Developers @developer.chrome.com · 12/08/2026
Modern Web Guidance passkey skills give coding agents like Claude Code and Antigravity the knowledge to build secure authentication loops autonomously → goo.gle/4bLzqp1 In our test on Claude Code Opus 4.8, an implementation using these passkey skills significantly outperformed one without them.
Passkey comparison
080
Chrome for Developers @developer.chrome.com · 11/08/2026
✨ Get deeper insights into your data within the AI assistance panel → goo.gle/4p3oIzA Nine additional widgets now feature data from across your panels to help you understand what Gemini uses: 📊 Performance events 🌐 Network requests 📜 Resource content
AI Assistance Panel
020
Chrome for Developers @developer.chrome.com · 10/08/2026
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 → goo.gle/3T7ePoF
030
Chrome for Developers @developer.chrome.com · 22/07/2026
Chrome 151 beta introduces powerful capabilities for web performance and accessibility → goo.gle/4yuqBcV Discover new soft navigation timeline entries, the aria-actions attribute, and the <usermedia> element for interacting with media streams.
Chrome 151
0132
Chrome for Developers @developer.chrome.com · 21/07/2026
Set up custom triggers on webstatus.dev to monitor the Baseline features you care about. Choose your notification frequency: 🗓️ Monthly digests ⏰ Weekly roundups ⚡ Real-time updates Create a personalized newsletter or shareable lists for your audience → goo.gle/3RJA5Ay
Baseline alerts
070
Chrome for Developers @developer.chrome.com · 21/07/2026
Make your Chrome extension stand out! Engaging with user reviews on the Chrome Web Store creates valuable connection and proves active maintenance.
050
Chrome for Developers @developer.chrome.com · 20/07/2026
At #GoogleIOConnect India we asked Dhananjay Kumar, the VP of Engineering at MakeMyTrip, how they are putting WebMCP to work. Listen up ⬇️ #BuildwithGemini
050
Chrome for Developers @developer.chrome.com · 20/07/2026
Straight from the floor of #GoogleIOConnect India! We spoke with redBus Director of Engineering, Amit Kumar, for a quick lightning round about HTML-in-Canvas. Hear how they are using the new API to level up their web UI experiences 👇 #BuildwithGemini
1121
Chrome for Developers @developer.chrome.com · 17/07/2026
Give your coding agent the ultimate assist ⚽️ Map out tactical plays for your workflow using Chrome DevTools for agents. Let your assistant emulate user experiences, run automated Lighthouse audits, and debug your live browser state → goo.gle/3T18uez
030
Chrome for Developers @developer.chrome.com · 16/07/2026
Escape the frustration of watching your coding agent confidently generate web code from 2018. Modern Web Guidance offers over 100 clean, markdown-based web platform best practice guides and searches them with RAG-style cosine similarity, so you can select the right one for your coding agent to use.
050
Chrome for Developers @developer.chrome.com · 16/07/2026
Build a 30-second timer Chrome Extension in record time with Antigravity! Learn a pro-tip for AI prompting and see your extension come to life, then load it in Chrome in a flash ⬇️
181
Chrome for Developers @developer.chrome.com · 15/07/2026
Catch up on everything new to the web platform last month → goo.gle/4yldKKd Discover new features landing in stable browsers, including automatic form control sizing with field-sizing and CSS gap decorations in Chrome.
CSS gap decorations
090
Chrome for Developers @developer.chrome.com · 15/07/2026
Learn how WebMCP bridges the gap between websites and AI agents by enabling sites to expose structured tools. From filtering hotels in Tokyo with specific amenities to dynamically customizing a pizza, understand how WebMCP empowers AI agents to perform complex tasks on the web more precisely.
030
Chrome for Developers @developer.chrome.com · 14/07/2026
Chrome DevRel Engineer @matthiasrohmer.bsky.social is at #GoogleIOConnect India showing us how to empower your coding agents to verify their own creations. Learn how enabling Chrome DevTools for agents lets them reproduce issues with the trusted tools you use every day. #BuildWithGemini
Matthias' headhostMatthias' quote
131
Chrome for Developers @developer.chrome.com · 13/07/2026
Refresh your memory ahead of #GoogleIOConnect India tomorrow with some of Chrome's top recent updates to the web 🔎
030
Chrome for Developers @developer.chrome.com · 13/07/2026
From on-device AI integration to real-time agent debugging, #GoogleIOConnect Berlin was about putting modern web capabilities into production. Experience the Chrome keynote highlights, including Chrome DevTools for agents & Modern Web Guidance, as we show you how to upgrade your AI coding workflows.
030
Chrome for Developers @developer.chrome.com · 10/07/2026
With WebMCP, building structured browser tools for AI agents is easier than ever! At #GoogleIOConnect Berlin, Google Developer Expert Susanna Wong broke down the Declarative and Imperative APIs & showed us how easy it is to upgrade your site for agents. Join the origin trial today → goo.gle/4vdLwPq
160
Chrome for Developers @developer.chrome.com · 09/07/2026
AI agents are evolving from generating text to completing complex tasks directly on your website. Ensure a high-quality experience for these non-human users by auditing your site stability, accessibility tree, and WebMCP integration → goo.gle/3SFMt4I
Ai Assistance tab
061
Chrome for Developers @developer.chrome.com · 09/07/2026
We asked Google Developer Expert @utilitybend.com at #GoogleIOConnect Berlin how to steer AI agents away from outdated styling hacks. See his rapid-fire insights on Modern Web Guidance and why Baseline-aligned skills upgrade your workflow → goo.gle/4fOH4Sv #BuildWithGemini
150
Chrome for Developers @developer.chrome.com · 08/07/2026
Building for the web without browser access is a major bottleneck for coding agents. Give your agent access to Chrome. With DevTools for agents it can emulate devices, run Lighthouse audits, and read console errors to catch bugs before you ship → goo.gle/4paxGel #GoogleIOConnect #BuildWithGemini
131
Chrome for Developers @developer.chrome.com · 07/07/2026
With #IOConnect Bengaluru around the corner let's reminisce a bit and see where our Chrome team went off to after I/O back in May 🥲
061
Chrome for Developers @developer.chrome.com · 06/07/2026
Join our side quest to find out more about Chrome DevTools for agents 👾 Come with us to find an NPC version of @matthiasrohmer.bsky.social break down how to easily install the tools, so your coding assistant of choice can debug natively.
010
Chrome for Developers @developer.chrome.com · 01/07/2026
#GoogleIOConnect Berlin brought the energy, the code, and the community! Experience the highlights from Chrome as developers dive into native browser AI, test next-gen debugging protocols, and build what’s next for the web ⬇️
070
Chrome for Developers @developer.chrome.com · 30/06/2026
Upgrade your workflows with the latest Chrome DevTools advancements across versions 148, 149, and 150. Discover the power of DevTools for agents, now stable, allowing your coding agent to interact with live browsers, run audits, and debug extensions → goo.gle/4eWruTL
070