Khái quát
Nếu nói có cái gì đó quan trọng và không bao giờ có thể thiếu đối với một trang web đó có lẻ không phải là màu sắc hay bất cứ thứ gì. Mà hơn thế nó là menu. Menu giúp người dùng trải nghiệm trang web có thể dể dàng di chuyển và điều hướng. Giúp người quản lí phân phác nội dung một cách hợp lí ở các menu khác nhau.
Nhưng, thiết kế menu lại gặp rất nhiều bất cập khi phải thực hiện nó cả trên máy tính và điện thoại.
Về cơ bản ở giao diện điện thoại thì menu buộc phải thay đổi vì không thể chứa đủ ở hình dáng củ.
Nhưng phải thiết kế sao cho đẹp và tối ưu thì mời bạn xem một video bên dưới.
Hướng dẩn chi tiết
Truy cập youtube Lùn Dev để xem nhiều hơn
Tổng kết
Như vậy chỉ với vài dòng CSS, chúng ta hoàn toàn không cần đến Javascript vẩn có thể xây dựng một chức năng menu navbar reponsive chỉnh chu thân thiện với tất cả màn hình từ máy tính laptop ipad đến điện thoại. Bằng việc sử dụng checkbox một cách hợp lí và đây là thành quả. Mong rằng bài viết và video hướng dẩn bên trên sẽ có ích dành cho bạn. Xin chân thành cảm ơn.