§ Cyrille Grobost Blog » Menu http://cyrille.grobost.com Développer, Optimiser, Référencer, Monétiser ! Tue, 10 Aug 2010 21:39:23 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Intégrer le Dock d’Apple Mac OS X à votre site : 7 menus « Fish Eye » open-source http://cyrille.grobost.com/integrer-le-dock-dapple-mac-os-x-a-votre-site-7-menus-fish-eye-open-source/ http://cyrille.grobost.com/integrer-le-dock-dapple-mac-os-x-a-votre-site-7-menus-fish-eye-open-source/#comments Wed, 16 Jan 2008 21:13:14 +0000 Cyrille http://cyrille.grobost.com/2008/01/16/integrer-le-dock-dapple-mac-os-x-a-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

]]> http://cyrille.grobost.com/integrer-le-dock-dapple-mac-os-x-a-votre-site-7-menus-fish-eye-open-source/feed/ 1