Mootools : remplacer les anims Flash par HTML / javascript

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


dadovb
WRInaute accro
WRInaute accro
 
Messages: 2038
Inscription: Mar Nov 22, 2005 9:50

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: 2915
Inscription: Ven Sep 05, 2003 10:46

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 occasionnel
WRInaute occasionnel
 
Messages: 216
Inscription: Mar Aoû 09, 2005 15:11

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: 235
Inscription: Mer Mar 21, 2007 14:47

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: 1310
Inscription: Mer Mai 14, 2003 11:05

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 occasionnel
WRInaute occasionnel
 
Messages: 216
Inscription: Mar Aoû 09, 2005 15:11

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 accro
WRInaute accro
 
Messages: 2038
Inscription: Mar Nov 22, 2005 9:50

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 accro
WRInaute accro
 
Messages: 2038
Inscription: Mar Nov 22, 2005 9:50

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 occasionnel
WRInaute occasionnel
 
Messages: 216
Inscription: Mar Aoû 09, 2005 15:11

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: 2826
Inscription: Lun Déc 27, 2004 16:29

Message le Sam Mar 01, 2008 8:36

Jquery est plus léger


athoms
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 243
Inscription: Jeu Avr 22, 2004 2:04

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: 925
Inscription: Ven Avr 29, 2005 12:26

Message le Sam Mar 01, 2008 15:46

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


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :

Consultez la description détaillée des produits ou services de Google suivants : Google Compute



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités