html-experiment

CSS

• https://wiki.csswg.org/ideas/mistakes/

Performance

Would quite like to find some decent info about CSS performance in the browser.

I remember hearing little bits about this ages ago, but perormance is so multivariable that all of it could change at any time.

Occasionally I do see little slowdowns with certain kinds of effects and layering, transparencies etc.

If there are any really broadly applicable guidelines out there though would be interested.

Video

Do It With Style: Rethinking CSS - Dylan Beattie - NDC London 2026

https://www.youtube.com/watch?v=nhbYveaV0pk

• https://developer.mozilla.org/en-US/docs/Web/CSS/::details-content
• https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/interpolate-size
• https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/transition-behavior
• have a play with asymmetric transition in/out
• sibling-index() & sibling-count()
• animation-fill-mode
• select, ::picker(select) { appearance: base-select; }

…

https://www.youtube.com/watch?v=Vcv01Czsq2Y

position-anchor position-area position-tryfallback

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll-driven_animations

scroll-button() scroll-marker-group

css-masonry

interest-invoker