在今天的 GUI Challenge 中,@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 開發人員 → https://goo.gle/ChromeDevs