Mootools : remplacer les anims Flash par HTML / javascript


dadovb
WRInaute passionné
WRInaute passionné
 
Messages: 2050
Inscription: 22 Nov 2005

Mootools : remplacer les anims Flash par HTML / javascript

Message le Ven Fév 29, 2008 18:42

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 :
- 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.
Dernière édition par dadovb le Ven Fév 29, 2008 20:39, édité 1 fois.


blman
WRInaute accro
WRInaute accro
 
Messages: 3077
Inscription: 5 Sep 2003

Message le Ven Fév 29, 2008 18:54

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
WRInaute discret
WRInaute discret
 
Messages: 217
Inscription: 9 Aoû 2005

Message le Ven Fév 29, 2008 19:24

+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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 496
Inscription: 21 Mar 2007

Message le Ven Fév 29, 2008 19:58

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
WRInaute accro
WRInaute accro
 
Messages: 4379
Inscription: 14 Mai 2003

Message le Ven Fév 29, 2008 20:04

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

perodo
WRInaute discret
WRInaute discret
 
Messages: 217
Inscription: 9 Aoû 2005

Message le Ven Fév 29, 2008 20:29

perodo a écrit:+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
WRInaute passionné
WRInaute passionné
 
Messages: 2050
Inscription: 22 Nov 2005

Message le Ven Fév 29, 2008 20:45

perodo a écrit: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
WRInaute passionné
WRInaute passionné
 
Messages: 2050
Inscription: 22 Nov 2005

Message le Ven Fév 29, 2008 20:47

blman a écrit: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
WRInaute discret
WRInaute discret
 
Messages: 217
Inscription: 9 Aoû 2005

Message le Ven Fév 29, 2008 21:30

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
WRInaute accro
WRInaute accro
 
Messages: 4173
Inscription: 27 Déc 2004

Message le Sam Mar 01, 2008 8:36

Jquery est plus léger


athoms
WRInaute discret
WRInaute discret
 
Messages: 244
Inscription: 22 Avr 2004

Message le Sam Mar 01, 2008 10:13

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
WRInaute passionné
WRInaute passionné
 
Messages: 1457
Inscription: 29 Avr 2005

Message le Sam Mar 01, 2008 15:46

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité