I just read this post from Marcin Wichary's Unsung, where he points out a peculiar macOS dialog box that shows boolean toggles in four different shades of grey:
Dark mode toggles: two states are enough • Lea Verou
Yes, the underlying model must have three states, but one is always irrelevant to the actual user goal. Users do not seek out solutions to problems they don’t currently have. A lot of the hate towards two-state toggles is based on poor implementations.
Designing for Colour-Blindness
As always, I’ve been tinkering with the site over the last few weeks. One of the adjustments I made was to remove the underlines from links, which I felt mad...
OS X Aqua - Kagi Search Theme
A custom theme that's inspired by old school Apple's OS X Aqua theme. Has both Dark and Light mode that changes based on your system settings. ** [Github repo](https://github.com/Visnes/kagi-aqua/) ** Do the following: Go to Appearance → Change theme to "Default", not "Light" or "Dark" → Enable Custom CSS & Paste custom.css → Save changes
Monocle for macOS • Noise-cancelling for your screen
Blur everything but your active window — just wiggle your cursor.
Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.
Dark mode isn't always better for accessibility, you need to let users chose. And if you build a dark theme, make it accessible!
Moody — Your discreet notch prompter
Moody is a smart prompter for your macOS notch. Your script appears right at your camera — so you maintain eye contact with your audience while staying perfectly on track.
Something’s Rotten in the State of macOS Icon Design
Writing about the big beautiful mess that is making things for the world wide web.
Smart glasses controversy sidelines the benefits for disabled people | Letter
Letters: Guardian readers reflect on the ableism rife in the debate about Ray-Ban Meta eyewear, despite the life-changing difference they can make
Smart glasses controversy sidelines the benefits for disabled people | Letter
Letters: Guardian readers reflect on the ableism rife in the debate about Ray-Ban Meta eyewear, despite the life-changing difference they can make
Rethinking the "disabled norm": 7 patterns to use instead in your design system - zeroheight
Chela Giraldo explains how disabled states harm accessibility and what to do instead to build clearer, more inclusive user interfaces.
Invisible details - Building contextual menus - Linear
We recently added contextual menus to Linear. This makes the app faster and easier to use for people who prefer their mouse. One small thing that you won’t see or think about but will hopefully feel is a detail we designed into how sub-menus work.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Modern CSS snippets. Every old hack, replaced.
Side-by-side comparisons of outdated CSS techniques and their modern native replacements. Grid, custom properties, nesting, container queries, and more.
Visual design rules you can safely follow every time
You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time.
A self-styling `style` element - makes itself visible & styles itself to look like code printed on an alternating line background with lateral perforations (real transparency allows to see through holes to the backdrop) codepen.io/thebabydino/pen/wBBLJrz?edito… If you're looking for original code boxes...🐱 #CSS
This was based on the second screenshot in the post I linked to, but I think it might be a misunderstanding on my end (I thought the checkbox is grayed out and unselectable, leading me to misinterpret the message underneath, which I’ve now realized is the same as Bsky’s; maybe it’s not unselectable)
