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

Tag Archives: css

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(*)

CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)

Slides of the talk I gave at “Full Stack Europe 2022” + Trip Report

Read Post →

Posted byBramus!December 20, 2022October 13, 2023Posted inOriginal ContentTags: css, fseu22, public speakingLeave a comment on CSS in 2022 (and beyond) (2022.10.07 @ Full Stack Europe)

Help choose the syntax for CSS Nesting!

The CSS Working Group is continuing a debate over the best way to define nesting in CSS. And if you are someone who writes CSS, we’d like your help.

Read Post →

Posted byBramus!December 16, 2022December 19, 2022Posted inOriginal ContentTags: css2 Comments on Help choose the syntax for CSS Nesting!

A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()

:nth-child(An+B [of S]?) is not available in all browsers, but thanks to :has we can polyfill it (to a certain extent)

Read Post →

Posted byBramus!December 14, 2022May 17, 2023Posted inOriginal ContentTags: css, polyfill, selectors3 Comments on A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()

Posts pagination

Newer posts 1 … 7 8 9 10 11 … 79 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.