OSX Style Web Dock

Posted 2 years, 3 months ago at 4:12 pm. 14 comments

The idea to create a “dock” came to me when my mom, who I recently transitioned to Gmail [Hosted], emailed me asking how to access her email from work. She headed to Whalesalad to use the contact form, and sent me a message form there. It got me thinking, “If my mom knew to go to Whalesalad, maybe I could use Whalesalad as a place to keep commonly accessed links, almost like my Firefox bookmark bar. That way, when I am at a friends house or an internet cafe, getting to the sites I, or others (my mom) visit most, would be very easy….

Check out the minisite for a demo and how you can put an OSX style dock on your site! I also implemented the dock here on Whalesalad, so mouseover the top and you should see it slide down!

14 Replies

  1. Avatar Chris Jul 12th 2006

    This looks great. I’ve been trying to do come up with something similar to this for a while now, but haven’t been able to come up with anything. I’ll download this and have a stab at it.

  2. Avatar thomas Jul 13th 2006

    and now you’re gonna have to watch what you write on your blog because you know you’re mom will read it ;)

  3. Avatar coxis Jul 13th 2006

    NIce. A plugin for WordPress would be superb.

  4. Avatar Luminus Jul 14th 2006

    Incredibly Cool,
    I definitely second coxis’s idea of a WordPress plugin. That would be the absolute shiznit.

  5. Avatar werner Jul 14th 2006

    you say “Opera doesn’t do anything either”,

    but in my opera 9.0 browser it works fine :D
    i like it.

    greets, werner

  6. Avatar Chris Jul 14th 2006

    Check this out!!. I found it via my WordPress Admin Panel.

  7. Avatar Steve Jul 19th 2006

    Great example of a dock type navigation. Really smooth. One small issue though… if the user has javascript off then that user does not see an alternative navigation.

    Check it by turning off stylesheets and the list ittems obvoiusly are visable but if you rollover one of the links the page content slides up ontop off the navigation so the user can no longer navigate the site.

    Just a couple of points I wanted to mention. If you could look into these issues then it would completely rock…!

    ;)

  8. Avatar Mike G. Jul 29th 2006

    this is acting kind of weird in IE 6.0 on PC

  9. Avatar werner Jul 31st 2006

    Because it’s a PNG, that get’s a blue background in IE.

  10. Avatar Ron Jan 19th 2007

    Love the dock, but when I click to go to the minisite, it gives me a 404 Not Found page.

  11. Avatar Melissa Apr 12th 2007

    Your dock’s minisite page turns out a 404 error, not sure if you were aware of that or not ;)

  12. Avatar javier Sep 8th 2007

    Very cool Michael! :D

  13. Avatar Fox Dec 22nd 2007

    Hello!

    This looks real cool, however the 404 is deceiving :(
    Would it be possible to reupload this?

    Thanks a lot!


Leave a Reply