Liens de veille technologique
Je liste sur cette page les liens qui retiennent mon attention lors de ma veille technologique, elle est donc régulièrement mise à jour. Les liens sont par défaut affichés du plus récemment ajouté au plus ancien. Il est possible de filtrer cette liste à partir des thématiques qui sont associés aux liens via le formulaire ci-dessous.
Vous remarquez un lien qui ne fonctionne plus ou une erreur dans les informations d’un lien ?
Bibliothèque JavaScript ultra légère permettant d’afficher des notifications toast sans dépendances, avec un focus sur la simplicité d’intégration, l’accessibilité, la compatibilité avec les frameworks modernes et une API facilement personnalisable.
Site qui regroupe une multitude de petits outils gratuits, chacun dédié à une tâche précise (CSS, JS, accessibilité, performance, etc.), conçus pour résoudre rapidement des problèmes spécifiques sans complexité ni installation, dans une approche minimaliste et orientée productivité.
Dépôt GitHub qui combine un fichier de configuration (SKILL.md) et une base de connaissances (critères, tests, guides) pour orienter les agents IA lors de la génération de code front-end, afin d’intégrer l’accessibilité dès la phase de production plutôt qu’en correction, en s’appuyant sur des références structurées comme des critères d’acceptation et des cas de test.
Article qui explique que le préchargement d’images doit être utilisé de manière ciblée pour des images critiques (comme celles ajoutées dynamiquement ou hors du champ du scanner de préchargement, par exemple via CSS ou JavaScript), en insistant sur le fait que précharger trop de ressources ou celles déjà détectées par le navigateur peut dégrader les performances en saturant la bande passante.
Fichier qui regroupe une sélection de règles issues du référentiel Opquast (environ 240+ règles), couvrant des aspects clés comme l’accessibilité, la qualité du contenu, la sécurité, la performance et la gestion des données, avec une approche basée sur des critères universels, vérifiables et centrés sur l’expérience utilisateur globale plutôt que uniquement sur les standards WCAG.
Article qui explique l’importance des indicateurs de focus pour les utilisateurs naviguant au clavier (notamment en accessibilité), et détaille les bonnes pratiques de design ainsi que les pièges courants et leurs solutions.
Article qui détaille un critère d’accessibilité WCAG qui impose que toute interaction basée sur un glisser-déposer puisse être réalisée via une action simple (clic, tap ou clavier), puis décrit une approche de test combinant automatisation, IA et tests manuels pour vérifier à la fois la présence d’alternatives et leur réelle utilisabilité pour les personnes ayant des limitations motrices.
Article qui détaille le concept de stacking context (contextes d’empilement) en CSS en expliquant pourquoi des éléments avec un z-index élevé peuvent rester cachés, puis propose des méthodes concrètes pour diagnostiquer (via DevTools) et corriger ces problèmes en restructurant le DOM, ajustant les parents ou utilisant des techniques comme les portals ou « isolation: isolate ».
Article qui explique qu’au lieu d’utiliser « :where() » sur chaque sélecteur pour réduire leur spécificité, on peut encapsuler plusieurs règles dans un « @layer » (souvent anonyme) afin de leur donner automatiquement une priorité plus faible dans la cascade, ce qui facilite leur override sans complexifier les sélecteurs, notamment dans les reset stylesheets ou les systèmes de design.
Site qui propose une collection d’outils gratuits et sans installation pour diagnostiquer différents périphériques (écran, clavier, souris, audio, manette) via des APIs web modernes, avec un fonctionnement entièrement local garantissant la confidentialité des données et un retour en temps réel sur les performances et éventuels problèmes matériels.