Skip to content

Bram.us

A rather geeky/technical weblog, est. 2001, by Bramus

  • Blog
    • All Posts
    • Original Content
    • Elsewhere
  • Talks
  • About
  • RSS
    • All Posts
    • Original Content Only
    • Elsewhere Only
  • Search

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.

Read Post →

Posted byBramus!February 24, 2025February 25, 2025Posted inOriginal ContentTags: container queries, css, javascript, link3 Comments on Solved by StyleObserver: Element.matchContainer()

CSS @function + CSS if() = 🤯

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

Read Post →

Posted byBramus!February 18, 2025February 24, 2025Posted inOriginal ContentTags: css, functions, style queries6 Comments on CSS @function + CSS if() = 🤯

CSS Custom Functions are coming … and they are going to be a game changer!

Chrome is currently prototyping CSS Functions, which is very exciting!

Read Post →

Posted byBramus!February 9, 2025February 19, 2025Posted inOriginal ContentTags: css, functionsLeave a comment on CSS Custom Functions are coming … and they are going to be a game changer!

View Transitions Applied: More performant ::view-transition-group(*) animations

If the dimensions of the ::view-transition-group(*) don’t change between the old and new snapshot you can optimize its keyframes so that it animates on the compositor.

Read Post →

Posted byBramus!February 7, 2025July 3, 2025Posted inOriginal ContentTags: animations, flip, view transitionsLeave a comment on View Transitions Applied: More performant ::view-transition-group(*) animations

View Transitions Snippets: Keeping the page interactive while a View Transition is running

The ::view-transition root overlay captures all clicks … but you can undo that.

Read Post →

Posted byBramus!January 29, 2025February 13, 2025Posted inOriginal ContentTags: css, view transitions2 Comments on View Transitions Snippets: Keeping the page interactive while a View Transition is running

MPA View Transitions Deep Dive

Back in December I joined Kevin J Powell on his channel to talk about Cross-Document View Transitions

Read Post →

Posted byBramus!January 26, 2025Posted inElsewhereTags: video, view transitions1 Comment on MPA View Transitions Deep Dive

CSS attr() gets an upgrade

You can now use `attr()` with any CSS property — not just content – and it can parse values into data types other than <string>.

Read Post →

Posted byBramus!January 20, 2025February 6, 2025Posted inElsewhereTags: css, link2 Comments on CSS attr() gets an upgrade

Move elements around the DOM while preserving their state with moveBefore

Unlike the classic way of moving a node by removing+reinserting it, the moveBefore method preserves the element’s state!

Read Post →

Posted byBramus!January 16, 2025January 26, 2025Posted inOriginal ContentTags: dom, javascript1 Comment on Move elements around the DOM while preserving their state with moveBefore

View Transitions Snippets: Keeping track of the old and new positions of a transitioned element

By calling getBoundingClientRect before and after the snaphots are taken, you can get the before and after positions of the transtioned elements.

Read Post →

Posted byBramus!January 8, 2025March 4, 2025Posted inOriginal ContentTags: animations, javascript, view transitionsLeave a comment on View Transitions Snippets: Keeping track of the old and new positions of a transitioned element

View Transitions Snippets: Getting all Animations linked to a View Transition

A few lines of JavaScript to get all animations linked to an active View Transition.

Read Post →

Posted byBramus!January 1, 2025January 5, 2025Posted inOriginal ContentTags: css, javascript, view transitions1 Comment on View Transitions Snippets: Getting all Animations linked to a View Transition

Posts pagination

Newer posts 1 2 3 4 … 707 Older posts

About Bram.us

Bram.us is the technical/geeky weblog of Bramus Van Damme, a Freelance Web Developer from Belgium.

Main topics are web related technologies (CSS, JS, PHP, …), along with other geeky things (robots, space, …) and personal interests (cartography, music, movies, …).

More …

Stay up-to-date

To follow bram.us you can:

  • Subscribe to bram.us via RSS
  • Follow @bramusblog on Twitter
  • Give bram.us a like on Facebook

Next to his ramblings here, you may also follow @bramus himself on Twitter or on Mastodon.

Archives

Search

Bram.us, Proudly powered by WordPress.