Dan's design links

Dan's design links

340 bookmarks
Custom sorting
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
In this article, Kate Kalcevich explains when to use ARIA and how to use it properly so that you can use ARIA in a way that’s helpful to the many disabled people who use [assistive technology](https://makeitfable.com/glossary/?utm_source=Smashing+Magazine&utm_medium=sponsored+content&utm_campaign=Upskill&utm_term=Fable&utm_content=Sept2022) to navigate the Internet. Let’s dive in!
·smashingmagazine.com·
Making Sense Of WAI-ARIA: A Comprehensive Guide — Smashing Magazine
9 UX Best Practice Design Patterns for Autocomplete Suggestions (Only 19% Get Everything Right) – Articles – Baymard Institute
9 UX Best Practice Design Patterns for Autocomplete Suggestions (Only 19% Get Everything Right) – Articles – Baymard Institute
Autocomplete / Combobox / Search autocomplete features are provided at 80% of e-commerce sites, yet only 19% achieve the highest performance. See our latest large-scale test findings for on-site search.
·baymard.com·
9 UX Best Practice Design Patterns for Autocomplete Suggestions (Only 19% Get Everything Right) – Articles – Baymard Institute
Alphredo - create translucent colors
Alphredo - create translucent colors
Figma Community plugin - Create translucent versions of your colors within seconds! Alphredo for Figma generates translucent (alpha) colors looking the same as their opaque counterparts when placed against the same background. ⏯ Check out this YouTube video to discover how can transparent palettes change...
·figma.com·
Alphredo - create translucent colors
Leading Trim
Leading Trim
Figma Community plugin - Trim your text elements, removing space above capital letters and below the baseline. Make text behave the same as every other element in your layout. This plugin works by nesting and offsetting text elements within frames. To achieve the same behaviour in a browser, check out Capsize which thi...
·figma.com·
Leading Trim
A Selector | Figma Community
A Selector | Figma Community
Figma Community plugin - A powerful tool for finding and selecting elements, you can flexibly cross select various elements by various attributes of the element. Supported languages: Chinese, English, Spanish. 一个强大的查找和选择元素的工具,你可以通过元素的各种属性来灵活的交叉选择各种元素,支持中英、西班牙语。 If helpful please click the ❤️. 🔍 支持以下过滤方式 Supported filt...
A powerful tool for finding and selecting elements, you can flexibly cross select various elements by various attributes of the element. Supported languages: Chinese, English, Spanish.
·figma.com·
A Selector | Figma Community
What Makes A Great Toggle Button? (Case Study, Part 2)
What Makes A Great Toggle Button? (Case Study, Part 2)
The problem of how to design an effective toggle button that shows the selected option clearly is a long-term open question among UI/UX designers. In this second part, Eduard Kuric explains a complex list of visual cues used by toggle buttons to communicate which of their options is active.
·smashingmagazine.com·
What Makes A Great Toggle Button? (Case Study, Part 2)
An Introduction to Multi-Platform Design Systems
An Introduction to Multi-Platform Design Systems
The web is the default language of design systems right now. Any discussion about design systems is assumed to be talking about the web. And I get it. I love the web. The web is an amazing medium, but it is not the only way our customers interact with our products. A lot of the products we work on are not just web applications. As a community I want us to break outside web centric mindset and take a more holistic view to include all the ways we can help deliver experiences to our customers. Let's explore some the ways we can incorporate other platforms into our design systems.
·dbanks.design·
An Introduction to Multi-Platform Design Systems
Implementing Adaptive Icons
Implementing Adaptive Icons
Android O introduces an new application icon format called adaptive icons, intended to make all icons on a device more coherent. This post…
·medium.com·
Implementing Adaptive Icons
Date and Time Pickers for All
Date and Time Pickers for All
We are very excited to announce the release of the React Aria and React Spectrum date and time picker components! This includes a full suite of fully featured components and hooks including calendars, date and time fields, and range pickers, all with a focus on internationalization and accessibility. It also includes @internationalized/date, a brand new framework-agnostic library for locale-aware date and time manipulation.
·react-spectrum.adobe.com·
Date and Time Pickers for All