16:54
![[TUT+] Navigation Menu - Responsive Menu](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEircicXWfJYUrwHa0l0M7rHEeI0Gj7rzayOrRZTP7bglvTXrjmp-MMzLQZjQtAioLPHz5y891WXKo_xAgRl9sIYYHjnbdaBvCE1wUvjwxiZShn0YXss52i4g4R7aGPSSBDy5vBv4xEKV38/s1600/trunk.jpg "[TUT+] Navigation Menu - Responsive Menu")
Trước sự phát triển của công nghệ mà đặc biệt là các thiết bị di động mà ngày nay trở nên hết sức phổ biến thì việc tạo ra một trang web hiển thị tốt trên các thiết bị di động là việc mà các bạn phải nghĩ tới, và hôm nay nhân tut+ về navigation thì mình cũng xin tổng hợp một số kiểu navigation đẹp cho các bạn tham khảo.
1. Simple Responsive Navigation (CSS & jQuery)
![[TUT+] Navigation Menu - Responsive menu](http://w3lessons.info/wp-content/uploads/2013/02/Simple-Responsive-Navigation-CSS-jQuery.jpg "[TUT+] Navigation Menu - Responsive menu")
DEMO
2. CSS3 Responsive Menu (CSS-only)
![[TUT+] Navigation Menu - Responsive menu](http://w3lessons.info/wp-content/uploads/2013/02/CSS3-Responsive-Menu-CSS-only.jpg "[TUT+] Navigation Menu - Responsive menu")
TUTORIAL
DEMO
3. Convert a Menu to a Dropdown for Small Screens
![[TUT+] Navigation Menu - Responsive menu](http://cdn.css-tricks.com/wp-content/uploads/2011/07/fivesimplesteps.jpg "[TUT+] Navigation Menu - Responsive menu")
TUTORIAL
DEMO
4. Responsive Mobile Menu
![[TUT+] Navigation Menu - Responsive menu](http://responsivemobilemenu.com/wp-content/uploads/2013/05/rmm-en-intro-img-sapphire.png "[TUT+] Navigation Menu - Responsive menu")
TUTORIAL
DEMO
5. Big Menus, Small Screens: Responsive, Multi-Level Navigation
![[TUT+] Navigation Menu - Responsive menu](https://cdn.tutsplus.com/webdesign/authors/legacy/Tessa%20Thornton/2012/09/06/goal.png "[TUT+] Navigation Menu - Responsive menu")
TUTORIAL
DEMO
6. Trunk.js
![[TUT+] Navigation Menu - Responsive menu](http://www.9kdesigns.com/wp-content/uploads/2014/01/responsive_menu_1.jpg "[TUT+] Navigation Menu - Responsive menu")
TUTORIAL
DEMO
Không có nhận xét nào :
Đăng nhận xét