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

The Yellow Fade Technique with Modern CSS using @starting-style

Remember the “Yellow Fade Technique” from back in the day? With Modern CSS this is now SUPER EASY to recreate!

Read Post →

Posted byBramus!May 24, 2023December 19, 2024Posted inOriginal ContentTags: css, transitions2 Comments on The Yellow Fade Technique with Modern CSS using @starting-style

What’s new in web animations (Google I/O 2023)

“What’s new in web animations” – my talk at Google I/O 2023

Read Post →

Posted byBramus!May 16, 2023May 17, 2024Posted inOriginal ContentTags: css, easing, googleio, public speaking, scroll-driven animations, transforms, video, view transitions, web animationsLeave a comment on What’s new in web animations (Google I/O 2023)

Scroll-Driven Animations (2023.05.10 @ Full Stack Ghent)

Talk given at Full Stack Ghent

Read Post →

Posted byBramus!May 10, 2023June 20, 2024Posted inOriginal ContentTags: public speaking, scroll-driven animationsLeave a comment on Scroll-Driven Animations (2023.05.10 @ Full Stack Ghent)

Rearrange / Animate CSS Grid Layouts with the View Transition API

Animate elements in a grid layout as new items are added, items change size, etc.

Read Post →

Posted byBramus!May 9, 2023May 12, 2023Posted inOriginal ContentTags: css, grid, view transitions4 Comments on Rearrange / Animate CSS Grid Layouts with the View Transition API

Scroll-Driven Animations (2023.04.12 @ Full Stack Antwerp)

Talk given at Full Stack Antwerp

Read Post →

Posted byBramus!April 12, 2023June 20, 2024Posted inOriginal ContentTags: public speaking, scroll-driven animationsLeave a comment on Scroll-Driven Animations (2023.04.12 @ Full Stack Antwerp)

What’s new in CSS? (2023.03.23 @ DevDay)

Slides of the talk “What’s new in CSS” I gave at DevDay

Read Post →

Posted byBramus!April 8, 2023October 13, 2023Posted inOriginal ContentTags: css, public speakingLeave a comment on What’s new in CSS? (2023.03.23 @ DevDay)

(255,255,255) is the Highest Specificity

Exploring how browser engines store Specificity and what, if any, its limits are.

Read Post →

Posted byBramus!February 21, 2023June 28, 2023Posted inOriginal ContentTags: css, specificity1 Comment on (255,255,255) is the Highest Specificity

Scroll-Driven Animations: Cover Flow (2022.10.06 @ Full Stack Europe)

Lightning talk on how I recreated Cover Flow using only HTML and CSS, thanks to Scroll-Driven Animations.

Read Post →

Posted byBramus!February 12, 2023October 13, 2023Posted inOriginal ContentTags: css, fseu22, public speaking, scroll-linked animations1 Comment on Scroll-Driven Animations: Cover Flow (2022.10.06 @ Full Stack Europe)

The gotcha with @property animating custom properties

Custom properties – even when registered through @property – don’t animate on the compositor.

Read Post →

Posted byBramus!February 1, 2023August 11, 2023Posted inOriginal ContentTags: at-property, css, custom properties, performance2 Comments on The gotcha with @property animating custom properties

Using :is() in complex selectors selects more than you might initially think

Because selector matching in browsers happens from right to left, you might end up with more matches than you expected when using .a :is(.b .c).

Read Post →

Posted byBramus!January 17, 2023February 3, 2023Posted inOriginal ContentTags: css, selectors1 Comment on Using :is() in complex selectors selects more than you might initially think

Posts pagination

Newer posts 1 … 9 10 11 12 13 … 55 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.