Trong Thử thách GUI hôm nay, @AdamArgyleInk tạo kiểu cho tất cả các loại nút khác nhau trên web bằng thuộc tính tuỳ chỉnh và :where(), cho các nút thích ứng sáng/tối dễ dàng tạo biến thể mới.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:19 – Tổng quan
- 2:08 – Trải nghiệm người dùng trên bàn phím
- 2:46 - Trình chuyển đổi chủ đề mới
- 3:09 – Trải nghiệm người dùng chuột
- 3:34 - Các nút trong biểu mẫu
- 4:30 – Nút tắt
- 5:22 – HTML
- 5:43 - Bộ chọn cơ sở CSS
- 6:24 – Thuộc tính tuỳ chỉnh thích ứng
- 7:20 – Các biến thể của nút
- 10:10 - Xây dựng biến thể nút trực tiếp
- 11:18 – Tóm tắt
- 11:50 – Chuyển động chậm
- 12:57 - Phần kết thúc
Tài nguyên:
- Đọc theo → https://goo.gle/3wEsaWR
- Thử bản minh hoạ → https://goo.gle/3a2guoV
- Xem nguồn →https://goo.gle/39uY8Na
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