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.

We can pass the mouse position from JavaScript to CSS and use it to make unusual and playful effects.

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 , as we can do both open & close animations now.

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 […]

It was a lovely day on the internet when someone asked how to CSS animated gradient text like ChatGPT’s “Searching the web” and promptly got an answer saying “Have you tried asking ChatGPT? Here’s what it told me!” – well, maybe not these exact words, but at least it rhymes. Both the question and this […]

Blobs! Gooey weird shapes you can fill with any background and even animate.

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 […]