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

The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.

Read Post →

Posted byBramus!October 9, 2023March 19, 2026Posted inOriginal ContentTags: color, css, dark mode5 Comments on The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

LearnWithJason: CSS-Only Scroll-Driven Animations

I was a guest on Jason Lengstorf’s “Learn With Jason” stream. We talked about Scroll-Driven Animations.

Read Post →

Posted byBramus!October 9, 2023October 13, 2023Posted inElsewhereTags: css, public speaking, scroll-driven animations, videoLeave a comment on LearnWithJason: CSS-Only Scroll-Driven Animations

Run a Scroll-Driven Animation only once

A small piece of JavaScript to run a scroll-driven animation only once.

Read Post →

Posted byBramus!October 5, 2023October 10, 2023Posted inOriginal ContentTags: css, javascript, scroll-driven animationsLeave a comment on Run a Scroll-Driven Animation only once

Animate between states with the View Transition API (2023.09.27 @ devs.gent)

Slides of my talk on View Transitions at the inaugural devs.gent meetup.

Read Post →

Posted byBramus!October 3, 2023October 13, 2023Posted inOriginal ContentTags: css, public speaking, slides, view transitionsLeave a comment on Animate between states with the View Transition API (2023.09.27 @ devs.gent)

Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

Leverage Scroll-Driven Animations + a Space Toggle or State Query to selectively style an element based on it being scrollable or not.

Read Post →

Posted byBramus!September 16, 2023October 4, 2023Posted inOriginal ContentTags: css, scroll, scroll-driven animations13 Comments on Solved by CSS Scroll-Driven Animations: Detect if an element can scroll or not

Scroll-Driven Animations Debugger (DevTools Extension)

A DevTools extension to visualize and debug Scroll-Driven Animations

Read Post →

Posted byBramus!September 12, 2023November 16, 2023Posted inOriginal ContentTags: css, debug, devtools, extension, scroll-driven animationsLeave a comment on Scroll-Driven Animations Debugger (DevTools Extension)

Mastodon Redirector – A browser extension to rewrite external Mastodon URLs to your own instance

Because Mastodon URLs across instances is a mess …

Read Post →

Posted byBramus!September 11, 2023September 12, 2023Posted inOriginal ContentTags: extension, mastodon1 Comment on Mastodon Redirector – A browser extension to rewrite external Mastodon URLs to your own instance

CSS @property improvements in​ Chrome DevTools (Chrome 118)

Chrome DevTools included with Chrome 118 has some nice improvements to working with @property.

Read Post →

Posted byBramus!August 24, 2023August 24, 2023Posted inOriginal ContentTags: at-property, css, devtoolsLeave a comment on CSS @property improvements in​ Chrome DevTools (Chrome 118)

A quick introduction to CSS @scope

An introductory thread to CSS @scope.

Read Post →

Posted byBramus!August 22, 2023October 5, 2023Posted inOriginal ContentTags: css, scope4 Comments on A quick introduction to CSS @scope

Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)

Backstory, slides, recording, and more of my talk at CSS Day 2023.

Read Post →

Posted byBramus!August 7, 2023October 13, 2023Posted inOriginal ContentTags: css, public speaking, scroll-driven animations, slides, view transitionsLeave a comment on Scroll-Driven Animations and View Transitions (2023.06.09 @ CSS Day)

Posts pagination

Newer posts 1 … 10 11 12 13 14 … 711 Older posts

About Bram.us

Bram.us is the technical/geeky weblog of Bramus Van Damme, a web developer based in Belgium.

Bramus is part of the Chrome Developer Relations team at Google, focusing on CSS, Web UI, and DevTools. From the moment he discovered view-source at the age of 14 (way back in 1997), he fell in love with the web and has been tinkering with it ever since.

More …

Stay up-to-date

To follow bramus and his blog:

  • 🟠 Subscribe to RSS
  • 🦋 Follow me on Bluesky
  • 🦣 Follow me on Mastodon

Archives

Search

Bram.us, Proudly powered by WordPress.