Thinking on ways to solve FABs
Channel: Chrome for Developers
Date: 2022-06-29

In today's GUI Challenge, @AdamArgyleInk builds a couple of floating action buttons (FABs) and talks about the UX and CSS considerations for fixed position buttons on the web.

Chapters:
0:00 - Introduction
0:43 - Logical Properties
1:50 - Accessibility Tree
3:18 - FAB Group
4:41 - Focus Order vs Document Order
6:21 - .fabs CSS
7:16 - .fab CSS
12:54 - Animation
14:02 - Outro

Resources:
Try a demo → https://goo.gle/3IgJEhr 
Get the source → https://goo.gle/3n4Sfcg 

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

#GUIchallenges #CSS #ChromeDeveloper