Raindrop.io Bookmarks 02/24/2024

2024年2月24日 著

• Designing With Integrity: The Ethical Designer's Handbook On Dark Patterns - Raw.Studio

  "Dark patterns are deceptive design tactics employed to manipulate users into actions they may not have intended. These tactics exploit psychological vulnerabilities to steer users towards decisions that serve the interests of the designer, often to the detriment of the user's experience.Here  are some common examples of dark patterns"

• Scroll-Locked Dialogs - Frontend Masters Boost

  "I don't think scrollbar-gutter is a home run, sadly. It leaves a blank strip down the side of the page (no inherited background) when the scrollbar isn't there, which can look awkward. Plus, "centered" content can look less centered because of the reserved space."

• A practical guide to using shadow DOM

  "With declarative shadow DOM, we can now express our shadow trees right in our HTML! The browser will attach the shadow root as soon as it encounters it, before any JavaScript even loads."

• i.j / Mastodon embed timeline widget · GitLab

  "Embed a mastodon feed timeline in your page, only with a CSS and JS file."

• Tempo • Dates by FormKit

  "Tempo is a new library in a proud tradition of JavaScript date and time libraries. Inspired by the likes of moment.js, day.js, and date-fns, Tempo is built from the ground up to be as small and easy to use as possible -- including first-class support for timezone operations."

• Consider accessibility when using horizontally scrollable regions in webpages and apps - Bogdan on Digital Accessibility (A11y)

  "After doing an audit of a webpage ,where navigation require horizontal scrolling, I decided to test what does that pattern mean for people with disabilities. Longer story short - be careful, maybe it's not worth it for critical components like navigation."

• Micro-note on aria-roledescription - HTML Accessibility

  "This is wrong because you are not identifying the subject of the image as a fascist, you are overwriting the <img> element role so it effectively becomes a <fascist> element."