Une alternative au captcha, en quelques lignes

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

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

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

Adapter la taille du texte au menu : un jeu d'enfant

shapegame

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

plax

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