Gradients can look super different depending on what color space you have them interpolate in. It’s sRGB by default, and there is a decent chance you’ve never even thought about it. But it’s a small syntax change to change that, as Keith Grant documents. One of those is not better than the other. Maybe it’s…
The creator of the TV show The Good Place wrote a tie-in book about moral philosophy which includes a chapter called “The Luck of the Draw,” discussing how the myth of meritocracy leads people to “underestimate the role that luck has played in their lives.” Given how God seems to play dice with the universe, there is something compelling in the way art…
I got a cool trick for you. You can just paste an HTML email into Gmail. So let’s say you’re using (the very nice) MJML language to create an nice responsive cross-client-compatible email on CodePen. Like this one. You can just select all that nice visual output and Copy it. Then in Gmail, make a…
Could there be a better way to welcome the new month than with a new collection of desktop wallpapers? Whether you’re holding tightly onto summer or eagerly awaiting autumn, we’ve got some eye-catching designs to make your September just a bit more colorful. Enjoy! For more than 15 years already, our monthly wallpapers series has…
Firefox 151 recently shipped the Document Picture-in-Picture API. This isn’t the same thing as the (regular?) Picture-in-Picture API, which pushes videos into a resizable window that remains visible even after switching browser tabs or OS windows. No, the Document Picture-in-Picture API enables us to put anything into the window. I guess we can think of…
Sometimes we gotta take matters into our own hands, am I right? I was reading Aaron Gustafson’s Never Lose Form Progress Again which is just a wonderful idea for a Web Component. Basically you wrap a <form> in <form-saver> and it saves the data a person types into a form to localStorage so they don’t…
Data visualisation sits at the intersection of two disciplines that rarely talk to each other: data and design. Many dashboards are technically correct and communicatively inert. They show the right numbers but still fail to produce a decision, a direction, or a change in thinking. Meriem Benhabiles explores what changes when you bring structured UX…
The CSS animation-trigger property delays the start of a CSS animation until a specific trigger occurs. More specifically, it listens for a named trigger and controls how the animation plays or pauses in response. .element { animation: fade-in 0.35s ease-in-out both; animation-trigger: –trigger play-forwards play-backwards; } CodePen Embed Fallback This behavior has traditionally been JavaScript territory, typically…
Every website peaks on launch day and slowly drifts from there, not because it breaks, but because nobody has time to keep it current. Autonomous websites, continuously optimized by agents after launch, aim to change that. But take the idea seriously, and you quickly run into a problem that has nothing to do with technology:…
There was a fun little debate about color themes and UI/UX. There is some solid logic to having three states for a color theme toggle: Light Mode Dark Mode System Meaning: Be in Light Mode no matter what Be in Dark Mode no matter what Respect whatever the OS setting is That’s what we have…