P3 in Color Inputs

By Chris Coyier on

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

Cloudflare AutoRAG

By Chris Coyier on

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

Reading flow ships in Chrome 137

By Chris Coyier on

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

Initial Letter with Emoji

By Chris Coyier on

In some random playing around, I saw that the ::first-letter pseudo-element is happy to match an emoji. And then initial-letter is happy to bump it up in size which feels like an easy way to make a kinda fun looking list that would survive syndication and such. Firefox doesn’t support initial-letter but whatever, it’s easily […]

Easier layout with margin-trim

By Chris Coyier on

Without the new property margin-trim, I’m forever doing :last-child { margin-block-end: 0; } and things like that to prevent an elements margin from combining with a parent elements padding to make too much space. The fact that we can avoid the extra awkward targeting and removal rule with this is great. I’ll stick by Coyier’s […]