Ayant besoin d’un captcha pour un formulaire mais voyant la tête de tout ce que je pouvais trouver, j’ai commencé à chercher des solutions alternatives. Ces solutions devaient être discrètes, esthétiques et lisibles… Malheureusement mes recherches m’ont amené uniquement à remettre en cause l’utilité des captchas. Du coup, j’ai préféré une solution maison avec JQuery, que je partage ici.
Continuer la lecture de Une alternative au captcha, en quelques lignes
Catégorie : JQuery
Tout et rien à propos de JQuery
Une gallerie de photo avec zoom
Ça peut être compliqué parfois de faire des choix lorsque l’on veut présenter des photos pour illustrer un produit. J’ai ma galerie c’est bien, mais comment l’utilisateur peut voir le détail ? En cliquant dessus pour afficher une lightbox ? Oui mais dans ce cas, comment, comment voir les détails de la photo sans masquer la page ? La réponse est : zoomons.
Continuer la lecture de Une gallerie de photo avec zoom
ImageFill : Le responsive de l'image à la bergère
Aujourd’hui nous allons parler de ImageFill, un plugin jquery qui permet de forcer une image dans un cadre, sans la déformer. On parle de plus en plus de responsive design, et il est vrai que la gestion des images y prends une place toute particulière. C’est donc une place toute aussi particulière que prend ce plugin qui facilite la vie.
Continuer la lecture de ImageFill : Le responsive de l'image à la bergère
Mon premier plugin : randomizeColor pour des couleurs aléatoires au survol
Bon, du coup par curiosité j’ai voulu faire de mon dernier billet un plugin jquery : https://bitbucket.org/patrickroux/randomizecolor.
L’idée est de pouvoir simplifier l’utilisation de la petite astuce pour une intégrations facile à un site web. Celle-ci est d’ailleurs simple, puisqu’il suffit d’appeler le fichier javascript, puis d’appliquer le plugin sur l’élément dont on souhaite colorer le comportement. Les explications sur la démo du lien plus haut, n’hésitez pas à commenter si vous notez des bugs / améliorations !
Continuer la lecture de Mon premier plugin : randomizeColor pour des couleurs aléatoires au survol
Jouer avec JQuery et les couleurs au survol
Aujourd’hui, une petite astuce pour faire un menu sympathique. L’idée est simple mais elle fait son effet : changer de couleur de façon aléatoire au survol. C’est applicable sur n’importe quel élément bien sur !
Continuer la lecture de Jouer avec JQuery et les couleurs au survol
Animer un filtre d'affichage de liste avec JQuery
Pour animer un joli portfolio, rien de tel qu’un petit outil de filtre. On en voit à foison, et je voulais faire pareil. Seulement voilà, mon attention fut retenue par QuickSand, un plugin JQuery qui sur le papier fait quelque chose de très joli, mais punaise qu’est-ce que c’est lourd pour en arriver au même résultat ! Pas de problème, il y a une alternative et sans plugin (ou presque) !
Continuer la lecture de Animer un filtre d'affichage de liste avec JQuery
Cyclotron, le diaporama 360 c'est tron facile!
Si comme moi vous n’affectionnez pas particulièrement le flash, mais que vous aimeriez bien proposer une visite virtuelle ou un diaporama 360, cyclotron vous conviendra parfaitement!
Continuer la lecture de Cyclotron, le diaporama 360 c'est tron facile!
Adapter la taille du texte au menu : un jeu d'enfant
J’ai récemment été confronté à un casse-tête : adapter la taille du texte d’un menu horizontal, en fonction du nombre d’entrées dans celui-ci. Facile, il suffit de gérer ça au calcul de la page… Seulement voilà, un nom de page ça peut faire 5 caractères comme 20. En cherchant sur le net je suis tombé sur beaucoup de plugins jquery (fit-text, text-fill…), mais aucun ne faisait exactement ce que je voulais. Alors j’ai utilisé une petite moulinette javascript, détaillée ci-après…
Continuer la lecture de Adapter la taille du texte au menu : un jeu d'enfant
Plax : maîtrisez les profondeurs avec JQuery
L’effet de parallaxe vous connaissez? Non, rien à voir avec le Green Lantern, il s’agit d’un effet plus ou moins 3D en javascript, permettant de bouger des éléments séparément, notamment en fonction de la position de la souris. C’est ce que vous pouvez voir sur la page d’accueil de kicoe.net, ou alors par exemple sur le site officiel : http://www.cameronmcefee.com/plax-demo. Voici un mode d’emploi simplifié.
Continuer la lecture de Plax : maîtrisez les profondeurs avec JQuery
Galleria – L'album photo JQuery qu'il vous faut
Un album photo sobre, léger, accessible (no flash) et sans s’embêter avec la gestion des miniatures : behold Galleria. Explications…
Continuer la lecture de Galleria – L'album photo JQuery qu'il vous faut