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

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

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, 2023February 3, 2023Posted inOriginal ContentTags: css, feature detection, selectors2 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, 2022January 12, 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, 2022February 14, 2023Posted inOriginal ContentTags: css, polyfill, selectors3 Comments on A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()

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.