Web front

Web front

Why you should use useLayoutEffect when tinkering with focus

In this article, we will try to understand what useLayoutEffect is. I will attempt to demonstrate that you probably should: - Use regular effects with useEffect whenever possible to streamline the user experience. - Use regular effects to run asynchronous tasks as they will not be awaited anyway. - Use layout effects with useLayoutEffect whenever you need to run effects before the visual is painted to modify it. - Use layout effects when you need to handle the focus programatically, to avoid screen flickering. So let’s get into it!

Lire la suite
Web front

Animations : l’arme ultime d’une expérience utilisateur optimale

Là où tout a commencé Un jour, sur ma mission, le client m'a demandé d’ajouter une bannière animée sur la page d’accueil de son site. La bannière m’avait été fournie au format JSON car créée sur After Effects avec le plugin Bodymovin. Après quelques recherches, j’ai trouvé la librairie Lottie Web. Elle semblait répondre à toutes mes demandes concernant l’animation de fichiers JSON. Une fois la librairie installée et quelques lignes de code plus tard : boum ! Une jolie bannière qui s’anime ! Mais…

Lire la suite
Web front

Les racines de l’accessibilité web

Logo accessibilité web

Appréhender l’accessibilité du Web peut paraître compliqué : standards, référentiels, multiples sigles et règles peuvent vite submerger. Si bien qu’il est difficile de savoir, de prime abord, à quoi se fier ou par où commencer. Comment en est-on arrivé là ? Si le paysage actuel de l’accessibilité web est aujourd’hui aussi riche, c’est parce qu’une bonne vingtaine d'années ont eu le temps de le façonner. Bien que méconnu, c’est un sujet ancien, moins complexe que techniquement mature, avec sa norme ISO et ses ressources opérationnelles.…

Lire la suite
Web front

C’est quoi une Progressive Web App (PWA) ?

Ce mois-ci, OCTO a sorti une Refcard sur les PWA. Pour fêter la sortie de cette carte de référence, nous prévoyons plusieurs articles explicatifs sur le blog. Comme premier article de la série, en voici un introductif aux Progressive Web Apps pour bien appréhender le sujet et compléter les informations de notre publication. Cet article se veut technique mais le plus accessible possible. Vous découvrirez la genèse des PWA pour comprendre comment le web a pu épouser ce concept aujourd’hui. Nous aborderons aussi les principes…

Lire la suite
Web front

Why is CSS …?

Ou le CSS dans la tête des développeurs... Il y a des sujets techniques qui n’ont pas encore été traités sur ce blog. C’est le cas du CSS et c’est justement l’objet de cet article comme l’insinue finement le titre. N'y a-t-il vraiment rien à en dire ? Qu’en pensent les développeurs, que recherchent-ils ? Activons notre boule de cristal 🔮 So hard, important, not working, not being applied… le css semble laborieux, et même douloureux selon la première suggestion. Sur d’autres langages, les résultats…

Lire la suite
Web front

Sous le capot de la mesure Ecoindex !

  Quels sont les impacts sur l'environnement d’un service numérique ? Nous allons voir quelques notions pour appréhender ces enjeux et découvrir un outil utilisé en éco-conception pour quantifier l'empreinte environnementale de la consultation d'une page Web, c'est-à-dire l'Ecoindex. On creusera donc quelques principes fondamentaux au cœur des calculs de l’index. Au travers d’exemples de mesure de vrais sites et des conseils d'utilisation, nous verrons des limites et avantages de cet outil.

Lire la suite