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.
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?
Frontend Masters donates to open source projects through thanks.dev and Open Collective, as well as donates to non-profits like The Last Mile, Annie Canons, and Vets Who Code.
