Connaissez-vous prototype.js ? Non ? Pourtant, il s’agit sûrement d’une des librairies javascript les plus connues du web.
Prototype permet d’améliorer grandement les fonctionnalités très sommaires du langage javascript et de le transformer en véritable langage de programmation pour les vrais développeurs (avec des rouflaquettes et qui mangent des pizzas 24h/24).
Au fil du temps, Prototype a permis de donner naissance à une palanquée de librairie Ajax et javascript toute plus intéressantes les unes que les autres et qui, c’est là le point important, peuvent grandement aider à améliorer l’utilisabilité et l’ergonomie de votre site web (et là, je pense ecommerce). Voici un petit aperçu de ces librairies et de ce que vous pourriez faire avec, pour le peu que vous soyiez doté d’un poil d’imagination.
Accordion : emmenez vos fiches produits au bal musette
L’accordéon est une manière élégante d’accumuler un maximum d’info dans un minimum d’espace. Très pratique, donc, pour bourrer vos fiches produits de textes, d’images et de vidéos sans encombrer votre mise en page.
Ajax rating star : vos produits au firmament
Rendez la notation produit simple et amusante avec Rating Star. Non seulement, il est facile à configurer, mais en plus, grâce à son API Ajax, il permet de se connecter à la base de données de votre site pour enregistrer toutes les notes.
Calendar Date Select : fini les dates de naissances fantaisistes
Les « osCommerciens » doivent le savoir, le champ d’insertion de la date de naissance dans le formulaire d’inscription laisse libre cours à toutes les erreurs. Avec CalendarDateSelect, toutes les erreurs de saisie de date s’estompe magiquement. Et en plus, le calendrier est personnalisable !
Cooltips : de l’aide intelligente pour vos internautes de niveau zéro
Simplifier la vie de vos internautes les moins aisés avec la navigation d’un site Internet en leur affichant des menus contextuels simples, c’est le role de Cooltips
Fisheye : mettez un Tiger dans votre navigation
Vous en aviez rêvé ? C’est l’occasion ou jamais de transformer votre ecommerce en bureau Mac. Fisheye vous permet d’insérer un modèle de navigation plébiscité par les utilisateurs de Mac et maintenant de Windows Vista. Preuve scientifique à l’appui.
JSValidator : des formulaires sans se tromper
Inutile de rapeller ici quelle contrainte peut être un formulaire d’inscription ou de commande dans un site ecommerce. Incontournables, ils dégradent notablement le taux de transfo de votre site. Avec cette API, voilà déjà peut-être un moyen de fluidifier vos formulaires en corrigeant rapidement les erreurs de saisie.
PasswordStrengthMeter : des mots de passe au poil
« Toto, tutu, caca, polo » sont couramment les mots de passe que vos acheteurs adoptent pour protéger leurs comptes. Osons le dire : ce n’est pas d’une grande sécurité. Pour leur éviter des désagréments(et pour vous aussi, par la même occasion), ce simple script les aidera à choisir des mots de passe sûrs, plus difficile à trouver.
TheShadower : des ombres partout
Je n’ai pas peur de le dire : ce script ne sert à rien, mais il est beau. Et comme il est beau, il est donc très utile. Avec The Shadower, rajoutez des ombres partout, partout, partout ! C’est beau les ombres, non ?
Transparent message : des alertes en douceur
Dans la lignée de cooltips, voici une api simple qui vous permet d’afficher des messages d’alerte doux, plutôt que les vieilles boites d’alertes grises de Windows. Pour ne pas casser les oreilles de vos clients.
Tous ces magnifiques scripts et bien d’autres encore peuvent être trouvés sur Scripteka.com. En attendant, pour vous faire saliver, voici un petit screenshot d’un « petit » projet en cours de développement qui tire largement parti de ces librairies (et attention, même si vous le voyez pas, il s’agira de ma première boutique sur Magento. Ah ah !)
















J’aime également beaucoup jquery, fonctionnellement très proche.La difference se situe au niveau du poids et du code, très propre et conçis.
nous utilisons aussi beaucoup script.aculo.us/ en plus de la couche ajax/atlas
pour la validation des formulaires j’ai integrer ça ==> http://www.livevalidation.com/ex... pas mal aussi ..!
A propos de ( l’excellent ) livevalidation on peut trouver sa traduction complète en Français sur
http://afpachamps.celeonet.fr/dl/livevalidation/index.html