Thinking on ways to solve ​​MULTI-SELECT

20 233
10
Следующее
Популярные
Опубликовано 13 октября 2021, 17:00
In today's GUI challenge I share my thinking on a way to enable users to multi-select. To demonstrate multi-select I've prepared a filterable grid which accepts input from both a -select multiple- and a set of -fieldset- elements. Two multi-select methods yep, each tailored for their use case.

Chapters:
0:00 - Introduction
0:45 - Overview
1:55 - Theming
2:05 - UI Hints
2:47 - States
4:44 - Keyboard
6:18 - Reduced Motion
7:06 - Screen Reader
8:39 - RTL
9:46 - Layouts
13:19 - JavaScript
16:33 - Outro

Resources:
Read along → goo.gle/3DyjjaJ
Try a demo → goo.gle/2YGmPkU
Get the source → goo.gle/3n4Sfcg

Watch more GUI Challenges → goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → goo.gl/LLLNvf

#GUIchallenges #CSS #ChromeDeveloper
Свежие видео
8 дней – 1 360 7070:58
Unbelievably Thin...
15 дней – 7 1860:20
Recreate old photos with AI
автотехномузыкадетское