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

Comparing Interop 2024 Choices to the Popular Vote

By Chris Coyier on

Here’s what made the list this year: A little while back I measured the “popular vote” on features based on positive GitHub emoji reactions on the threads. So! How well did what was actually chosen stack up to the popular vote? Let’s see. Interesting results I’d say! It’s kind of all over the map. By […]

Compare Web Animation Techniques

By Chris Coyier on

Looks like the nice folks at Sparkbox put this animation comparison page together a few years ago. I love how extremely comprehensive it is. Of course we can animate things on the web with CSS, and there is a whole JavaScript API for it, and loads of JavaScript libraries all with different characteristics, but don’t […]

2023 JavaScript Rising Stars

By Chris Coyier on

JavaScript Rising Stars is interesting to look at year after year because of the simple methodology of measuring how many more GitHub Stars a project gets year after year. A project like React with a massive amount of star-based popularity isn’t guaranteed to top the list, and in fact this year clocks in at #7. […]

Basic Dialog Usage and Gotchas To Watch For

By Chris Coyier on

The <dialog> element in HTML is tremendous. We’ve got support across the board now, so using it is a smart plan. Just with basic usage, you get a centered modal dialog experience that comes up when you call it, a dimmed background, focus trapped within it, closes with the ESC key, and focus returning where […]