Web

Apprenez à créer votre propre thème personnalisé pour Mozilla Firefox avec ce tutoriel pratique. De la personnalisation basique avec Firefox Color aux réglages avancés via le fichier userChrome.css, suivez étape par étape comment modifier l’apparence et les fonctionnalités de votre navigateur.

Découvrez comment transformer une application monolithique frontend Next.js, en plusieurs micro-frontends indépendants, en intégrant Module Federation de Webpack5 et en optimisant la gestion des dépôts avec les sous-modules Git.

Et si l’on se passait définitivement des mots de passe ? Telle est la promesse de WebAuthn et des passkeys. Cet article explore leur mise en œuvre via les serveurs d'authentification Auth0 et Keycloak, en examinant leur simplicité et leur efficacité.

Ne foncez pas sur un audit RGAA ! Il existe d’autres façons de vérifier, plus opérationnelles et plus simples. Une stratégie de tests efficace allie tests techniques et manuels, de façon complémentaire et progressive.

En tant que dev, j’aime réduire au maximum la boucle de feedback. Que ce soit grâce à un linter plutôt que d’attendre une erreur de compilation, ou à un cas de test plutôt que de constater un bug en prod : on gagne du temps et c’est moins frustrant pour tout le monde.Et si on faisait pareil avec l’accessibilité de nos fronts?

Les web components sont les éléments d’interface utilisateur personnalisés et réutilisables natifs aux navigateurs et standards sur le web. Quels sont les outils de tests pour prendre en compte l'accessibilité et éviter les régressions sur les applications qui les consomment ?

Concernant l’architecture, l’enjeu phare de cette année 2024 sera de bâtir des architectures composables, où les composants peuvent être assemblés et réassemblés - comme un système LEGO®. La « MACH architecture » qui porte cette ambition de composabilité, a le mérite de poser une vision d’architecture et d’être la plus « future-proof » possible.

L'adoption de TypeScript signifie plus qu'une simple transition de JavaScript vers un nouveau langage. Elle représente un changement fondamental dans l'approche de la programmation web
Problème d'accessibilité, de perf ou de debug, comment votre navigateur peut vous aider ? Chrome Dev Tools : de novice à expert
Software Engineering
Après plusieurs années d’améliorations continues de ces outils et mon expérience de développement web, cet article à pour but de vous partager quelques fonctionnalités méconnues des chrome dev tools.

WebGPU est une API Javascript développée par le groupe de travail GPU for the Web du W3C. Cette API JavaScript est optimisée pour les calculs complexes et les rendus 3D qui a pour vocation de devenir la future norme pour la 3D sur navigateur.WebGPU est disponible depuis le 06 avril dans Chrome 113 sur ChromeOS, macOS et Windows, et prochainement su...