Chris Coyier

Just a tiny gotcha.

We’ve been trying to make the point around here that the new shape() in CSS is awesome. It’s the powerful <path> in SVG ported to CSS so it can use actual units. It’s probably how path() should have ported to begin with, but c’est la vie. I’ll make the point in this demo. Resize those […]

A very interesting aspect of the AI smashing its way into every software product known to man, is how it’s integrated. What does it look like? What does it do? Are we allowed to control it? UX patterns are evolving around this. In coding tools, I’ve felt the bar being turned up on “anticipate what […]

For the true beginners out there! We’ll put the files in a GitHub repo and connect it to Netlify to host it.

I just complained that color inputs couldn’t deal in P3 colors. Looks like Safari is the first-mover on supporting that, as well as alpha: I was able to make a quick demo and see it on iOS: Under the Sliders tab, it’s still just R G & B, but it seems to me you can […]

Got an old “modal” design? Now might be the time to upgrade it to a

I enjoyed this video from Kristian Freeman from Cloudflare on building something quickly with their AutoRAG feature. RAG (Retrieval-Augmented Generation), as I understand it, means that you’re going to ask an AI model a question, but you want that answer informed by a whole corpus of documents. As in, ask the question “how do I […]

Google Translate doesn’t change the `dir` of a site when translating from LTR to RTL… but you could.

When I first looked at the new color contract function in CSS, the words were reversed, so that’s notable. It’s contrast-color() now, and starting it’s life in Safari Technology Preview. Now it only takes one argument, a color, and you get back either black or white (rather than providing your own color choices). Once this […]

Rachel Andrew notes an excellent new feature of CSS that Chrome is dropping first: reading-flow and reading-order. There are CSS features that can move elements to places that make what the tabbing order (thus “reading order”) super different than what the visual order of the elements is. This can be an awkward jumpy-aroundy experience and […]