WebAppers

/ best free open source web resources /

Shopify

OS X Style Docks & Stacks Navigation with jQuery

Posted · Category: License Free, Menu

While mimicking the OS X dock and stacks isn’t new, it’s certainly not common. Nettuts has shown us a few ways to do “Outside the Box” Navigation with OS X style docks and stacks navigation.

jQuery OS X Stack and Drop Stack is my favorite navigation style out of the three shown in the tutorial. It’s super lightweight (~1kb). It might be a little awkward having the navigation in the bottom right or left of the browser window but it would certainly be creative and save lots of space.

Creative Nagivation

Requirements: jQuery Framework
Demo: http://nettuts.s3.amazonaws.com/358_jquery…
License: License Free

4 Comments
  • Dorac

    I wouldn’t use it atleast not yet (learning jquery) but I just looked at the demo of this and wow… this looks good.

  • Thai

    Yeah, it’s awesome!

  • Danny

    Awesome article/effect. Great work :)

  • akash664

    Great job with this.

    One question though, in Stack 1 (the one at the bottom right hand corner), how can I increase the size of the container in which the icons are to say – 200pixels by 200 pixels and still have the inside icons stay within it?Thanks in Advance

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons