Articles

jQuery : un menu qui suit l’utilisateur…

C’est, en terme d’expérience utilisateur, un petit plus intéressant, surtout si vous avez des pages assez longues.

Vous mettez en place un menu, généralement en haut de page, et l’utilisateur scrolle vers la suite. Fatalement, le menu disparaît rapidement, le forçant à remonter pour naviguer vers d’autres pages.

Pourquoi ne pas faire en sorte que le menu le suive, en restant visible? Pourquoi ne pas faire apparaître le bouton « remonter » sur le même principe?

Solution…

Lire la suite

3 janvier 2013 Développeur Front (javascript, jquery...) ]

Accordéon complexe en jQuery

Mettre en place un accordéon en jQuery est assez simple si la structure est contrôlée. La plupart du temps, un déclencheur sur lequel on clique, et qui ouvre la div suivante, laquelle contient ce qu’il faut cacher/montrer.

Mais que faire si l’on ne maitrise pas la dite structure, et que l’on veut jouer sur tout ce qui suit le déclencheur, jusqu’au suivant, sans que tout ceci soit enrobé d’une div?

Lire la suite

11 novembre 2012 Développeur Front (javascript, jquery...) ]

Formulaire, spam et recaptcha…

Dès que nous avons un formulaire sur un site (commentaires, demande d’info, abonnement à une newsletter…) il est inévitable que tôt ou tard les spammeurs s’y attaqueront. Et vous recevrez des messages dans des langues étranges, tantôt anglais, tantôt traductions pleines de fautes et de caractères inconnus, avec des liens vers des sites non recommandables.

Si vous modérez à postériori (conseil du jour), c’est un moindre mal. Mais devoir supprimer une vingtaine de messages par jour est tout de même pénible (parfois plus).

Une des solutions: mettre en place un captcha.

Petit tuto pour l’usage de ReCaptcha, service phare de Google.

Lire la suite

22 octobre 2012 Développeur Back (php, sql, node...) ]

Petit mémo sur le format SVG

Dans les formats disponibles pour des images ou schémas, nous pouvons utiliser les classiques GIF, JPG et PNG. Chacun ayant avantages, inconvénients, et usages adaptés. Ils ont tous l’inconvénient d’être bitmaps, c’est à dire en mode point, et relativement difficiles à travailler au sein d’une page.

Le SVG (Scalable Vector Graphics (donc graphique vectoriel adaptable) étant vectoriel, il a l’avantage d’être adaptable, redimensionable avec de bonnes qualités, souvent léger, manipulable avec des feuilles de styles et du javascript…

Lire la suite

30 août 2012 Développeur Front (javascript, jquery...) ]

Partage sur Facebook: optimisez vos pages…

Il arrive souvent (ou du moins on aimerait que cela soit le cas) que des utilisateurs partagent une page de vos sites en copiant l’adresse dans Facebook. FB va alors ajouter un aperçu automatique (que l’utilisateur peut retirer).

Dans cet aperçu, nous trouverons le titre, le résumé et une vignette, censés inciter les amis à aller voir.

La question: comment personnaliser ces informations?

Lire la suite

16 juillet 2012 Réseaux sociaux ]

Faire une capture écran

On a souvent besoin, nous autres testeurs de solutions Internet (app, sites web, etc…), de faire des captures écrans de ce que l’on voit, particulièrement sur un navigateur.

C’est parfois possible facilement, encore faut-il savoir (et se souvenir) de comment faire…

Petit mémo.

Lire la suite

10 juillet 2012 Divers ]

Diffuser un plugin sur WordPress.org (2/3)

Suite de mes aventures au pays des Extensions WordPress… Pour mémoire, dans l’épisode précédent je soumettais ma demande d’accès à l’équipe WordPress, ce qui fut très rapide.

Mais pour autant, le travail n’est pas encore terminé en ce qui me concerne.

Car c’est là que commence l’inconnu: mettre à disposition des internautes!

Lire la suite

27 juin 2012 WordPress ]

Diffuser un plugin sur WordPress.org (1/3)

Je viens de créer un plugin WordPress pour fusionner toutes les CSS afin de n’en faire qu’une seule, et optimiser celle ci en taille… Ce n’est pas mon premier, mais celui ci étant très important (?) j’ai décidé de le publier sur WordPress.org pour le diffuser. Et tester en live comment procéder à la chose (cela peut toujours servir).

Le but de cet article est de raconter comment se passe cette publication, pour ceux qui vont se lancer bientôt (et pour ma propre mémoire parfois défaillante, si, si).

Donc: récit, explications, tutoriel…

Lire la suite

26 juin 2012 WordPress ]