Chrome 145 introduces scrollbar-aware viewport units, resolving issues with overflow caused by classic scrollbars in CSS layouts.
About:
Bramus is a web developer and educator with a passion for web technologies and scuba diving.
Website:
Specializations:
Interests:
Incoming Links:
Outgoing Links:
Subscribe to RSS:
The blog post discusses a significant performance improvement in Chrome Canary regarding CSS animations. It explains that under certain conditions, animating width and height will no longer automatically force a Main Thread animat...
The post discusses how to implement Two-Phase View Transitions using the Navigation API's precommitHandler. It explains the problem with Cross-Document View Transitions, which causes delays in navigation, and proposes a solution t...
View-transitions-mock is a polyfill that allows developers to implement Same-Document View Transitions seamlessly in browsers without native support, simplifying code maintenance.
A technique to animate CSS position-area changes using View Transitions is introduced, overcoming native limitations and addressing browser compatibility issues.
The blog post discusses the complexities of combining scroll-driven animations with the CSS @starting-style property. It details the author's attempts to implement a fade-in effect on page load while also applying scroll-driven an...
The blog post discusses the new feature in Chrome 140 that allows for Nested View Transition Groups, which enhance the animation of elements during transitions. It explains how to implement this feature to ensure that text and car...
The post explains the new CSS feature for detecting at-rule support using @supports at-rule(@keyword), now available in Chromium 148, and its limitations.
Scroll-triggered animations in Chrome will enable time-based animations that activate at specific scroll offsets, enhancing user interaction with CSS.
Chrome 144 introduces a significant update to the CSS property overscroll-behavior, allowing it to function on non-scrollable scroll containers. This change addresses a long-standing issue for developers, enabling them to prevent ...
The post discusses a new feature in Chrome called 'Scoped View Transitions', which allows developers to scope view transitions to a specific subtree of the DOM. This feature enables concurrent transitions and helps avoid layering ...
The author, a frontend web developer and Chrome Developer Relations Engineer at Google, recreates the Google Antigravity website using Modern CSS features. The post discusses the uncanny scrolling experience of the original site, ...
Learn how to track Apple’s internal rdar bug IDs to find related Git commits and public WebKit bugs efficiently.
The post explains the concept of the Inset-Modified Containing Block (IMCB) in CSS anchor positioning, addressing a question from Wes Bos about the lack of a position-area for inside corners. It details how to use inset values and...
The blog post discusses a new CSS scroll-state query called 'scrolled', which allows developers to create dynamic hidey bars that disappear when scrolling down and reappear when scrolling up. It includes a code snippet for impleme...
The blog post discusses the advancements in View Transitions in Google Chrome from 2023 to 2025, highlighting the introduction of Cross-Document View Transitions, new features like `view-transition-class`, and Safari's support for...
A talk on CSS Anchor Positioning at the State of the Browser conference showcases its practical applications for UI development without relying on JavaScript hacks.
The blog post discusses the changes in anchor positioning in Chrome 144, which now considers the transformed bounding box of anchors when displaying tooltips. Previously, tooltips were positioned based on the untransformed anchor ...
The post discusses the recent release of Firefox 144, which introduces support for Same-Document View Transitions. It explains the complexities of the View Transition API and provides a feature explorer to help users understand wh...
The blog post discusses the implementation of CSS @starting-style debugging support in Chrome DevTools, a feature that is enabled by default in Chrome Canary 143 or newer. The author explains the design choices made for this featu...
The post discusses the combination of CSS custom functions and the CSS if() feature to create a custom --light-dark() function that can handle any value, not limited to colors. It explains the reliance on the color-scheme() functi...
The CSS Podcast returns for its fifth season, co-hosted by Una and Bramus. The first episode discusses new CSS features, specifically the if() function and CSS Custom Functions. The episode acknowledges the previous co-host Adam, ...
Chrome 145 offers a new vertical tabs feature that can be enabled via a flag, allowing for a more streamlined browsing experience.
The author gave a talk at Middlesbrough Front End about pushing the View Transition API beyond its limits, combining them with Scroll-Driven Animations, and resurrecting classic Internet Explorer’s Page Transitions. The talk was a...