Web Development

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One

So what’s the difference between combobox, multiselect, listbox, and dropdown? While all these UI components might appear similar, they serve different purposes. The choice often comes down to the number of available options and their visibility. Let’s see how they differ, what purpose they serve, and how to choose the right one — avoiding misunderstandings […]

Combobox vs. Multiselect vs. Listbox: How To Choose The Right One Read More »

What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More

Neither Chrome, Safari, nor Firefox have shipped new features in the last couple of weeks, but fear not because leading this issue of What’s !important is some of the web development industry’s best educators with, frankly, some killer content. Maintaining video state across different pages using view transitions Chris Coyier demonstrates how to maintain a

What’s !important #4: Videos & View Transitions, Named Media Queries, How Browsers Work, and More Read More »

How to Style the New ::search-text and Other Highlight-y Pseudo-Elements

Chrome 144 recently shipped ::search-text, which is now one of several highlight-related pseudo-elements. This one selects find-in-page text, which is the text that gets highlighted when you do a Ctrl/Command + F-type search for something on a page and matches are found. By default, ::search-text matches are yellow while the current target (::search-text:current) is orange,

How to Style the New ::search-text and Other Highlight-y Pseudo-Elements Read More »

ReliCSS

We all have a few skeletons in our CSS closets. There’s probably that one-off !important where you can now manage that more effectively with cascade layers. Or maybe a dated Checkbox Hack that :has() has solved. Perhaps it’s been a long while since your last site redesign and it’s chock-full of vendor-prefixed properties from 2012.

ReliCSS Read More »