Collection
UI
Updated 2d
Collection
Updated 2d
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.
SVG Filters on Type
Ink gain, shadow woodtype, metal type under a lamp. Letterpress printers solved these effects mechanically. SVG filter primitives solve them in the browser.
Parakeet Blog: The Shape of Apps
While icons on iOS (formerly iPhoneOS) have always been rounded squares, and rounded-square icons have existed on Apple platforms for over 20 years now, Mac app icons have historically exhibited a variety of unique silhouettes, which helped identification alongside other visual tools like color, lighting, and dimensionality.
Your Grid Lanes will likely fail WCAG 2.4.3 - Manuel Matuzovic
I’m a frontend developer, consultant, accessibility auditor, blogger, teacher, and book author from Austria.
Do Websites Need to Function Exactly the Same on Every Platform?
While we’ve accepted that websites don't need to look the same everywhere, we seem to be stuck on a new hurdle: the idea that websites need to function the same everywhere.
Piccalilli - level up your front-end development skills
Premium courses, articles, links and newsletters that give you a real-world, industry specific education that actually matters and that will far outlive any hype and help you level up your career.
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.
Details That Make Interfaces Feel Better
A collection of details that make your interfaces feel better.
Interface Craft
A working library for those committed to designing with uncommon care.
Fonttrio - Font Pairings for shadcn
Three fonts. One command. Curated font pairings for shadcn/ui.
Anisota for Bluesky & ATProto
A radical yet peaceful user interface for using Bluesky, ATProto, and other ATmosphere-based social media more intentionally.
WebHaptics – Haptic feedback for the mobile web.
Haptic feedback for the mobile web.
I am sorry, but everyone is getting syntax highlighting wrong
Applying human ergonomics and design principles to syntax highlighting
