Field-Sizing: The Native CSS Way to Auto-Resize Form Controls

The CSS `field-sizing: content` property lets form controls auto-grow to fit their text natively — no JavaScript, no scrollHeight listeners. Here's how it works, where it shines in chat composers and inline inputs, the edge cases that still need care, and a progressive-enhancement strategy for pro

4 min read
Read more →
Field-Sizing: The Native CSS Way to Auto-Resize Form Controls

Why Native Selects Were a Pain

The appearance: base-select CSS property finally lets developers style native select dropdowns without JavaScript libraries — unlocking full theming of the option list, smooth open animations, and preserved accessibility semantics.

4 min read
Read more →
Why Native Selects Were a Pain

The attr() Function Finally Grows Up

The typed `attr()` function finally lets HTML attributes drive real CSS values — lengths, colors, and angles parsed straight from markup with type hints and fallbacks. Here's how to replace JavaScript glue code with declarative styling.

4 min read
Read more →
The attr() Function Finally Grows Up

The problem JavaScript solved poorly

CSS Grid's native masonry layout (grid-lanes) is finally shipping in browsers. Here's how to adopt it today with progressive enhancement, solid fallbacks for legacy engines, and the production gotchas that trip up real codebases.

3 min read
Read more →
The problem JavaScript solved poorly

Sony 1000X Collexion: The New Benchmark in Wireless Audio

Sony's 1000X Collexion headphones set a new benchmark in wireless audio, pairing refined active noise cancellation with an adaptive sound engine and a genuinely comfortable redesign. Here's why they earn their flagship status.

3 min read
Read more →
Sony 1000X Collexion: The New Benchmark in Wireless Audio

Latest