Topic: CSS

The new Safari 18 beta dropped and it's packed with new web features. I collected browser compat information and checked what features are safe to use today.

A CSS trick using padding, object-fit and object-position to show / hide img content.

If you're defining absolute width or height for an absolute positioned element, you can use auto margin to lay out these elements.

Style queries for custom properties will eliminate the need for custom media queries.

A snippet to fade out text with mask-image.