Advertisement
Design

How to Build and Enhance a 3-Level Navigation Menu

by

Perhaps more than any other topic, I'm most often contacted about how to build cross-browser navigation menus. Understandably, the reason is because every web designer has built one at some point, if not during every project! Nonetheless, it can absolutely be a tricky task. In this video tutorial, I'll teach you how to build an attractive cross-browser navigation menu; notable features include CSS3 gradients, multiple sub-menus, and jQuery animations.

Other Viewing Options

Write a Plus Tutorial

Did you know that you can earn up to $600 for writing a PLUS tutorial and/or screencast for us? We're looking for in depth and well-written tutorials on HTML, CSS, PHP, and JavaScript. If you're of the ability, please contact Jeffrey at nettuts@tutsplus.com.

Please note that actual compensation will be dependent upon the quality of the final tutorial and screencast.

Write a PLUS tutorial
Related Posts
  • Computer Skills
    Office
    Getting Started with Pages for iCloudPages icloud icon
    Apple's Pages for iCloud web app is a full-featured word processor that works much like its desktop counterpart. In this tutorial, you'll learn how to use all of Pages' online features and how to use it to craft beautiful documents.Read More…
  • Computer Skills
    Productivity
    Improve Productivity With Virtual Desktops From TotalSpaces2Totalspaces400
    TotalSpaces2 from BinaryAge is the, self-described, "ultimate grid spaces manager". It is built on top of OS X's Mission Control and provides a great deal of control over your Mac's work environment. In an earlier tutorial, I taught you about Speeding Up Your Life With Launchbar. In this tutorial I'll show you how to use a grid of spaces to efficiently swap between applications to improve your productivity.Read More…
  • Code
    Tools & Tips
    Browser Testing in the Cloud ReduxBrowser testing cloud redux retina preview
    I've written quite a bit about browser testing solutions trying to help identify techniques and tools that make cross-browser development easier. My last article on the subject covered how to use BrowserStack to test any number of browsers all from one central tool; your own browser. I was on a Windows PC back then so testing multiple browsers was a bit easier and testing tools were mainly complementary to my work. Now that I'm on OS X, the need for tools to round out my testing strategies is even more important, specifically because of the lack of Internet Explorer on the OS. I'm a bit of a stickler for what I install on my computers and I prefer online tools when available. I'm also always on the hunt for new tools that make cross-browser testing easier and decided to give CrossBrowserTesting.com a run. I'll go over some of the key features of the service and how to leverage it to improve your testing capabilities.Read More…
  • Computer Skills
    App Training
    Firefox for BeginnersFirefoxicon400
    Whether you are a new Mac user or simply wish to try a web browser other than Safari, Firefox will serve you well and is an excellent option for those wanting more flexibility and control. In this tutorial, I will show you how to configure Firefox, browse, bookmark and synchronise your favourite websites, manage your history and install a number of features that will enhance your browsing experience.Read More…
  • Computer Skills
    App Training
    Alfred Workflows for BeginnersAlfred400
    Ever since Alfred 2.0 was in beta, I have been making Alfred workflows for myself and for others. It is a lot of fun and very helpful to my daily workflow. I usually average using Alfred around 130 times a day, with my peak day of 768 times. I am going to show you the basic concepts of workflow design in this tutorial, all the way to the very advanced features that you can use in your own workflows in later tutorials. So, come join the fun!Read More…
  • Web Design
    Roundups
    New to Web Design? Start Here.New to web design
    Welcome to Webdesigntuts+, an online resource dedicated to teaching and encouraging web designers of all skill levels and experience. Whether this is your first time here, you've found yourself dipping into our content in the past, or you're a regular visitor, this post will help you find the best of our content.Read More…