Search Content

Search through available content in NewswireAPI.

Quick Menu features require JavaScript!

View Transitions Applied: Smoothly animating a border-radius with a View Transition

To smoothly animate things like borders as part of a View Transition, you need to duplicate that animation onto the ::view-transition-group. For best effect, have the View Transition separately capture the background and foreground of the element you ...

bram.us — 2 days ago

Place the Address Bar at the bottom in Chrome on Android

New in Chrome 134 on Android: the ability to place the Address Bar (aka "Omnibox") at the bottom. To enable it, go to Chrome's Settings, locate and tap "Address Bar", and choose "Bottom".

bram.us — 7 days ago

View Transitions Applied: Dealing with the Snapshot Containing Block

Beware when working with coordinates on View Transition pseudos like ::view-transition-group(*). Depending on where you read/write those coordinates from/to, you might end up with layout jumps. This post details the pitfalls and how to deal with them ...

bram.us — 9 days ago

Solved by StyleObserver: Element.matchContainer()

Martin Winkler published a package that polyfills Element.matchContainer to get notified in script when a Container Query matches/unmatches. Under the hood, it uses a StyleObserver.

bram.us — 18 days ago

CSS at function + CSS if()=

Support for Nested Container Queries and the CSS if() function inside CSS Custom Functions make @function very powerful.

bram.us — 23 days ago

Continue

Please wait ...