Tạo các trình đơn Hamburger trượt dễ dàng với jQuery Slidebars Framework

Các nhà thiết kế UX cãi nhau về việc sử dụng thực đơn hamburger trong thiết kế web. Họ phục vụ mục đích cho người dùng di động nhưng cũng có khả năng khám phá thấp hơn.

Tôi không thể nói liệu chúng có đáng sử dụng trên trang web của bạn hay không, nhưng nếu bạn đang tìm kiếm một cách dễ dàng để thiết lập một menu trượt sau đó Khung trượt là một tài nguyên tiện dụng.

Slidebars hoàn toàn miễn phí và là nguồn mở, được xây dựng trên đầu thư viện jQuery. Nó hoạt động giống như bạn mong đợi khi bạn nhấp vào biểu tượng bánh hamburger để mở menu trượt và nó đẩy màn hình ra khỏi vải để làm phòng.

Một tính năng tôi đặc biệt thích là thiết lập chạm để ẩn nơi bạn có thể nhấn vào bất cứ nơi nào trên trang để ngay lập tức ẩn menu. Điều này không được tích hợp trong mọi plugin menu trượt nhưng nó là một tính năng giúp cải thiện đáng kể trải nghiệm người dùng.

Plugin này hoàn toàn có nguồn mở và mã có sẵn miễn phí trên GitHub nếu bạn muốn chọc xung quanh. Tuy nhiên, repo thiếu một bộ tài liệu rõ ràng khiến cho việc thiết lập khó khăn hơn.

Rất may, bạn có thể tìm thấy điều này trên trang web chính với hướng dẫn sử dụng đầy đủ để tải Slidebars lên và chạy nhanh.

Nó hỗ trợ các menu trượt từ tất cả bốn phía của màn hình, cùng với tính năng tùy chỉnh cho các hiệu ứng hoạt hình, lựa chọn màu sắc và tổng chiều rộng / chiều cao của menu.

Toàn bộ menu trượt hoạt động trên một yếu tố ngoài trang, vì vậy bạn cần phải thiết lập menu off-canvas đúng cách. Điều này bao gồm cả HTML thích hợp và CSS thích hợp để tạo kiểu.

Tất cả điều này được trình bày chi tiết kỹ lưỡng trong tài liệu, vì vậy nếu bạn theo dõi từng trang một, bạn sẽ làm cho nó hoạt động tốt. Và, thiết lập mặc định không yêu cầu bất kỳ thuộc tính tùy chỉnh, Vì vậy, nếu bạn chỉ cần làm theo các bước cơ bản, bạn sẽ không gặp rắc rối.

Slidebars thực sự là một khung đầy đủ và nó thậm chí có một API tùy chỉnh bạn có thể làm việc hơn Nó cho phép bạn gọi các hàm jQuery để thêm các tính năng hoặc tùy chỉnh chức năng mặc định. Một lựa chọn tuyệt vời cho các nhà phát triển cần một menu trượt nhưng không muốn tạo từ đầu.

Nếu bạn tò mò muốn tìm hiểu thêm, hãy xem trang web Slidebars. Nó có nghĩa đen là tất cả mọi thứ bạn cần biết và rất nhiều bản demo để đi xung quanh.