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

Author Archives: Bramus!

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)

CSS Trigonometric Functions land in Chrome 111

Put your CSS calc() hat on because sin(), cos(), tan(), and friends are available in Chrome 111!

Read Post →

Posted byBramus!March 11, 2023Posted inElsewhereTags: css, link, math1 Comment on CSS Trigonometric Functions land in Chrome 111

(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

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 ~

CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)

When feature detecting support for :has(), use :has(+ *) instead of :has(*)

Read Post →

Posted byBramus!January 4, 2023May 8, 2023Posted inOriginal ContentTags: css, feature detection, selectors4 Comments on CSS :has() feature detection with @supports(selector(…)): You want :has(+ *), not :has(*)

Posts pagination

Newer posts 1 … 12 13 14 15 16 … 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.