UI Awesome

• dimitropoulos/react-ui-roundup
  • online
  • 对比不同 UI 框架中相同组件
• Guide http://thedesignsystem.guide
• Checklist http://designsystemchecklist.com
• Database http://designsystems.surf
• Resources http://designsystemsrepo.com
• Component research http://component.gallery
• https://cloudfour.com/thinks/responsive-images-101-definitions/

Reading

• The Nine States of Design
  • Nothing/Before - An empty element
    • https://emptystat.es/
  • Loading - A fetch is happening
  • None - No items returned
  • One - A single item comes back
  • Some - A few items comes back
  • Too Many - Too many items, need pagination (or similar)
  • Incorrect - An error occurred
  • Correct - A success happened
  • Done - The operation finished
• https://daverupert.com/2024/02/ui-states/
  • First-party - Global/Page/Component/Element
  • Second-party - user or device
    • language & localization
    • device constraints
    • Modalities - input & output
    • browser
      • user preferences
      • features & functionality
      • permissions
      • plugins
    • user state - 现实中的状态
      • Availability/Status
      • Script injections
  • Third-party service states
• https://blog.jim-nielsen.com/2024/ui-fn-org/