Best of Google ChromeDecember 2025

  1. 1
    Article
    Avatar of unaUna 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.

  2. 2
    Article
    Avatar of addyAddy 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.

  3. 3
    Article
    Avatar of css_tricksCSS-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.

  4. 4
    Article
    Avatar of thnThe 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.

  5. 5
    Article
    Avatar of bramBram.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.

  6. 6
    Video
    Avatar of t3dotggTheo - t3․gg·21w

    CSS got WAY better in 2025

    Chrome shipped 22 new CSS and UI features in 2025, including customizable select elements, native popover and dialog controls, scroll-based animations, view transition improvements, and declarative UI patterns. Major additions include invoker commands for JavaScript-free interactions, anchor positioning with container queries, scroll state queries, tree counting functions for staggered animations, and the shape function for complex clipping paths. New text layout controls enable proper vertical centering, while DOM state-preserving moves keep video and iframe state during reparenting. Most features work in Chromium browsers but lack Firefox and Safari support.

  7. 7
    Article
    Avatar of unaUna Kravets·23w

    Directional CSS with scroll-state(scrolled)

    CSS scroll-state queries now include a `scrolled` value in Chrome 144 that detects scroll direction (up, down, left, right). By setting `container-type: scroll-state` on a parent element, you can apply styles based on the user's most recent scroll direction. Common use cases include hiding navigation bars when scrolling down and showing them when scrolling up, or creating directional scroll entry animations. The feature works as progressive enhancement, with unsupported browsers simply ignoring the scroll-state queries while maintaining existing functionality.

  8. 8
    Article
    Avatar of codepenCodePen·24w

    Chris’ Corner: HTML

    Soft navigations is a new browser API term for SPA-style page changes that help measure Core Web Vitals. Google's influence over web standards extends to image formats, where WebP gets preferential treatment over JPEG XL. The download attribute on links only works for same-origin resources; cross-origin downloads require a Content-Disposition header. Duplicating HTML IDs breaks getElementById, hash links, ARIA attributes, and creates accessibility issues, making unique IDs a genuine best practice rather than arbitrary advice.

  9. 9
    Article
    Avatar of omgubomg! ubuntu!·23w

    Mozilla’s New CEO Says Firefox Will ‘Evolve into an AI Browser’

    Mozilla's new CEO Anthony Enzor-DeMeo announced Firefox will evolve into an AI browser as part of the company's revenue strategy. AI features will be opt-out rather than opt-in, raising concerns about how easily users can disable them. Unlike competitors building their own AI stacks, Mozilla relies on integrating third-party AI services and open-source models like Meta's Llama. The shift reflects Mozilla's need to replace declining Google search revenue, but risks alienating users who chose Firefox specifically because it wasn't following mainstream tech trends.

  10. 10
    Article
    Avatar of collectionsCollections·24w

    CSS Wrapped 2025: Celebrating a Year of Progress in Web Styling

    The Chrome CSS/UI DevRel Team launched CSS Wrapped 2025, an interactive website showcasing the year's major CSS and UI advancements. The site features practical demonstrations of new features, including light and dark mode implementations, and serves as a comprehensive resource for developers to explore modern CSS capabilities and responsive design trends.

  11. 11
    Article
    Avatar of collectionsCollections·24w

    New CSS Properties for Responsive Text Sizing: text-grow and text-shrink

    Chrome Canary 145 introduces experimental CSS properties `text-grow` and `text-shrink` that enable automatic text resizing to fit container widths. These properties support multiple scaling methods including font-size adjustments, letter-spacing, and inline scaling, with options for per-line or consistent fitting. While promising for responsive typography without JavaScript, accessibility concerns remain around font enlargement and interactions with line-heights, paragraph endings, and inline images. The feature is in early discussion at the CSS Working Group.