add `𝚜𝚎𝚕𝚎𝚌𝚝－𝚗𝚘𝚗𝚎` to your buttons to accidentally select the text inside while clicking
152,387 次观看
`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.
82,938 次观看
text always has weird extra space above capitals and below the baseline. one-line CSS fix: `text-box: trim-both cap alphabetic;` Perfectly trims the text box to the actual glyph bounds. No more padding hacks.
73,136 次观看
sonner by Emil Kowalski is already one of the most used toast libs in the React ecosystem. and it actually has this problem as well. a while back I wrote about preventing duplicate toasts by giving them an id. same action, same id → update the existing toast. no stacking. no spam. just clean feedback. tiny API detail. huge UX upgrade.
47,507 次观看
If this feels overengineered, your UI is underdesigned. inspired by rauno
![`autofill` on inputs is ugly by default the background bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.](https://image.24vids.com/tw-2028837053899669928/amplify_video_thumb/2028834615772016640/img/vplBg-PAeWzjC1AA.jpg)
