When you nest elements with border-radius, the inner element needs less radius than the outer element.

This is some classic advice on this, and a future-looking fix.

Git is one of the most important tools to any software engineer. It can also be one of the biggest headaches when attempting a complex merge or unwinding a tangled mess of commits.  But what if you didn’t need to rage-quit and start over with git reset –hard? Well, ThePrimeagen is here to teach you Everything […]

A scroll progress indicator is a pretty straightforward thing to build with a scroll()-style scroll-driven animation. But here, we’ll build indicators for each section of a page using the view() style.

Let’s say you don’t know JavaScript. You’re a web designer and you’re focused largely on UI and UX. Let’s look at some things you could learn in a day that will give you that bang for the buck.

We can *mostly* use HTML alone for this API. But here, we’ll use CSS to style the “links” within paragraphs and a JS library to position them, in lieu of CSS anchoring.

Just to cut to the chase, the superpower is being able to adjust their weight (or at least one of their attributes, or as variable fonts call them, an “axis”) without changing the space they occupy. This means that interactive effect and animations can be done without worry for awkward reflow situations and performance problems. […]