在今天的 GUI 挑战中,@AdamArgyleInk 构建了几个悬浮操作按钮 (FAB),并介绍了网页上固定位置按钮的用户体验和 CSS 注意事项。
章节:
- 0:00 - 简介
- 0:43 - 逻辑属性
- 1:50 - 无障碍树
- 3:18 - FAB 组
- 4:41 - 焦点顺序与文档顺序
- 6:21 - .fabs CSS
- 7:16 - .fab CSS
- 12:54 - 动画
- 14:02 - 结尾
资源:
- 试用演示 → https://goo.gle/3IgJEhr
- 获取源代码 → https://goo.gle/3n4Sfcg
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs