Web front

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!

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…

Avec l'accessibilité numérique vient également une autre conséquence positive, qui profite à l’ensemble des internautes : ils vont naviguer sur un site qui respecte les standards du Web. Or, ce respect des standards du web permet d’améliorer l'expérience utilisateur. 

Les créateurs de service Web étant responsables de l'expérience apportée aux internautes, comment les aider à évaluer le risque de surconsommation de matériels indirectement induit par une déception à l’usage du service web ? Comment objectivement diminuer ce facteur aussi appelé obsolescence perçue ?

A travers 5 enjeux principaux, l’objectif de cet article est de partager les problématiques autour du concept de micro frontends et de donner des perspectives concrètes d’application.

Un retour d'expérience sur l'écoconception du Jobboard, une application web interne d'Octo. On y partage nos apprentissages et des méthodes concrètes.

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.…

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…

Ou le CSS dans la tête des développeurs... Il y a des sujets 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 sont…

  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.