Developing Menus for your Website

From SuperbHosting.net Support Wiki

Jump to: navigation, search

Contents

Noupe Javascript CSS Menus

Noupe is a company that delivers a vast and varied catalogue of information, news and resources for designers, web developers or anyone else interested in any aspect of design. From the hobbyist to the professional, Noupe provides information and help for all levels of skill in CSS, Ajax, Javascript, web design, graphics, typography, advertising and way more. Noupe has a great article detailing 13 Awesome Javascript CSS Menus. Here are a couple of examples that we found particularly cool:


A picture is worth a thousand words and that is definitely the case with this unique picture menu from Phatfusion.net. The stylish, horizontal picture menu is a great way to accurately express the contents of each menu title and in addition actually expands to reveal more of the picture as you roll over the titles.



This clean, sharp menu is titled, The Sexy Sliding Menu. A sliding menu is the most efficient and stylish way to space space on your page. Sliding menus not only help to conserve room but also add visual, interactive interest to your website.





Advanced CSS Menu from Web Designers Wall

The Web Designers Wall is exactly that - a wall on which respected graphic designer Nick La shares his tips, tricks, advice and tutorials for all to read and learn from. He also uses the Web Designers Wall as a public blog on which he discusess the latest in graphic design trends and current web design styles.


In this Advanced CSS Menu Tutorial you will learn how to slice and divide the menu design (step by step) and then put them together again using CSS. This tutorial will essentially teach you how to code and advanced or, un-typical list menu using the CSS position property.





Advanced CSS Menu Trick from 3Point7Designs

This trick comes from 3Point7Designs.com and it details the process of creating a unique rollover technique.



Kirupa Tutorials

Kirupa is an excellent resource for user-friendly information and tutorials regarding all things web developement. They have a comprehensive selection of flash menus for purchase or for free as well as great navigation components. This site is a fantastic resource so make sure to browse it fully and visit the forum.
Personal tools