Tutlist.com - Browse by Tag: menu

The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by fading out and becoming almost transparent. When the user hovers over it, the menu then becomes opaque again.

Submitted by: JohnGalt
Submitted on: Dec 16, 2009

Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site.

Submitted by: TJHooker
Submitted on: Aug 5, 2009

As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today.

Submitted by: Kermit
Submitted on: Jul 28, 2009

Did you note how difficult is to deal with highly populated dropdowns? More than 50 elements can be a real pain… Can we do something about it -specially when this “highly populated dropdown” is necessary-? Thanks to JavaScript/jQuery the answer is a big yes. How? Take a look to the demo and see which dropdown is more friendly to find… lets say: Chile.

Submitted by: JDStraughan
Submitted on: Jul 1, 2009

Follow these steps to build your own modern navigation bar design, starting with the initial steps in Photoshop to flesh out the design, then moving on to constructing the HTML and styling with the CSS image sprite technique. However, if all that sounds too strenuous, there’s also a handy download of the source files especially for you!

Submitted by: JDStraughan
Submitted on: Jun 30, 2009

I was looking at a flash website last night and saw some nice menu effects. I was pretty sure this was easy to re-create in jQuery, so I started coding, and about 2 or 3 hours later, there it was, a nice little jQuery plugin. I know this will not be useful in most website as it take a huge chunk of space, but it is still pretty cool to know you could use this in a more experimental jQuery website.

Submitted by: JDStraughan
Submitted on: Jun 19, 2009

I have created a tutorial regarding top dock menu few weeks ago. Due to popular demand, I have created another tutorial that will dock at the bottom of the page. I've revamped the whole thing, now the html and css code are much more simpler, smarter jquery logic and it degrades gracefully when javascript is disabled.

Submitted by: JDStraughan
Submitted on: Jun 16, 2009

This tutorial, we will be making a jQuery Sliding Tab Menu for sidebar. Previously, I made a tutorial about jQuery Tabbed Interface / Tabbed Structure Menu, if you have not read it yet, check it out. I'm using it for my sidebar at the moment. The differences between both tab menus are, the sliding direction and this time, we are using a little bit different HTML structure and massive change in jQuery script.

Submitted by: JDStraughan
Submitted on: Jun 10, 2009

As User Interface developers, we know that one of the first widgets our visitors use is a “Menu”. Capturing their attention right there is something that we always strive for, and I guess LavaLamp is a step in that direction.

Submitted by: TJHooker
Submitted on: Mar 5, 2009

Jonathan Snook debuted a great tutorial last September detailing how you can use an image and a few jQuery techniques to create a slick mouseover effect. I revisited his article and ported its two most impressive effects to MooTools.

Submitted by: JDStraughan
Submitted on: Feb 24, 2009