HTML

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.

Safari has support for <input type=”checkbox” switch> where a normal ☑️ checkbox turns into a toggle. You don’t strictly need the browser support to get the look, as it’s weirdly easy to replicate (based on idea from Richard Keizer). But Thomas Steiner has a more comprehensive polyfill if you want it to behave more exactly […]

Turns out `anchor-scope` is pretty darn useful for button/menu setups that will appear multiple times on the same page.

Just a simple link tag in HTML can point to an online wallet to take payments, and a JavaScript API to react to them. But it’s (still) early days.

I’m just hearing about the closedby=”any” attribute/value for <dialog>. HTML popovers have this “light dismiss” behavior where you can “click outside” to close them, but not dialogs (until this). I forked a previous demo to try it and it works great (in Chrome & Firefox, just waiting for Safari). I’ve been using a custom <ClickOutsideDetector […]

You want to hide an interactive element that you don’t need anymore after JavaScript loads/runs. Can you do it without a “flash” or layout shift?

One of the nice things about Markdown is that you can just… put HTML in there too. There is no Markdown shortcut for a <div>, but you can just use a <div>. That means you can use use <my-custom-element> as well, bringing the world of Web Components into your writing and creating of content. Deane […]

If the #hash in the URL matches the ID of an element *inside* a