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

Syntax: Supper Club × Bramus Van Damme on CSS

A while ago I joined the Syntax Podcast ran by Wes Bos and Scott Tolinski

Read Post →

Posted byBramus!June 1, 2023Posted inElsewhereTags: audio, link, podcastLeave a comment on Syntax: Supper Club × Bramus Van Damme on CSS

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)

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, 2023February 22, 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

Custom properties registered using @property don’t animate on the compositor.

Read Post →

Posted byBramus!February 1, 2023May 25, 2023Posted inOriginal ContentTags: at-property, css, custom properties, performanceLeave a comment on The gotcha with @property

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

Posts navigation

1 2 3 … 698 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.