Chris Coyier

I like how working on web performance is so well aligned with other worthy goals. A fast site is site more accessible to other people. A fast site tends to convert better. Using web standards and more native web technologies tends to lead to a faster site. SpeedCurve has published a pretty beefy and useful […]

The HTML for a <details> element is generally something like: See how I put two <p> elements in there? That’s totally fine. Everything that isn’t the <summary> is visually hidden until the <details> is open, either via the open attribute or the summary is clicked/tapped. So if you’re trying to select “all the content”, you’re […]

I love that Alexander Keliris saw a paper sketch of that cool THX sound you hear in movie theaters and coded it using Tone.js. Sounds great I think. Great example of getting nerdsniped by an idea. I also saw Lea Rosema needed some short/simple 8-bit sounds recently and got nerdsniped into making them herself.

Danila Fedorin’s article about unique UX features in blogs is fun. Here’s some extra thoughts, resources, and opinions.

First I read Nikhil Suresh’s angry rant about AI, then I read Frank M Taylor’s angry rant about front-end development. I agree and disagree with different points in each, like any good rant. Something that struck me is that, well, I don’t think either of them are actually particularly angry, it’s actually a schtick. I […]

Having a named block of styles to apply in CSS can be useful, and newfangled Style Queries are pretty close to that. We look at one use case here, how Sass did mixins better, and hope for a native solution.

Ryan Seddon makes clear the potential performance problem with cross-page View Transitions: … on a slow or spotty network, the transition may appear as if the screen is freezing, as the browser waits for the page to load before it can transition smoothly between the two screens—this is not ideal. But also that our new […]

I enjoyed Hugo Landau’s praise of PHP in The Demise of the Mildly Dynamic Website: And PHP is a heck of a lot better today than it was back in those “Rise of PHP” years. You could do a lot worse than building in Laravel.

CSS allows setting different overflow behaviors for x and y directions. It doesn’t actually work with the `hidden` value, but it does with `clip`!

CSS has linear, radial, and conic gradients, that can all do interesting and complex things… but not quite this, at least not on their own: That’s what we’ve been calling a Mesh Gradient. There are all sorts of ways to pull it off, like using multiple backgrounds with radial gradients placed at different locations, or […]