Chris Coyier

The other day I needed to quickly see pixel dimensions that were exactly in a 9 / 16 aspect ratio. Like: 180 / 320. That’s perfectly in that ratio. You might be able to think of that one in your head, but how about 351 / 624? That’s harder to think of. And I wanted […]

Victor Ayomipo saw our post about using container units for everything. He was more optimistic than I that our result was good. My thinking is that there are plenty of things you straight up don’t want to use container units for. Victor did a similar exercise with (over?)-using min() and viewport units. Turns out there […]

When you use View Transitions on multiple elements, it can be a very nice look to stagger them out a little bit. It’s possible now, but a bit finicky. Let’s take a look at some code, present and future, that will help.

The ability to style a <select> menu has long been high on list of web designer’s want lists. The inside part anyway; the part that opens up when you activate it. The outside we’ve been able to style for a while. Open UI did a bunch of research and even had a browser implementation of […]

Paweł Grzybek has a succinct overview of the new things in JavaScript this year, including credit to the people involved. I find it interesting to consider features in the recent light of the JS0/JSSugar proposal/drama. Looking at these features, which ones would be “real language” features (JS0) and which could be processed away (JSSugar)? I […]

You can keep it chill and just use HTML email to apply a nice typeface, reign in the line length, use real links, and honor dark mode.

TODS: “an open source typography and opentype default stylesheet” from Richard Rutter. I like the idea of slightly-opinionated stylesheets that do a bunch of things you might forget to do, or just as likely, don’t know you can do to begin with. There are loads of goodies in here including a slew of utility classes for […]

I thought the Bytes newsletter #326 did a good job of showing the different between a “normal” web component and a “declarative shadow DOM” web component. (Quick ports of the former and latter). Declarative shadow DOM is the web components story for “server-side rendering” (SSR). All the visual stuff needed to render the component is […]

Imagine transitioning a bunch of items all set into ONE cell of a grid, then each having a unique animation when they move from that cell into where they would naturally fall on that same grid.

There are folks that think Safari is the worst current browser. Safari is the new IE, they say. You wouldn’t have to convince Alex Russell who regularly points to the fact that there isn’t browser choice on iOS, which is direct fuel for the app store, so keeping the web down is a business strategy. […]