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 ?
Extension pour Chrome qui affiche une visualisation colorée de l’ordre actuel des éléments <head> par rapport à un ordre « optimal », afin d’aider à améliorer le chargement et les performances perçues du navigateur en réorganisant correctement les balises importantes.
Article qui présente une astuce CSS simple pour éviter les décalages de mise en page causés par l’apparition ou la disparition de la barre de défilement.
Outil web qui permet d’analyser en profondeur le CSS d’un site ou d’un fichier (couleurs, requêtes media, spécificité, performance, design tokens, etc…), fournissant des rapports et métriques pour aider les développeurs et designers à optimiser et structurer leurs styles de manière cohérente et maintenable.
Web Component qui permet d’afficher une interface de pagination accessible et modulable (nombre total d’éléments, page courante, taille de page) avec un usage simple en HTML/JS, conçu pour être léger et réutilisable dans différents projets frontaux.
Article qui identifie trois erreurs courantes d’accessibilité liées à l’usage de la couleur sur le web et comment les éviter pour rendre les interfaces plus inclusives.
Dépôt GiHub qui regroupe des collections organisées de ressources pour Tailwind CSS, incluant des extensions d’IDE, des outils, des bibliothèques d’UI, des composants et templates, des plugins, et des liens utiles pour apprendre ou travailler avec Tailwind.
Plugin pour WordPress qui vérifie automatiquement les plugins installées afin d’identifier des incompatibilités (fonctions requérant des versions plus récentes de WordPress, code obsolète, incohérences de version déclarée), facilitant aux développeurs et aux administrateurs de sites la préparation de leurs plugins pour les futures versions de WordPress.
Site qui offre un sélecteur de couleurs basé sur le modèle OKLCH, permettant aux utilisateurs de créer des palettes perceptuellement uniformes, visualiser des gradients, convertir entre formats de couleur (OKLCH, RGB, HSL, hex) et comprendre les concepts de lumière, chroma et teinte pour des usages dans le design web moderne et CSS.
Article qui explique comment fonctionne le champ <input type= »number »> en HTML, comment gérer les attributs comme min, max, step, personnaliser l’apparence (retirer les flèches), ajouter des contrôles JavaScript, gérer la saisie sur mobile et la validation des valeurs, ainsi que les situations où ce type d’input n’est pas adapté
Extension pour Chrome qui aide les développeurs à repérer facilement des erreurs d’accessibilité HTML en affichant des indications visuelles directement sur la page.