Radar

Links to things we’re checking into.

Expanding CSS Shadow Effects

Design principles tell us a shadow is conveys that light is hiding an object, which casts the shadow behind it, giving us a sense of depth. However, if that’s all a shadow is ever used for, then it has not been utilized to its full potential.

Minimal CSS-only blurry image placeholders

Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed!

Extending the cursor

The cursor has transformed from a simple pointing device into a powerful tool for enhancing user interaction and providing contextual feedback. Software and games are raising the bar for what the cursor interface can do, demonstrating how thoughtful extensions of a...

Get This and Other Things In Our Weekly Email Newsletter

Dropbox brand guidelines

A simple masonry-like composable layout

I’d say this is a solid approach to carry you until browsers finally make their mind up on the how and then actually implement this stuff for real.

6 CSS Snippets Every Front-End Developer Should Know In 2025

2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation.

:hover > :not(:hover), sorry not sorry

I don't see this technique enough: focus by demotion. Very often we create focus by promotion: hover to create a glow, focus rings, or even just making text bold.