Bài viết lần này giới thiệu đến các bạn source code Filter Menu đẹp. Đây là một dạng menu nhỏ hình tròn với các button nằm trên đó tượng tự như các giao diện menu hiện đại (thay vì một danh sách nằm dọc hay nằm ngang). Tuy chỉ là một chi tiết nhỏ nhưng khi đưa vào trang web của bạn chắc chắn sẽ tăng thêm sự thích thú cho người dùng.
Menu gồm 4 nút dùng cho 4 chức năng tùy theo mong muốn của các bạn. Icon được sử dụng là Ionicons, nên nếu các bạn muốn có thể lựa chọn một trong số những icon có sẵn có Ionicons. Danh sách các icon các bạn có thể xem ở đây: https://www.tutorialspoint.com/ionic/ionic_icons.htm
Filter Menu được viết bởi Arjun Amgain, chia sẻ thông qua Codepen, các bạn có thể xem thêm một số mã nguồn hữu ích của tác giả tại đây: Codepen – Arjun Amgain
Các thư viện cần thiết:
- jQuery
- Ionicons
- Google Fonts
Các bạn có thể xem demo và download ở đây.