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
If you know a bit about the popover API in HTML, you might know it’s basically 1) click a button 2) toggle visibility of another element. Una has a great article explaining that there is a bit more to it. First, there are actually three kinds of popovers. There is the normal kind, which close […]
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.
