Search
Sanding UI
10.9.2024
Jim hit a snag while working on a form. Placing labels next to inputs is trivial with flexbox, sure, but what happened in Jim’s case was a bit of dead-clicking between the labels and radio buttons.
The issue? Not the …
Sanding UI originally published on CSS-Tricks, which is part of...
Zero Trickery Custom Radios and Checkboxes
18.11.2021
I feel like half of all “custom-designed radio buttons and checkboxes” do two things:
Make them bigger
Colorize them
I always think of SurveyMonkey for having big chunky radios and checkboxes. And indeed, just poking at their interface quickly, even …
The post Zero Trickery...
“Yes or No?”
23.12.2020
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course:
Use radio buttons if you expect the answer to be equally...
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects
20.5.2020
I was reading Anna Kaley’s “Listboxes vs. Dropdown Lists” post the other day. It’s a fairly straightforward comparison between different UI implementations of selecting options. There is lots of good advice there. Classics like that you should use radio buttons (single...
Custom Styling Form Inputs With Modern CSS Features
7.2.2020
It’s entirely possible to build custom checkboxes, radio buttons, and toggle switches these days, while staying semantic and accessible. We don’t even need a single line of JavaScript or extra HTML elements! It’s actually gotten easier lately than it has been in the past. Let’s take a look.
Here’s...