Suy nghĩ cách giải quyết TOASTS

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:

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

Quay lại trang tất cả các tập