Posts Tagged ‘navigation’

Beautiful Slide Out Navigation | jquery plugin

Beautiful Slide Out Navigation | jquery plugin

After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone!

Like Stefan Mateipointed out, it might be quite cute but we don’t want the user to hover over all options first, in order to see what menu items exit. So, I thought about labeling the menu items and making them stick out, so the user can always “see” what the navigation entails. Being in a horizontal position makes everything readable and when the user hovers over the label, the rest of the item with the icon will slide out.

Beautiful Slide Out Navigation

Beautiful Slide Out Navigation

Snook-Style Navigation Using MooTools

Snook-Style Navigation Using MooTools

Tutorial to Create Snook-Style Navigation Using MooTools

Horizondal/Side Navigation Tooltip or Popup Bubble

Horizondal/Side Navigation Tooltip or Popup Bubble

Side Navigation Tooltip or Popup Bubble is a tooltip or popup bubble using jQuery.

Highlighter – jQuery Plugin

Highlighter – jQuery Plugin

Highlighter with keyboard navigation, can be customized easilyjquery hightlighter

Demo 

Context Menu in Mootools (Multi-Level)

Context Menu in Mootools (Multi-Level)

There are ART style and shadow style context menu for you to choose from. It supports multi-level and key navigation as well. mootools multi menu

Create a Cool Animated Navigation with CSS and jQuery

Create a Cool Animated Navigation with CSS and jQuery

Animation and visual feedback are great ways to assist a user in navigating and interacting with a website. While traditionally Adobe’s Flash was the goto for anything animated, these days with the magic of javascript we can avoid Flash altogether. Today we’re going to build a really cool animated navigation menu using just CSS and jQuery.
jquery_animation_10

Subscribe to RSS Feed Follow Ajaxmint on Twitter!
Get Adobe Flash playerPlugin by wpburn.com wordpress themes