Trong thử thách GUI hôm nay, chúng ta sẽ xây dựng một thành phần thẻ với một số tính năng thực sự thú vị mà có thể bạn chưa nghĩ đến. Thành phần thẻ của chúng tôi có tính thích ứng, hỗ trợ nhiều đầu vào của thiết bị, hoạt động trên nhiều trình duyệt và cho phép bạn bắt chước một số tính năng bổ sung mà bạn yêu thích trên các ứng dụng.
@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:42 - Tổng quan về các tính năng
- 3:03 – HTML
- 4:14 - Cuộn
- 5:04 - Kiểm tra bố cục
- 7:35 - Kiểu bố cục
- 12:10 – prefers-reduced-motion
- 13:10 - JavaScript và Ảnh động
- 14:37 – Kết luận
Tài nguyên:
- Đọc theo → https://goo.gle/37jHOen
- Thử bản minh hoạ → http://goo.gle/3prCpb2
- Xem nguồn → http://goo.gle/2NsK7EK
- @ScrollTimeline Polyfill → http://goo.gle/2NfUhZs
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