Raindrop.io Bookmarks 08/07/2023

2023年8月7日 著

• Adding Motion to the next decade of Atomic Design | by Darren Yeo | UX Collective

  "what if we could take an extended view on Atomic Design, by adding motion thoroughly across different levels in a design system?"

• How to highlight required and optional form fields - Adam Silver - designer, London, UK

  "This means optional fields should be rare. Given the point of highlighting is to draw attention to what's different, it's better to mark optional fields."

• Top 20 Must-Know Tips for Web Accessibility

  "if the user switches to a different language, the aria attributes should change accordingly. It's advisable to avoid mixing languages as much as possible to maintain consistency and clarity throughout the user experience."

• Standardising design tokens

  "The concept and term design tokens originated with the design system team at Salesforce. They open-sourced a tool called Theo. In order for design tokens to be platform agnostic, they exist in one format (usually YAML or JSON) and get translated into a range of other formats (CSS custom properties, for example)."

• Legibility

  "In front of you is a digital version of her comprehensive introduction to legibility. It updates and extends existing books summarising contemporary legibility research in an accessible form."

• The virtual keyboard API - Ahmad Shadeed

  "Have you come across an issue where there is a fixed element on mobile, and when the keyboard is activated, that element will be hidden underneath the keyboard? This has been a default behavior on the web for years. In this article, we'll explore the problem, why it happens, and how we can solve it today with the virtual keyboard API."

• Zero UI: Redefining The Future Of Human-Technology Interaction - Raw.Studio

  "Zero UI represents a fresh approach to user interface design aimed at reducing reliance on conventional graphical user interfaces (GUIs). Instead, Zero UI enables users to interact with devices and applications using instinctive and natural methods, such as voice commands, gestures, and haptic feedback."