Bernd de Ridder
@berndderidder.nl
Front-end, design and creative coding 🌀
Great article! I've used this technique and a small downside with the before pseudo element is that it blocks text selection.
January 15, 2026 at 9:22 PM
Great article! I've used this technique and a small downside with the before pseudo element is that it blocks text selection.
I noticed anchor positioning doesn't work on a translated element? Are transforms ignored?
November 18, 2025 at 10:31 PM
I noticed anchor positioning doesn't work on a translated element? Are transforms ignored?
You can solve this with anchor-scope
css-tricks.com/almanac/prop...
css-tricks.com/almanac/prop...
anchor-scope | CSS-Tricks
The anchor-scope is a property included in the CSS Anchor Positioning module that scopes an "anchor" element to a particular selector, preventing it from
css-tricks.com
November 18, 2025 at 7:27 PM
You can solve this with anchor-scope
css-tricks.com/almanac/prop...
css-tricks.com/almanac/prop...
sizes="auto" on images developer.mozilla.org/en-US/docs/W...
HTMLImageElement: sizes property - Web APIs | MDN
The HTMLImageElement property
sizes allows you to specify the layout width of the
image for each of a list of media conditions. This provides the ability to
automatically select among different images...
developer.mozilla.org
June 11, 2025 at 9:18 PM
sizes="auto" on images developer.mozilla.org/en-US/docs/W...