Web front

Micro-frontend, voilà 7 ans que le mot a été lâché par ThoughtWorks. 7 ans de recherches qui continuent aujourd’hui.  Les organisations ayant trouvé de la valeur dans les microservices, retrouvent en général les inconvénients des architectures monolithiques dès que du développement d’interface doit être réalisé. Envieux de retrouver de la souplesse dans la construction, le déploiement, l’isolation de logiciel et de l’ownership sur des domaines métiers précis, micro-frontend a officialisé un souhait de développer une nouvelle manière de construire des interfaces web. Les dénominations se…

WebGPU est une nouvelle API Javascript développée le W3C pour accélérer les calculs complexes et les rendus 3D. Cette API a pour vocation de devenir la future norme pour la 3D dans le navigateur. Voyons ensemble comment fonctionne WebGPU et ce qu’il nous apporte…

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…