Scroll-Locked Dialogs

By Chris Coyier on

I just wrote about the <dialog> element, with some basic usage and things to watch for. It’s a great addition to the web platform. Here’s another interesting thing we can do, connecting it to another one of my favorite new things on the web platform: :has(). (You can see I’ve been pretty into it lately.) […]

The Linear Look

By Chris Coyier on

If there is any one web design style trend that is dominant right now, it’s The Linear Look, as Alex Trost shows off here.

Global Design System

By Chris Coyier on

A global design system is what Brad Frost says we need to save the world from unnecessary repeat (and error prone) work. Dave Rupert and I spoke with Brad on ShopTalk all about it. I still had some questions (you know I’m big on asking questions!), and Brad’s going to think on them. I feel […]

Building a TODO App from Scratch — Step 2 — HTML

By Chris Coyier on

OK it’s HTML time! I love HTML time. We’re laying down a foundation that makes everything feel very real. Is HTML jumping the gun? Nah. The reason that we can jump to HTML right away is that it is common to any other future choice we make. As I mentioned, we might just stay in […]

The Case For Design Engineers

By Chris Coyier on

I like the case Jim Nielsen makes here in Part 2 of his series on why a role of “Design Engineer” makes a lot of sense. You’re given a design with a note: the dividing line between these two containers should be interactive so the user can drag to resize the respective containers on either […]

Harmful design in browser choice

By Chris Coyier on

Props to Cennydd Bowles and Harry Bringnull for calling out this poor behavior on Microsoft’s part. Microsoft Edge is literally injecting a big banner on Chrome’s download page telling people that Edge is better. Of all Microsoft’s tactics, the most objectionable for me is their dissuasive messaging injected directly into the Chrome download page. As […]

Playing with Raster to SVG to 3D Tools

By Chris Coyier on

I happen to have bookmarked a few new-to-me SVG tools that all seemed to fit together in interesting ways, so I thought I would have a play and share. Raster to SVG One type of these tools is Raster-to-SVG. That is, taking something like a photo and “vectorizing” it. I happen to have my multivitamin […]

Velvette

By Chris Coyier on

While I was over on Codrops reading Adam’s article about Scroll-Driven animation, I also read Noam Rosenthal’s article about View Transitions. Noam is also at Google and working on the View Transitions API, so knows it pretty intimately, and found enough gaps that a library around it was warranted. That’s what Velvette is: a library […]