Bernd de Ridder (@berndderidder.nl)

Bernd de Ridder

@berndderidder.nl

Front-end, design and creative coding 🌀

27 followers 187 following21 posts

Bernd de Ridder

@berndderidder.nl

Please recycle your website

🌀

I adopted Nightly Escapade on Color Names. names.color.pizza/color/nightl...

names.color.pizzaNightly EscapadeMidnight sky blue, for when the day's last train has left the station.

Bernd de Ridder

@berndderidder.nl

Tried using the & (nesting selector) in not() and surprisingly that works 🤯 codepen.io/editor/bernd...

codepen.ionot() with & nesting selectorA code demo by Bernd created on CodePen

Bernd de Ridder

@berndderidder.nl

🎉

Firefox for Web Developers@webdevs.firefox.com

We've loved seeing folks post their rankings, so we've added a share button! You can either share your list via the site directly, or copy your list as markdown/html for your own blog. interop-rank.fxdx.dev

interop-rank.fxdx.dev2027 Web Platform Feature RankingRank the Interop 2027 features you care most about

Bernd de Ridder

@berndderidder.nl

interop-rank.fxdx.dev/share/BerndH...

interop-rank.fxdx.devBernd de Ridder's 2027 Web Platform Feature RankingTop picks: 1. CSS interpolate-size property and calc-size() function, 2. Allow CSS transitioning/animating display and content-visibility, 3. HTML focusgroup attribute

Bernd de Ridder

@berndderidder.nl

14 Aug

Hey @webdevs.firefox.com I noticed that ::details-content inside @scope does not work in firefox (tested in 153 & nightly). Here I have a codepen codepen.io/editor/bernd.... Is this issue known?

codepen.io@scope and ::details-contentA code demo by Bernd created on CodePen

Bernd de Ridder

@berndderidder.nl

8 May

@cssence.com thanks for writing cssence.com/2025/scroll-.... I keep forgetting when to use scroll margin or scroll padding.

cssence.comInstant snapportHow to tweak the optimal viewing region of the scrollport.

Bernd de Ridder

@berndderidder.nl

18 Mar

I recently found the CSS property font-synthesis. Setting this to none will prevent the browser from synthesizing bold and italic styles. I think this should be default behavior and can recommend adding font-synthesis: none; to your CSS reset #CSS

developer.mozilla.orgfont-synthesis - CSS | MDNThe font-synthesis shorthand CSS property lets you specify whether or not the browser may synthesize the bold, italic, small-caps, and/or subscript and superscript typefaces when they are missing in t...

You are up to date.