HTML

Websites often hardcode keyboard shortcuts for Mac (⌘) while neglecting Windows users, leading to confusion.

We don’t NEED JavaScript to adjust tooltip timing displays. Super modern CSS and HTML has this covered simply, and we can do fully successful fallbacks.

I had fun with the post about making a link to a random post in just HTML/CSS the other day. But I was almost certainly over-thinking it on the original. Using random() was kind of the point, so we can stick with that.

You normally don’t think of images as overflowing themselves, nor can you put anything else inside to make it overflow, but actually…

The sizes attribute for <img> was maybe the hardest part. It had complicated syntax that always had to be in sync with whatever your CSS was doing. But sizes=”auto” support is almost ready for prime time. Jason Grigsby says we can go a step further an remove srcset too, which is nearly just as complex, […]

Aaron T. Grogg has a nice page chock full of examples of UI, which used to be the sort of thing that we’d use JavaScript for, but can now be done in HTML & CSS. No hate: I have nothing against JS, but it has better things to do The examples are very modern, like […]

Hand-writing/maintaining a sizes attribute is just not going to happen. This is the way.

An experimental API let’s us put HTML within those opening and closing canvas tags and render it to the canvas, while remaining interactive. Lots of possibility here!

Josh Tumath: Have you ever noticed that when you increase the system text size in your iOS or Android phone’s accessibility settings, the text gets bigger everywhere except on the web? On Safari and Chrome, it makes absolutely no difference. New thing: <meta name=text-scale>  This isn’t page zoom, which scales everything, it’s just respects the […]

It’s a strange situation where some CSS is disallowed, some is allowed but breaks the button, and some is capped.