Mac OS X Icon Dock
A Mac OS X like 3D Icon Dock for use a navigation on your website. Fully functional without JavaScript. Reflections are included for browsers that support it (Safari/Chrome). 3D effect on dock which is easily themable and supports as many icons as you can fit on your screen. Compatible with all common browsers. Degrades gracefully for IE.
- Works on:
- FF
- Chrome
- Safari
- IE9
- IE8
- IE7
- IE6
- Opera
Notes
- IE6 - Cant use most png fixes for IE as scalable transparent images cannot easily be replaced.
- IE7 & IE6 - The 3D look is destroyed as support for before and after is lacking - could use JS to insert replacements if you are desperate to get it working in these browsers.
- Reflections only work on Safari/Chrome.
References
Similar Projects
- http://www.aplweb.co.uk/blog/css/pure-css3-icon-dock/
- http://www.wizzud.com/jqDock/
- http://www.ndesign-studio.com/demo/css-dock-menu/css-dock.html
- http://www.roslindesign.com/blog/2010/05/21/create-a-apple-style-dock-bar-with-jquery-using-the-resize-on-approach-plugin/
- http://nettuts.s3.amazonaws.com/358_jquery/example%20files/all-examples.html
Comments
- reigna - Ohh this is nice. Thanks for this, I'm going to check it out.
- Joro - 10x
- Jake - Thats totally awesome dude!
- Brad - Download doesn't work, it just times out.
- APL Web - Seems to work, Click on the 'View Demo' button and then Ctrl+s to save the page instead.
- Safwar - thanks so much !
- Moe - Nice one!
- Hiluxzero - Thanks! is very awesome!
- Xu - very cool! Thanks a lot!
- BP - amazing work
![[enable images]](/img/footing2.png "Please send blog emails to this address")