The CSS ::search-text pseudo-element selects matching text from your browser’s “find in page” feature. For example, if you use your browser search to find “search-text” on this page, all ...

The CSS&nbsp;contrast-color()&nbsp;function takes a&nbsp;<color>&nbsp;value (as well as a variable) and returns either black or white, whichever is the most contrasting color for that value. In ot...

The&nbsp;hypot()&nbsp;function takes a list of values and returns the square root of the sum of their squares. .hypotenuse { width: hypot(30vmin, 40vmin); / 50vmin / } Most of the t...

When I first started building websites, rounded corners required five background images, one for each corner, one for the body, and a prayer that the client wouldn’t ask for a different radius. The...

Tooltips feel like the smallest UI problem you can have. They’re tiny and usually hidden. When someone asks how to build one, the traditional answer almost always comes back using some JavaScript l...

You’re surely no stranger to bookmarks. The ability to favorite, save, or “bookmark” web pages has been a staple browser feature for decades. Browsers don’t just let you bookmark web pages, though....

Interop 2026 is formally a thing. So, you know all of those wild, new CSS features we’re always poking at but always putting under a “lack of browser support” caveat? The Big Three — Blink (Chrome/...

In many countries, web accessibility is a human right and the law, and there can be heavy fines for non-compliance. Naturally, this means that text and icons and such must have optimal color contra...

The reading-flow and reading-order proposed CSS properties are designed to specify the source order of HTML elements in the DOM tree, or in simpler terms, how accessibility tools deduce the order o...

I came across this awesome [article navigator](https://codepen.io/jh3y/pen/NWQYPvy) by [Jhey Tompkins](https://jhey.dev/): CodePen Embed Fallback It solved a UX problem I was facing on a project,...

<p>The&nbsp;<code><strong>text-box-trim</strong></code>&nbsp;and&nbsp;<code><strong>text-box-edge</strong></code> properties in CSS enable developers to trim specifiable amounts of the whitespace t...