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

Category Archives: Original Content

Supercharge Web UX with View Transitions (2024.10.18 @ React Brussels)

Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024

Read Post →

Posted byBramus!November 17, 2024November 17, 2024Posted inOriginal ContentTags: public speaking, view transitionsLeave a comment on Supercharge Web UX with View Transitions (2024.10.18 @ React Brussels)

Chrome Dark Mode Toggle v1.1

On top of a per-origin override, you can now set a Chrome-wide preference to have your OS in Dark Mode but all sites in Light Mode (or vice versa).

Read Post →

Posted byBramus!October 30, 2024Posted inOriginal ContentTags: dark mode, web preferences api1 Comment on Chrome Dark Mode Toggle v1.1

Scroll-driven animated card stack with scroll snap events

Dissecting and reworking a very nice demo by Paul Noble.

Read Post →

Posted byBramus!October 13, 2024March 9, 2025Posted inOriginal ContentTags: css, scroll-driven animations1 Comment on Scroll-driven animated card stack with scroll snap events

Feature detect Style Queries Support in CSS

Awaiting browser support for at-rule(), here’s how you do it.

Read Post →

Posted byBramus!October 6, 2024October 6, 2024Posted inOriginal ContentTags: css, feature detection, style queries1 Comment on Feature detect Style Queries Support in CSS

Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

By adding a long transition-delay to a CSS property under certain conditions (which you can do using a Style Query), you can persist its value.

Read Post →

Posted byBramus!September 29, 2024October 8, 2024Posted inOriginal ContentTags: demo, scroll-driven animations2 Comments on Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.

Observing Style Changes (2024.09.25 @ devs.gent)

Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices.

Read Post →

Posted byBramus!September 25, 2024September 26, 2024Posted inOriginal ContentTags: css, public speakingLeave a comment on Observing Style Changes (2024.09.25 @ devs.gent)

Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too

You want to filter out Firefox’s partial implementation …

Read Post →

Posted byBramus!September 24, 2024September 24, 2024Posted inOriginal ContentTags: scroll-driven animations1 Comment on Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too

A better capturing mode for View Transitions

What if View Transitions animated the clip-path, border-radius, opacity, … properties for you by default? And what if it preserved the hierarchy of the tree?

Read Post →

Posted byBramus!September 23, 2024January 7, 2025Posted inOriginal ContentTags: view transitionsLeave a comment on A better capturing mode for View Transitions

Introducing @bramus/caniuse-cli, a CLI tool for “Can I Use …”

I scratched my own itch (again) and built a command line tool for “CanIUse …”.

Read Post →

Posted byBramus!September 14, 2024September 15, 2024Posted inOriginal ContentTags: caniuse, cli2 Comments on Introducing @bramus/caniuse-cli, a CLI tool for “Can I Use …”

Introducing @bramus/style-observer, a MutationObserver for CSS

@bramus/style-observer is a MutationObserver for CSS. It allows you to attach JavaScript callbacks to changes in computed values of CSS properties

Read Post →

Posted byBramus!August 31, 2024February 25, 2025Posted inOriginal ContentTags: css, mutationobserver2 Comments on Introducing @bramus/style-observer, a MutationObserver for CSS

Posts pagination

Newer posts 1 2 3 4 5 … 51 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.