A select should tell you something

With CSS appearance: base-select, an HTML option can finally hold rich content such as previews, numbers, job titles or warnings. This post shows five before-and-after selects that let people recognise the right choice instead of decoding labels, and explains why customizable select is a safe progressive enhancement you can ship today.

Tutorial · Web Development · CSS · UX Design

The Future of CSS

Josh W. Comeau walks through the top 10 CSS features he voted for in Mozilla's Interop 2027 ranking, from native CSS functions onward, explaining what each does, current browser support as of October 2026, and tips you can use today, as browser vendors plan next year's cross-browser Interop focus areas.

Tutorial · CSS · Web Development · Browsers

Iframes that finally fit their content

Ahmad Elalfy explains Chrome 154's responsive iframes, which let an iframe grow to its content height with one CSS property, as long as the embedded page opts in with a meta tag. He compares it with the old postMessage and ResizeObserver approach and covers fallbacks, layout shift and the privacy risk of allowing any origin.

Tutorial · Web Development · CSS · Browsers

Better Icon and Label AlignmentAligning list icons when labels wrap to multiple lines.

There is a common design pattern that sometimes gets missed or overlooked. It’s having a list of items, each with an icon. When the text is one line, the icon is centered, but when the text has multiple lines, the icon is still centered but looks odd.

Tutorial · Programming · Productivity · CSS