Articles

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…

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?

Il est des situations où, dans tout langage, on est amené à bidouiller. Le html et ses CSS ne faisant pas exception à la règle (voire en sont souvent de gros consommateurs).

Sujet du jour: les clear-fix, ou comment rattraper un fond perdu…

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.

Car j’ai parfois un doute, car ça peut servir à d’autres. Un petit mémo…

Aujourd’hui, comment créer une page Facebook…

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…

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?

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.

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!

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…