Mootools : remplacer les anims Flash par HTML / javascript

[dadovb]

Bonjour à tous,

Je n'en ai pas beaucoup (du tout) entendu parler sur le forum, je vais donc vous recommander ce framework javascript qui permet de mettre en place des animations très sympas sur un site web.

http://mootools.net/

Avantages principaux :
- Compatibles avec la plupart des navigateurs (Safari, Firefox, IE 6et 7, Opera, Camino)
- Modulaire et Orienté-Objet : ce qui facilite grandement la création de plugins additionnels par la communauté, voici quelques exemples :

• 
  http://gueschla.com/2007/04/16/33-plugi ... connaitre/
  http://fardeen.biz/index.php/mootools-l ... nouveauts/

- Très bien documenté et avec de nombreux exemples : http://demos.mootools.net/

Le principal avantage en dehors de l'aspect design pur, c'est qu'il permet de mettre en place des animations sur un site web en utilisant html et javascript, ainsi on peut réaliser un photorama avec effets d'opacité et de défilement tout en renseignant les attributs alt des images utilisées.

Voici quelques exemples sur le site de ma boîte :

• 
  -http://www.micimmo.com/ : la bandeau défilant à droite me permet de faire indexer tous les liens vers les petites annonces tout en animant ma première page.
  
  -http://www.micimmo.com/annonce-immobilieres/achat-bien-maison-yvelines-100655.html : le photorama avec toutes les images qui sont renseignées (attribut alt) et indéxées par GG images.

Voilà, j'espère que ça intéressera certains d'entre vous, si la communauté grandit, tout le monde y gagne.

 

[blman]

Oui mootools est vraiment très bien. Un peu compliqué à maitriser tout de même.

Dans le même genre, il y a http://script.aculo.us/

 

[perodo]

+1 pour http://script.aculo.us/
il y a aussi jquery qui est facile d utilisation
mais franchement pour un menu de 5 liens, l ajax apportes un peu d avantage.
la fluidité et la compatibilité entre navigateur sont à surveillé aussi.

sinon rien de nouveau, ca fait des années que des menus animé (dhtml, javascript) existent.
alors l avantage de mootools dans tout ca?
Sur le forum de mootools comme sur ceux de toute ces librairie AJAX , on s aperçoit que des problèmes de compatibilité IE et SAFARI sont present quand on customise son propre menu.

J adore les applications dites RICHES, peu importe la technologie utilisé, le but est bien de faciliter et faire plaisir à l internaute non?

Un avatage est qu il ne faut pas de license adobe pour proposer un menu animé, mais si t as la license, FLASH pour un menu animé permet quand meme plus de choses plus facilement.
C est tout du moins moins mon avis.

PS: pour le referencement le mieux reste un bon vieux text-decoration: underline ;-)

 

[Bigb06]

J'aime beaucoup mootools qui est léger et très complet comparé à d'autres. Je l'ai utilisé sur mon site pour faire défiler les derniers avis, pour ajouter un nouvel avis et la soumission des formulaires en AJAX.

 

[spout]

j'ai chippoté avec moo.fx il y a un bon moment, maintenant je ne jure plus que par jQuery

 

[perodo]

+1 pour http://script.aculo.us/
il y a aussi jquery qui est facile d utilisation
une petite liste:
http://michaelsync.net/2006/07/25/ajax- ... and-others
mais franchement pour un menu de 5 liens, l ajax apportes un peu d avantage.
la fluidité et la compatibilité entre navigateur sont à surveillé aussi.

sinon rien de nouveau, ca fait des années que des menus animé (dhtml, javascript) existent.
alors l avantage de mootools dans tout ca?
Sur le forum de mootools comme sur ceux de toute ces librairie AJAX , on s aperçoit que des problèmes de compatibilité IE et SAFARI sont present quand on customise son propre menu.

J adore les applications dites RICHES, peu importe la technologie utilisé, le but est bien de faciliter et faire plaisir à l internaute non?

Un avatage est qu il ne faut pas de license adobe pour proposer un menu animé, mais si t as la license, FLASH pour un menu animé permet quand meme plus de choses plus facilement.
C est tout du moins moins mon avis.

PS: pour le referencement le mieux reste un bon vieux text-decoration: underline ;-)

 

[dadovb]

n?
Un avatage est qu il ne faut pas de license adobe pour proposer un menu animé, mais si t as la license, FLASH pour un menu animé permet quand meme plus de choses plus facilement.
C est tout du moins moins mon avis.

C'est que j'essayais d'expliquer c'est que mootools permet d'animer une page web, certes pas aussi bien que flash, mais le principal avantage c'est que le contenu est indexable. Contrairement à flash....

 

[dadovb]

Oui mootools est vraiment très bien. Un peu compliqué à maitriser tout de même.
/

Je ne suis pas du tout expert en javascript mais dès qu'on a des connaissances en POO, mootools se révèle très souple.

Toutes les utilisations de mootools sur mon www sont customisées et remaniées sans trop de peine.

 

[perodo]

dadovb,
Je suis d accord avec toi si ton menu est grand ou dans le cas de la boite defilante à droite de ton site.
(Au passage : je vais chercher la petite graine mais sous ie6 ton defilant de droite depasse)

Pour animé du contenu mootools s'avère bien pratique(valable aussi les autres lib javascript)
Mais pour certaines partie animée le flash c est quand meme plus puissant et plutot utile.
exemple:

• ta boite Magazine Micimmo

• http://www.skype.com/intl/en/useskype/

l'article sur WRI sur l'ajax et le ref est plutot clair aussi.
de plus ADOBE bosse sur le référencement de leur produit(enfin j espere lol)

c'est la gueeguerre FLASH / AJAX
j adore AJAX mais pour ce qui est de l'animation FLASH a quand meme de l avance.

Mais que ce soit gucci.com en AJAX ou http://www.volkswagen.co.uk en flash je ne serais quoi choisir.
je choisis les deux ;-)
bon c'est vendredi soir l'apero m'appelle.

 

[bproductiv]

Jquery est plus léger

 

[athoms]

Bonjour,

Perso j'ai opté pour scriptaculo.us mais je me suis posé la question concernant mootools de savoir si je le mettais en place.

Les effets sont sympa, et la bibliotheque assez légère (enfin pas vraiment mais plus légère que d'autres frameworks). L'avantage par rapport à scriptaculo est là, quant à sa simplicité et le nombre de fonctions mais au prix il me semble de plus de compatibilité comme dit plus haut avec certains navigateurs, alors que j'ai testé scriptaculo avec succès sur safari, opera, mini opera, firefox et ie.

Toujours est-il que ce framework a je pense de l'avenir, car une communauté active et des fonctionnalités intéressantes.

 

[aladdin]

+1 pour JQuery ... sans troll bien sure ...