Navigation menus have to be intuitive, precise and easy-to-use. One simple, basic principle, which is common for all kinds of nav bars you would ever want to use for your projects. In fact, navigation menu is probably the most important element in web design: after all, it is being used more often than any other element on a given page. Therefore it’s important to make sure that your visitors will find they way around the site structure - however complex the latter might be.
So how do designers cope with a challenging task to create an attractive and usable menu? Which results can be achieved? OK, that’s a tough one. Let’s take a look around.
Below you’ll find 53 beautiful and user-friendly Navigation Menus and solutions web-designers came up with using basic CSS styling.
PS: Over the last few months we’ve reviewed CSS-Based Techniques, CSS-Based Forms and CSS-Based Tables and CSS-Based Footers (yes, some of these techniques use not only CSS, but also JavaScript and PHP). You’ll find even more CSS-related articles in our CSS Section.
PSS: We have included some DHTML- and JavaScript-based navigation menus in this list by mistake. Sorry for inconvenience.
CSS-Based Navigation Menus
1. Change.org
2. N.Design Studio | Design & Blog
3. Good Creative - Web and Graphic Design
6. CSS Vault » The Web’s CSS Site
7. notiam.com
8. Jamie Huskisson: Full time UK PHP freelance developer
9. Web design, development and consultancy from Ottawa, Canada - Snook.ca
10. BREAKER DESIGN
11. Jen Gordon
12. Tulumarka
13. Ars Technica
14. CSS Beauty | CSS Design, News, Jobs, Community, Web Standards
16. Triple Crown Customer Service
17. microformats
18. Badboy.ro
19. GetMenus.ca
20. Wedding Extravaganza 2007 - A Perfect Marriage
21. Job Pile - Aggregating the Best Job Boards on the Web - Artypapers
22. Norman Morrow & Co - Estate Agents In Crumlin, Northern Ireland
23. Listal - List the stuff you love! Movies, TV, music, games and books
24. folietto
25. Tony Yoo - Online Showcase (version2)
27. Denbighshire Supporting Business
28. Pulmad, peod, lillesalong… - Annilill Peoteenindus
29. ExpressionEngine - Publish Your Universe!
30. coda.coza
31. purevolume™ | We’re Listening To You
32. EGOLOUNGE *Büro für digitales Design
33. Merix - Internet Technologies
34. Bartelme Design | Showroom
36. CSS3 . info - Everything you need to know about CSS3
37. nclud™ a creative web design agency
39. ExpressionEngine - Publish Your Universe!
40. Silverpoint: Web Solutions for Schools
41. Jambor-ee - Celebrating ExpressionEngine
43. Scribd - Home
45. Photoshop Tutorials and Articles - Tutorial Blog
46. Welcome to Buzz — Buzz Recruitment
47. Michal Zapoměl - český vlasový design | czech hair design
49. M122Arts Mixed Media and Technology // oo*o
50. KazanShops.Ru
51. Stone inc. - Aménagements Paysager, Pavés.
52. Pixellogo
53. AUSMAG - das Australien Work & Travel Portal
'Information' 카테고리의 다른 글
| 체크박스 전부다 선택하기 (0) | 2007.03.16 |
|---|---|
| 비스타 하드웨어 ‘체크포인트’ (0) | 2007.03.13 |
| HTML 특수문자코드 (0) | 2007.03.04 |