CSS-Tricks·4ySo, You Want to Build an @mention Autocomplete Feature?
Twitter, Slack, Notion, Google Docs, and Asana have popularized the “@mention” pattern. You can mention another person, a channel, a file, or some other queryable object using triggers, such as the @ or # characters. This opens a panel with suggestions, letting you complete your message with the right reference.
CSS-Tricks·4yIcon Glassmorphism Effect in CSS
I recently came across a cool effect known as glassmorphism in a Dribble shot. My first thought was I could quickly recreate it in a few minutes if I just use some emojis for the icons without wasting time on SVG-ing them. I couldn’t have been more wrong about those “few minutes” — they ended up being days of furiously and frustratingly scratching this itch!
CSS-Tricks·4yCSS "decorations"
Commoncss:mw-collapsible-leftside-toggle.mw is a “CSS decorator’ and I think that’s a fine term for it. Without some kind of CSS processing, those comments will do nothing. I don’t think there is a logical equivalent for float , unfortunately, but there may be a way to refactor the layout (using grid?)
CSS-Tricks·4yButtons vs. Links
There are thousands of articles out there about buttons and links on the web; the differences and how to use them properly. Any devition from from those and you better smurfing know what you are doing. Reliability and trust in user interfaces is important to allow users to navigate content and application with ease.