Trong thử thách GUI hôm nay, chúng tôi tạo ra một trải nghiệm người dùng điều hướng bên ngoài thích ứng, có thể truy cập và có thể truy cập bằng cách sử dụng CSS và JS. Điều hướng bên hoạt động trên nhiều trình duyệt, kích thước màn hình và thiết bị đầu vào. Phải không? Hãy theo dõi khi chúng tôi triển khai lưới, biến đổi, lớp giả và một loạt JavaScript để xử lý trải nghiệm người dùng này.
@AdamArgyleInk sẽ phản hồi bình luận của bạn trong 30 phút đầu tiên sau khi tập này phát hành. Kết nối với chúng tôi tại đây, đặt câu hỏi hoặc gửi mã của riêng bạn!
Phân cảnh:
- 0:00 – Giới thiệu
- 0:30 - Tổng quan về tính năng góc gỡ lỗi
- 2:25 - Bố cục ngăn xếp truy vấn nội dung nghe nhìn dạng lưới +=
- 3:42 - Chuyển đổi, chuyển đổi có thể truy cập được
- 4:22 – :Lớp học giả mạo mục tiêu
- 5:57 – Trải nghiệm phím Escape
- 6:16 – Tiêu điểm sắp xếp
- 6:49 – Trải nghiệm người dùng của trình đọc màn hình
- 7:56 - Kết thúc và lời kêu gọi hành động
Tài nguyên:
- Xem mã → https://goo.gle/3sQ8Xif
- Đọc theo → https://goo.gle/2Np83J9
- Thử bản minh hoạ → http://goo.gle/3bVBFYT
- Xem cách những người khác đang xây dựng Sidenavs (Gửi GUI) → https://goo.gle/36CAeuO
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi chương trình Nhà phát triển Google Chrome → http://goo.gl/LLLNvf