Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng một số nút hành động nổi (FAB) và nói về những điểm cần cân nhắc về trải nghiệm người dùng và CSS cho các nút vị trí cố định trên web.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:43 - Thuộc tính logic
- 1:50 - Cây hỗ trợ tiếp cận
- 3:18 – Nhóm FAB
- 4:41 - Thứ tự tiêu điểm so với thứ tự tài liệu
- 6:21 – CSS .fabs
- 7:16 – CSS .fab
- 12:54 – Hoạt ảnh
- 14:02 – Phần kết thúc
Tài nguyên:
- Thử bản minh hoạ → https://goo.gle/3IgJEhr
- Xem nguồn → https://goo.gle/3n4Sfcg
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi kênh Google Chrome Developers → https://goo.gle/ChromeDevs