Skip to content

Bram.us

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

  • Blog
    • All Posts
    • Original Content
    • Elsewhere
  • Speaking & Training
  • About
  • RSS
    • All Posts
    • Original Content Only
    • Elsewhere Only

Category Archives: Original Content

Introducing scroll-driven-animations.style

Introducing scroll-driven-animations.style, a website I built to support the launch of Scroll-Driven Animations in Chrome 115.

Read Post →

Posted byBramus!June 13, 2023June 13, 2023Posted inOriginal ContentTags: css, scroll-driven animationsLeave a comment on Introducing scroll-driven-animations.style

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, 2023May 30, 2023Posted inOriginal ContentTags: css, transitions1 Comment on The Yellow Fade Technique with Modern CSS using @starting-style

What’s new in web animations

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

Read Post →

Posted byBramus!May 16, 2023May 17, 2023Posted inOriginal ContentTags: css, easing, scroll-driven animations, transforms, video, view transitions, web animationsLeave a comment on What’s new in web animations

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 transitions2 Comments on Rearrange / Animate CSS Grid Layouts with the View Transition API

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

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

Read Post →

Posted byBramus!April 8, 2023April 8, 2023Posted inOriginal ContentTags: css, public speakingLeave a comment on What’s new in CSS? (2022.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, 2023March 1, 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, performanceLeave a comment 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, selectorsLeave a comment on Using :is() in complex selectors selects more than you might initially think

Sibling Scopes in CSS, thanks to :has() and ~

Leverage CSS :has() to select all siblings between two element boundaries.

Read Post →

Posted byBramus!January 12, 2023March 1, 2023Posted inOriginal ContentTags: css, selectors4 Comments on Sibling Scopes in CSS, thanks to :has() and ~

Posts navigation

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