Mootools : remplacer les anims Flash par HTML / javascript

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par dadovb, 29 Février 2008.

  1. dadovb
    dadovb WRInaute passionné
    Inscrit:
    22 Novembre 2005
    Messages:
    1 653
    J'aime reçus:
    0
    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.
     
  2. blman
    blman WRInaute accro
    Inscrit:
    5 Septembre 2003
    Messages:
    2 719
    J'aime reçus:
    3
    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/
     
  3. perodo
    perodo WRInaute discret
    Inscrit:
    9 Août 2005
    Messages:
    201
    J'aime reçus:
    0
    +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 ;-)
     
  4. Bigb06
    Bigb06 WRInaute impliqué
    Inscrit:
    21 Mars 2007
    Messages:
    790
    J'aime reçus:
    1
    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.
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 182
    J'aime reçus:
    351
    j'ai chippoté avec moo.fx il y a un bon moment, maintenant je ne jure plus que par jQuery
     
  6. perodo
    perodo WRInaute discret
    Inscrit:
    9 Août 2005
    Messages:
    201
    J'aime reçus:
    0
     
  7. dadovb
    dadovb WRInaute passionné
    Inscrit:
    22 Novembre 2005
    Messages:
    1 653
    J'aime reçus:
    0
    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....
     
  8. dadovb
    dadovb WRInaute passionné
    Inscrit:
    22 Novembre 2005
    Messages:
    1 653
    J'aime reçus:
    0

    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.
     
  9. perodo
    perodo WRInaute discret
    Inscrit:
    9 Août 2005
    Messages:
    201
    J'aime reçus:
    0
    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.
     
  10. bproductiv
    bproductiv WRInaute accro
    Inscrit:
    27 Décembre 2004
    Messages:
    3 672
    J'aime reçus:
    0
    Jquery est plus léger
     
  11. athoms
    athoms WRInaute discret
    Inscrit:
    22 Avril 2004
    Messages:
    212
    J'aime reçus:
    0
    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.
     
  12. aladdin
    aladdin WRInaute passionné
    Inscrit:
    29 Avril 2005
    Messages:
    1 235
    J'aime reçus:
    0
    +1 pour JQuery ... sans troll bien sure ...
     
Chargement...
Similar Threads - Mootools remplacer anims Forum Date
Fenetres avec mootools Développement d'un site Web ou d'une appli mobile 2 Juin 2010
inclure des contenus d'autres pages avec mootools Référencement Google 17 Octobre 2009
aide avec mootools Développement d'un site Web ou d'une appli mobile 2 Décembre 2008
Tips mootools sur des images qui apparaissent dynamiquement Développement d'un site Web ou d'une appli mobile 31 Mars 2008
Site immobilier re-designé avec Mootools Demandes d'avis et de conseils sur vos sites 18 Septembre 2007
Htacces : comment remplacer _ par : URL Rewriting et .htaccess 18 Juin 2019
remplacer version desktop par version mobile first Problèmes de référencement spécifiques à vos sites 19 Mai 2019
WordPress Par quoi remplacer MailPoet ? Débuter en référencement 1 Février 2019
Dans un script, Remplacer le mode « hasard » par le mode « suivant » Développement d'un site Web ou d'une appli mobile 3 Novembre 2018
Un logiciel pour remplacer Google Analytics ? Google Analytics 20 Juin 2018
Remplacer des redirections 302 en 301 Développement d'un site Web ou d'une appli mobile 23 Mai 2018
Remplacer une url par une autre URL Rewriting et .htaccess 29 Octobre 2016
Dans un formulaire, remplacer l’apostrophe dactylographique par l’apostrophe typographique Développement d'un site Web ou d'une appli mobile 18 Février 2016
Remplacer les underscores par des tirets URL Rewriting et .htaccess 1 Septembre 2015
Peut-on remplacer un lien dans la SERP ? Problèmes de référencement spécifiques à vos sites 27 Juin 2015
modifier et remplacer le contenu des pages web pour google Rédaction web et référencement 7 Août 2014
Remplacer textarea par une editeur de texte Développement d'un site Web ou d'une appli mobile 20 Juin 2014
Lien sur plusieurs éléments : remplacer par du JS Débuter en référencement 20 Mars 2014
Remplacer page référencée par une autre. Débuter en référencement 28 Octobre 2013
Remplacer des tags obsolètes Rédaction web et référencement 12 Septembre 2013