Benchmarking the performance of CSS @property
With @property now being Baseline Newly Available, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS. When starting to use a new CSS feature it’s...
View ArticleCSSNestedDeclarations is coming to all browsers to improve CSS Nesting!
I have a new article up on web.dev, about CSSNestedDeclarations which is coming to all browsers. To fix some weird quirks with CSS nesting, the CSS Working Group resolved to add the...
View ArticleMore options for styling
https://www.bram.us/wordpress/wp-content/uploads/2024/12/XWvBZNo.mp4 As of Chrome 131 you have more options to style <details> and <summary>. You can now set display property values other...
View ArticleControl the Viewport Resize Behavior on mobile with interactive-widget
For this year’s HTMLHell Advent Calendar I contributed today’s post Control the Viewport Resize Behavior on mobile with interactive-widget. It is all about viewports and virtual keyboards – a topic I...
View ArticleRe-imagine the web with Scroll-Driven Animations
Here’s a video we – Chrome – launched as part of our EOY campaign, highlighting Scroll-Driven Animations. Create fluid, responsive scroll-driven animations that give your users engaging, app-like web...
View ArticleCSS Wrapped 2024
Just like last year, we – the Chrome DevRel team – have published CSS Wrapped, our end of year overview of the new CSS and Web UI features that landed in Chrome and The Web Platform in 2024. Chrome...
View ArticleRe-imagine the web with View Transitions
Here’s a video we – Chrome – launched as part of our EOY campaign, highlighting View Transitions. With new web capabilities like cross-document View Transitions—novel, app-like, seamless navigation is...
View ArticleMisconceptions about View Transitions
Post I wrote a while ago for Chrome for Developers, about some misconceptions about View Transitions that are making rounds. The View Transition API is a web development game changer. Whether your...
View ArticleCSS attr() gets an upgrade
~ A feature shipping in Chrome 133 – which goes stable on Feb 4 – is a more powerful attr(). From Chrome 133 onwards you use attr() with any CSS property — not just content – and it can parse values...
View ArticleMPA View Transitions Deep Dive
Back in December I joined Kevin J Powell on his channel to talk about Cross-Document View Transitions. The video got published this week: Cross-document, or MPA, view transitions are here, and they are...
View Article