Thinking on ways to solve ​​MULTI-SELECT

Thinking on ways to solve ​​MULTI-SELECT

Channel:
Chrome for Developers
Subscribers:
791,000
Published on ● Video Link: https://www.youtube.com/watch?v=x0aCdLDZ8BM


Duration: 17:08
19,084 views
0

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 → https://goo.gle/3DyjjaJ
Try a demo → https://goo.gle/2YGmPkU
Get the source → https://goo.gle/3n4Sfcg

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

#GUIchallenges #CSS #ChromeDeveloper



Other Videos By Chrome for Developers


2021-11-10Thinking on ways to solve ​​3D MENU
2021-11-09Yes, we use a Joy-Con to change slides. Here's how… | HTTP 203
2021-11-03Chrome Dev Summit 2021 livestream
2021-11-03Chrome Dev Summit 2021 recap
2021-11-03Chrome Dev Summit 2021 | Keynote: What's new in Chrome
2021-10-29Customize media notifications and playback controls outside the browser
2021-10-21Identify potential CSS improvements with the CSS Overview panel #DevToolsTips
2021-10-19New in Chrome 95: URLPattern, the Eye Dropper API, new origin trials, and more!
2021-10-19Are SPAs better than MPAs? | HTTP 203
2021-10-14Chrome 95 - What’s New in DevTools
2021-10-13Thinking on ways to solve ​​MULTI-SELECT
2021-09-28Avoiding layout shift by putting the CSS in charge - HTTP 203
2021-09-21New in Chrome 94: Color management for canvas, WebCodecs, WebGPU, and more!
2021-09-16Chrome 94 - What’s New in DevTools
2021-09-14Color Spaces: Do YOU know the difference between sRGB, LAB and CIE XYZ? - HTTP 203
2021-09-08Thinking on ways to solve ​​SPLIT BUTTONS
2021-09-08FLEDGE | What is the Privacy Sandbox?
2021-08-31New in Chrome 93: CSS Module Scripts, URL Handlers for PWAs, the PWA Summit, and more!
2021-08-31Random paint effects - HTTP 203
2021-08-26Chrome 93 - What’s New in DevTools
2021-08-25Attribution reporting | What is the Privacy Sandbox?


Tags:
GDS: Yes
multi-select
multi select
thinking on ways to solve multi-select
how to solve multi-select
what is multi-select
multi-select tutorial
how to use multi-select
gui challenges
css
chrome developer
chrome developers
google chrome developer
google chrome developers
developer
developers
google chrome
chrome
google
Adam Argyle