Raindrop.io Bookmarks 04/28/2023

2023年4月28日 著

• CSS content-visibility

  "There is a better way to hide the contents of an element while respecting the container's border and dimensions. That better way is using the content-visibility property"

• Fighting inter-component HTML bloat by Elise Hein

  "Creating context-aware components in a way that consumers can ignore inter-component markup altogether is unrealistic. For now, we cannot bundle good page-level markup hygiene free into our design systems, but we should at the least make working towards it convenient."

• How to use Google Fonts and font-display -- SitePoint

  "Choose a different font-display value to better suit your requirements. For instance, if you're experiencing FOIT, try using swap or fallback. If you're experiencing FOUT, consider using block or fallback."

• Figma, I love you but you're bringing me down | by Joe Bernstein | Apr, 2023 | UX Collective

  "Over-prescribing, over-providing, and over-complicating the component will only increase the odds that the end user won't be able to reverse-engineer its flexibility, get confused, and ultimately detach from the library anyway."

• Deque Announces Availability for the axe DevTools Linter Free Trial | Deque

  "See for yourself how five minutes of effort can help you stop code changes that introduce accessibility defects. It's the easiest way to stop accumulating technical debt and improve app usability for everyone, including people with disabilities."

• When I Get That Low Contrast Feeling, I Need Non-Textual Healing - TPGi

  "Because while SC 1.4.1 Use of Color is, indeed, a tricky one to get your head around, we often spend a lot of time deliberating over SC 1.4.11 Non-text Contrast, and in many cases find ourselves thinking "Well, this issue could be either of these, or maybe both!""

• User Journeys vs. User Flows

  "User journeys and user flows both describe processes users go through in order to accomplish their goals. While both tools are useful for planning and evaluating experience, they differ in scope, purpose, and format."