Cân nhắc cách giải CÔNG CỤ MẸO

Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng chú giải công cụ bằng một phần tử tuỳ chỉnh (không có thành phần web!), :has(), phép biến đổi và các thuộc tính logic. Bên cạnh một tập lệnh dự phòng nhỏ để sử dụng :has(), tất cả tập lệnh này đều là CSS hỗ trợ. Đừng bỏ lỡ trải nghiệm của trình đọc màn hình vì tính năng này được chú ý đặc biệt như thường lệ.

Phân cảnh:

  • 0:00 – Giới thiệu
  • 0:20 - Chú giải công cụ so với Toggletips
  • 2:22 – Tổng quan về tính năng
  • 6:25 – Trải nghiệm người dùng của trình đọc màn hình
  • 9:06 - Cây hỗ trợ tiếp cận
  • 14:12 – :has()
  • 14:55 – HTML
  • 15:18 – CSS
  • 18:50 – JavaScript
  • 20:21 - 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