Intégrer le Dock d’Apple Mac OS X à votre site : 7 menus « Fish Eye » open-source

Popularisé par Apple, utilisé pour le Dock de Mac OS X, un menu « Fish Eye »est une barre d’icônes horizontale ou verticale qui réagit quand l’utilisateur pointe la sourie vers un des icônes de la barre. Celui-ci grossit au fur et à mesure que le pointeur se rapproche alors que les autres icônes retrouvent leur taille standard de manière très fluide… effet garanti !

Je viens d’utiliser cet effet Fish Eye sur un projet de portail intranet. Les utilisateurs peuvent ainsi naviguer vers leurs applications web préférées grâce à un joli menu animé à la sauce Apple.

Si vous aussi vous voulez installer ce genre de script sur votre site, je vous recommande ces 7 scripts et tutoriaux :

1. CSS Dock Menu (celui que j’ai utilisé)

css-dock-menu.png

2. Menu Fish Eye utilisant Prototypejs

prototype-fisheye.png

3. Menu Fish Eye basé sur Mootools

mootools-fisheye.png

4. Menu Fish Eye basé sur Mootools (un autre)

mootools-fisheye2.png

5. Menu Fish Eye vertical en DHTML (pas d’image que du texte)

dhtml-fishmenu.png

6. Tutoriel pour comprendre et créer son propre menu Fish Eye

fisheye-tutorial2.png

7. Tutoriel pour comprendre et créer son propre menu Fish Eye (un autre)

fisheye-menu-tutorial.png

  

Paperblog