Breaking down Amazon’s mega dropdown (2013)
Bài viết mô tả cách Amazon năm 2013 thiết kế menu mega dropdown để tránh việc dùng hack thời gian trễ khi di chuột. Thay vì chờ một khoảng thời gian cố định, hệ thống theo dõi hướng di chuyển của con trỏ và hình tam giác ảo từ vị trí con trỏ tới các góc của submenu để quyết định giữ hay đóng submenu. Tác giả đã ngược lại kỹ thuật này và phát triển plugin jQuery tên jQuery‑menu‑aim, phát ra sự kiện dựa trên việc phát hiện hướng di chuyển. Plugin này được Khan Academy tích hợp vào menu dropdown của mình, chứng minh hiệu quả trong thực tế. Bài học chính là việc sử dụng thông tin hướng di chuyển của chuột có thể tạo phản hồi nhanh hơn và tránh những hack dựa trên thời gian trễ, một kỹ thuật có thể áp dụng cho nhiều loại menu phức tạp.
Bài này giúp lập trình viên hiểu và áp dụng kỹ thuật nhận biết hướng di chuột để tạo menu dropdown thông minh hơn.
