Best of Google Chrome — 2025

1
Article
Una Kravets·24w
CSS Wrapped 2025
Chrome 135 introduces Invoker Commands, allowing buttons to perform actions on dialogs and popovers declaratively using commandfor and command attributes, eliminating the need for JavaScript onclick handlers. The feature supports built-in commands like show-modal, close, and toggle-popover that mirror their JavaScript counterparts, plus custom commands prefixed with double dashes that can be handled via the toggle event. A polyfill is available for broader browser support.
279
7
2
Article
Hacker News·42w
Make any website load faster with 6 lines of HTML
Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports prefetch (downloads HTML only) and prerender (fully renders pages in background) with configurable eagerness levels. While only supported in Chrome 121+, fallback JavaScript can provide similar functionality for Firefox and Safari using traditional prefetch/preload techniques with hover detection.
241
14
3
Article
Addy Osmani·25w
Farewell for now, Chrome.
Addy Osmani reflects on nearly 14 years working on Chrome, highlighting major contributions including Core Web Vitals that saved users 30,000 years of waiting time, evolution of DevTools into the industry standard debugging tool, advancement of PWAs and Service Workers for offline-capable web apps, collaboration with frameworks and tooling ecosystems, development of Speedometer benchmarks with other browser vendors, transition to Manifest V3 for extensions, improvements in browser automation through Headless Chrome and WebDriver BiDi, and early AI agent tooling with Chrome DevTools MCP. He announces his transition to a new role at Google while expressing gratitude to the web development community.
223
13
4
Article
Chrome Developers·30w
Chrome for Developers
Chrome 142 introduces three major CSS and web platform features: the :target-before and :target-after pseudo-classes for styling scroll markers relative to the active marker, range syntax support for style container queries and the if() function enabling numeric comparisons with operators, and the interestfor attribute for button and anchor elements that triggers actions when users show interest through hover, keyboard shortcuts, or long-press gestures.
212
3
5
Article
Addy Osmani·34w
Give your AI eyes: Introducing Chrome DevTools MCP
Chrome DevTools MCP is a new tool that connects AI coding assistants to Chrome's DevTools through the Model Context Protocol, allowing AI agents to see, interact with, and debug live web applications in real browsers. The tool enables AI to perform tasks like running performance traces, inspecting DOM elements, monitoring network requests, simulating user interactions, and automatically fixing issues based on actual browser feedback rather than guessing.
198
4
6
Article
CSS-Tricks·25w
Prevent a page from scrolling while a dialog is open
Chrome 144 introduces a fix for preventing page scrolling when modal dialogs are open by extending overscroll-behavior to work on non-scrollable containers. By setting overscroll-behavior: contain on both the dialog element and body, and making the dialog a scroll container with overflow: hidden, developers can now solve this long-standing issue without JavaScript workarounds that previously required fixing body positioning.
150
5
7
Article
CSS-Tricks·1y
CSS Carousels
Chrome 135 introduces new features for creating carousel UI patterns, including scroll buttons and scroll markers as defined in the CSS Overflow Module Level 5 specification. This post provides step-by-step notes on implementing these features using CSS Grid and Scroll Snapping. It also covers adding scroll buttons and markers, their styling using pseudo-elements, and the functionality they bring for free, such as improved user experience and accessibility.
121
1
8
Article
Chrome Developers·1y
Chrome for Developers
Chrome 135 introduces new features from the CSS Overflow 5 specification that enable the creation of scroll and carousel experiences without using JavaScript. These new CSS features include scroll buttons, scroll markers, and enhanced accessibility. The new CSS properties make it easy to create carousels, ensure proper element roles, and maintain accessibility standards. Resources and examples are provided to help developers utilize these features effectively.
116
4
9
Article
Chrome Developers·36w
Chrome for Developers
Chrome 140 introduces several new web development features including the ToggleEvent source attribute for identifying which element triggered a toggle event, support for counter() and counters() functions in CSS content property alt text for better accessibility, and the font-variation-settings descriptor in @font-face rules for more flexible font customization.
113
4
10
Article
Chrome Developers·49w
A new way to style gaps in CSS
CSS gap decorations is a new feature available in Chrome and Edge 139 that allows developers to style gaps between items in flex, grid, and multi-column layouts without using border or pseudo-element workarounds. The feature extends the column-rule property to work with grid and flexbox layouts and introduces a new row-rule property. It offers benefits like no layout impact, repeat syntax for patterns, cleaner markup, and enhanced customizability through new properties like rule-break, rule-outset, and gap-rule-paint-order. The feature is currently in developer trial and requires enabling experimental web platform features.
110
4
11
Article
David Heinemeier Hansson·1y
Don't make Google sell Chrome
Google's potential sale of Chrome, due to ad-market monopoly charges, could harm the web by empowering closed platforms like iOS and Play Store. Chrome's success stems from innovation, not acquisition, and it plays a crucial role in web advancements. Losing Chrome's development could stagnate the web and benefit proprietary platforms. Continued investment in Chrome is vital for maintaining its value and keeping the web open and competitive.
107
27
12
Article
Chrome Developers·47w
CSS conditionals with the new if() function
Chrome 137 introduces the CSS if() function, enabling inline conditionals for dynamic styling. The function supports style(), media(), and supports() queries, allowing developers to write conditional logic directly within CSS properties instead of using separate @media or @supports blocks. Examples include responsive button sizing based on pointer type, color space fallbacks, and state-based styling using data attributes. This feature provides a cleaner architectural approach by keeping styling logic inline rather than scattered across multiple CSS blocks.
92
9
13
Article
Chrome Developers·35w
Chrome DevTools (MCP) for your AI agent
Chrome DevTools now integrates with AI coding assistants through the Model Context Protocol (MCP), allowing AI agents to debug web pages directly in Chrome. This enables AI assistants to see what their generated code actually does in the browser, analyze performance traces, diagnose network errors, simulate user behavior, and debug styling issues in real-time. The public preview is available via npm and aims to improve AI coding accuracy by providing browser debugging capabilities.
91
1
14
Article
LogRocket·1y
How to master JavaScript debugging for web apps
Mastering JavaScript debugging is essential for maintaining complex web applications. This guide covers using source maps to debug minified code and leveraging Chrome DevTools for efficient error identification and resolution. It includes practical examples and configuration tips for using webpack to generate source maps, as well as advanced debugging techniques such as breakpoints, step-through, call stacks, and watch expressions.
91
1
15
Article
Community Picks·1y
GitHub - addyosmani/recorder: 📹 Record is an open-source web app to record screen and camera directly in your browser
Record is an open-source web app that lets you record your screen and camera directly in your browser without any downloads or installations. It supports screen-only, screen-and-camera, or camera-only modes, and features a picture-in-picture view, customizable camera shapes, a built-in teleprompter, and MP4 conversion. It works specifically with Chrome and Chromium browsers and prioritizes privacy by keeping all recordings local.
88
5
16
Article
CSS-Tricks·1y
Functions in CSS?!
CSS functions are being prototyped in Chrome Canary, providing new capabilities like arguments, default values, and returns. These functions allow reusable patterns with parameterized custom properties, making CSS more powerful and flexible. While still in early stages, functions can handle type-checking and lists, though early returns and some other functionalities are currently limited. The introduction of functions will significantly enhance the way CSS is written, although more improvements and broader support are needed.
88
4
17
Video
Theo - t3․gg·1y
I'm Finally Moving On (I have a new browser)
The author shares their frustrating experiences with the Arc browser due to its performance issues and lack of updates. They explore and evaluate various browsers such as Chrome, Brave, Edge, Vivaldi, and Zen. The author ultimately decides to switch to the open-source Zen browser, praising its customizability, user-focused development, and supportive community. They appreciate Zen's continuous improvement and responsiveness to user feedback, unlike the more established but less user-attentive browsers.
87
15
18
Article
Hacker News·1y
Why I Switched to Firefox and Never Looked Back
Fed up with Chrome's performance on an aging PC, the author switched to Firefox and found it to be much faster and more efficient. Firefox offers superior tab management with Firefox View, a built-in Pocket for saving links, and Firefox Relay for privacy. Additionally, useful features like a built-in screenshot tool, a ChatGPT button, picture-in-picture for any video, a versatile omnibar, network proxy settings, smooth scrolling, and auto-mute for videos make it a compelling choice over Chrome.
82
31
19
Article
80 LEVEL·41w
Google Offered $34.5B for Chrome, May Be Forced to Sell
AI startup Perplexity has offered $34.5 billion to acquire Google's Chrome browser, claiming it would benefit users by moving the product to an independent operator. This comes as Google faces potential forced divestiture following a federal judge's ruling that the company violated antitrust laws by maintaining a search monopoly. The DOJ has proposed aggressive remedies including forcing Google to sell Chrome and limit Android's default search arrangements. Perplexity plans to keep Google as the default search engine and continue supporting the open-source Chromium platform if the acquisition proceeds.
70
25
20
Article
The Hacker News·22w
Two Chrome Extensions Caught Secretly Stealing Credentials from Over 170 Sites
Two malicious Chrome extensions named "Phantom Shuttle" have been discovered stealing credentials from over 170 websites. Disguised as VPN services with paid subscriptions ($1.40-$13.50), the extensions inject proxy credentials, route traffic through attacker-controlled servers, and exfiltrate user passwords, cookies, API keys, and other sensitive data every five minutes. The extensions target developer platforms (GitHub, Stack Overflow), cloud services (AWS, Azure), social media, and other high-value domains. The operation appears to be China-based and has been active since 2017. Users should immediately remove these extensions, and security teams should implement extension allowlisting and network monitoring.
67
1
21
Article
Bram.us·25w
The Google Antigravity website, rebuilt with Modern CSS
A recreation of Google's Antigravity website using modern CSS features instead of scroll-jacking JavaScript. The implementation showcases advanced CSS capabilities including scroll-driven animations, anchor positioning, container queries, CSS Houdini PaintWorklet, and experimental features like scroll-state queries and sibling-index(). Built with progressive enhancement to ensure compatibility across browsers, with minimal JavaScript usage limited to PaintWorklet registration and cursor position tracking.
64
22
Article
The Register·49w
Firefox is dead to me
Firefox faces mounting challenges including performance issues, website compatibility problems, controversial privacy policy changes, and Mozilla's strategic pivot toward AI. The browser struggles with JavaScript-heavy sites, memory usage problems, and slower performance compared to competitors like Chrome. Mozilla has discontinued useful services like Pocket and Fakespot while laying off employees and maintaining heavy financial dependence on Google for 90% of its revenue. Firefox's market share has dropped to just 1.9% according to US government analytics, leading to questions about its long-term viability.
56
22
23
Article
LogRocket·1y
We can finally move elements in the browser with the moveBefore() API
The newly announced moveBefore() API enables developers to easily reposition DOM elements while preserving their state, which is especially valuable for web applications with complex animations. Chrome 133+ currently supports this API, but it is anticipated to be adopted by other browsers like Safari and Firefox in the future. The moveBefore() API offers advantages over traditional methods like appendChild() and insertBefore() that require removing and reinserting elements, often leading to state loss.
54
1
24
Article
Chrome Developers·1y
Chrome for Developers
Chrome 135 introduces several new features including CSS carousels, the command and commandfor attributes for improving button functionality, and the CSS shape() function for defining shapes in clip-path and offset-path properties. Other updates include support for the Web Speech API, Float16Array, and the Observable API.
54
1
25
Article
Chrome Developers·1y
How to style console logs in Chrome DevTools: Color and more!
Discover methods to enhance the appearance of console logs in Chrome DevTools by using specifiers, ANSI escape sequences, and CSS styling techniques.
53
1

See all Google Chrome archives