Bram.us
フィード

Introducing view-transitions-mock: A non-visual Polyfill for Same-Document View Transitions
1
Bram.us
View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but as with any new web platform feature, browser support is not yet fully universal so you need to add some fallback logic to your code.view-transitions-mock bridges that gap. It is a spec-compliant JavaScript implementation of Same-Document View Transitions that polyfills the entire JavaScript API surface of the spec, but that doesn’t do the animation bits.
11時間前

Experiment: Animating CSS position-area with View Transitions
Bram.us
CSS Anchor Positioning is a powerful tool, but one of the things that you cannot do natively (yet) is animating the position-area property. This blog post introduces a technique to animate position-area changes using View Transitions.
9日前

Chrome 145 146 adds Experimental Support for Vertical Tabs
Bram.us
Vertical Tabs are available behind a flag in Chrome 145 (current beta)
2ヶ月前

Using 100vw is now scrollbar-aware (in Chrome 145+, under the right conditions)
Bram.us
From Chrome 145 onwards, 100vw will automatically subtract the size of the (vertical) scrollbar from it if you have forced the html element to always show a vertical scrollbar (using overflow[-y]: scroll) or if you reserve space for it (using scrollbar-gutter: stable). The same applies to vh with a horizontal scrollbar, as well as all small, large, and dynamic variants.
2ヶ月前

How to Find the public WebKit Bug from the Apple-internal rdar:// Bug ID
Bram.us
If you read the Safari release notes – like the Safari 26.2 release notes – you see a lot of trailing “(12345678)”-mentions in the list of fixed bugs. These numbers are Apple-internal bug IDs, as used within Apple’s internal bug tracker (fka?) named “Radar”.These numbers are not linked to anything because Radar is Apple-internal, so to external people these numbers are practically useless … or are they?
3ヶ月前

CSS Scroll-Triggered Animations are coming to Chrome!
Bram.us
We have Scroll-Driven Animations. Now say hi to Scroll-Triggered Animations.
3ヶ月前

CSS Wrapped 2025
Bram.us
Once again, it has been an AMAZING year for CSS and UI. To celebrate this, we – the Chrome CSS/UI DevRel Team – created another edition of CSS Wrapped!
3ヶ月前

The Google Antigravity website, rebuilt with Modern CSS
Bram.us
As an experiment to see if Modern CSS is up to the task, I recreated the Google Antigravity website with Modern CSS.
3ヶ月前

Anchor Positioning and the Inset-Modified Containing Block (IMCB)
Bram.us
If you kinda understand Anchor Positioning, but it still surprises you from time to time, then most likely this is the missing piece of information: the Inset-Modified Containing Block (or IMCB for short).
3ヶ月前