Trong Thử thách GUI hôm nay, @AdamArgyleInk chia sẻ cách xây dựng thông báo ngắn, một thành phần không tương tác và thụ động cho giao diện người dùng nhằm cung cấp phản hồi của người dùng. Khám phá phần tử [output], lưới CSS, ảnh động và kỹ thuật FLIP giúp tạo một thành phần thích ứng và truy cập được.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:23 – Tổng quan
- 2:02 – [kết quả]
- 3:00 - Bố cục
- 4:41 – Ảnh động
- 5:50 – JavaScript Phần 1
- 6:55 – Chuyển động chậm
- 7:43 - Khung hình chính
- 8:09 – JavaScript Phần 2
- 10:48 – F.L.I.P.
- 14:18 - Phần kết thúc
Tài nguyên:
- Đọc theo → https://goo.gle/3GghBfI
- Thử bản minh hoạ → https://goo.gle/3EHsuXG
- Xem nguồn → https://goo.gle/3oykceU
- FLIP → https://goo.gle/3oz8P6D
- Paul Lewis (trong SuperCharge) → https://goo.gle/31IOFy0
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