CSS Dock Menu

CSS dock menu

I have seen a lot of OS X inspired dock menus out there but this is the best that I have seen by far, brought to you by our friends at N-Design Studio, a site that got featured here a few months back.

It uses the JQuery library and the Fisheye component so everything gets manipulated at the DOM level. My only gripe here as with other similar implementations is image aliasing due to browser-level resizing, a limitation that we just have to live with.

Fisheye aliasing

Check out the demo page to see what I mean.

4 Responses to “CSS Dock Menu”

  1. Chris Coyier Says:

    I love this menu, it’s kind of amazing what is possible with javascript these days.

    I’ve actually used this before, and you can get around the pixelization issue pretty easily. If I remember correctly, there are settings for how big and small you want the icons to get, so just create your own new icon set at the maximum size. Then they will only ever be at 100% or smaller - no pixels.

  2. Neil Thurlwell Says:

    WOW guys this is cool.

    This is definatly the best menu system I have seen and I will be using this very soon.

    Thanks

  3. l3bel Says:

    really impressive and… beautiful. just perfect !

  4. Website Builder Says:

    Seen this over on their website, blew me away.

Leave a Reply