So far they’ve tested really well. In research, people of all confidence levels are clicking these controls quickly and easily.
I love that these occupy a special place on the “Should I draw this in CSS?” curve. Things like simple shapes are definitely on the “yes” side of the curve. Then there’s a large valley where things get a little too impractical to draw that way, and using some other image format (e.g. SVG) makes way more sense.
Foldable phones are starting to be a thing. Early days, for sure, but some are already shipping, and they definitely have web browsers on them. Stands to reason that, as web designers, we are going to want to know where that fold is so we can design screens that fit onto the top half and bottom half… or left half and right half¹. … Read article “CSS Foldable Display Polyfill”
This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting a font from a dropdown does what you expect it to. … Read article “I Pressed ?B. You Wouldn’t Believe What Happened Next”
This is ridiculous, of course. People make the machines. We write the algorithms that can’t recognize dark skin tones. We decide to downplay or ignore harassment on our platforms. There are a plethora of examples in books like Weapons of Math Destruction by Cathy O’Neill, Technically Wrong by Sara Wachter-Boettcher, and The Internet of Garbage… Read article “Embrace the Political”
Maurice Mahan created FocusOverlay, a “library for creating overlays on focused elements.” That description is a little confusing at you don’t need a library to create focus styles. What the library actually does is animate the focus rings as focus moves from one element to another. It’s based on the same idea as Flying Focus. … Read article “Animated Position of Focus Ring”
Sometimes they take up space and sometimes they don’t. Sometimes that is affected by a setting and sometimes it isn’t. Sometimes you can see them and sometimes you can’t unless you’re actually scrolling. Styling them is handled in all sorts of different ways, including some very recent developments.
You want to build a JS file? Please update Webpack first. Oh, that new version of Webpack is no longer compatible with your Node version. Oh, your new Node version is no longer compatible with that other dependency. Oh, now you have 233 detected security issues in all your node_modules
But we’ve got a few options here.… Read article “Need to scroll to the top of the page?”