Google Chrome Developers766 тыс
Следующее
Опубликовано 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
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
Свежие видео
2024's Best iPhone Case & Screen Saver - Ostand 360° Spin Case Review & Test (Most Stable 360 Stand)
Blade 10 Max 10300mAh Battery Life VS iPhone 16 Series Battery Life💨😮#tech #shorts #DoogeeBlade10Max