Summary of Key Web Platform Features from CSS-Tricks Issue 15: Time-Based CSS and Scoped Views

CSS-Tricks is back with its 15th newsletter edition, rounding up the week's standout web platform techniques, technologies, and features. It kicks off with an article by Preethi Sam demonstrating the view() function to create boundary-aware CSS, making it possible to produce a variety of useful and engaging effects on the page. Additionally, a post from the Master.dev blog discusses hiding interactive elements out of sight while keeping them accessible to screen readers, suggesting that introducing a new value to the hidden attribute could be the ultimate solution in the future.

Regarding accessibility, Dan Holloran wrote about grid lanes layouts—formerly known as masonry layout or the Pinterest-style grid. However, Manuel Matuzović pointed out that this layout still has accessibility issues. In a follow-up article just days later, Matuzović recommended using the reading-flow property to make grid lanes easier to access, though it is still currently in a stage that requires further testing.

On the design side, Sophie Koonin demonstrated how to build a website that changes its appearance based on the time of day by combining the Temporal API with the color-mix() function, producing results similar to dynamic wallpapers in macOS. Meanwhile, David Bushell shared a technique to solve full-bleed CSS issues, expanding elements to full screen width horizontally without overflow problems even when nested inside other elements, which is resolved using container query units. Furthermore, Temani Afif introduced a novel screen-partitioning technique using the border-shape property.

Another classic headache is the desire to go back in time and fix mistakes in the CSS language. The CSS Working Group had previously compiled a wishlist of changes, which inspired Declan Chidlow to develop a tool called FixCSS. It helps refactor CSS code according to those guidelines, allowing developers to smoothly switch to using corner-radius instead of traditional border-radius.

A major highlight of this edition is the presentation of 35 new web platform features from Google I/O 2026 by Bramus and Una Kravets, spanning everything from un-standardized features and newly released ones to upcoming features. Notable updates in Chrome 150 include:

• AccentColor and AccentColorText, which have now been promoted to Baseline status
• Support for <image> in the light-dark() function (not yet supported in Safari)
• Comma-separated container queries (not yet supported in Safari)
• The background-clip: border-area property (not yet supported in Firefox)
• Corner rounding for polygon() (not yet supported in Safari and Firefox)
• Animatable zoom (not yet supported in Safari and Firefox)
• The text-fit property (not yet supported in Safari and Firefox)
• The flex-wrap: balance command (not yet supported in Safari and Firefox)
• Usage of the named-feature() function (not yet supported in Safari and Firefox)
• The focusgroup attribute (not yet supported in Safari and Firefox)
• The overscroll-behavior: chain command for chaining scroll restriction (not yet supported in Safari and Firefox)

Source: CSS-Tricks