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 ?
Article qui met en lumière que « z-index » ne fonctionne pas simplement avec des valeurs numériques croissantes, mais dépend fortement des contextes d’empilement, expliquant pourquoi augmenter arbitrairement les valeurs (ex : 9999) ne résout pas toujours les problèmes de superposition.
Plateforme d’entraînement aux entretiens front-end avec des exercices pratiques, interactifs et orientés autour du UI, du DOM et des problématiques front-end.
Article qui montre que le mode sombre peut améliorer le confort visuel pour certains utilisateurs (notamment en cas de sensibilité à la lumière), mais détaille aussi les risques d’accessibilité, comme les problèmes de contraste ou de lisibilité et propose des bonnes pratiques de design.
Convertisseur de fichiers open-source auto-hébergé (installable avec Docker) capable de transformer plus de 1000 formats différents directement depuis une interface web.
Framework qui permet de construire des slides avec HTML, CSS et JavaScript, en offrant des fonctionnalités avancées comme les slides imbriquées, les animations automatiques, le support Markdown, les notes pour le présentateur, l’export PDF et une API JavaScript pour personnaliser le comportement des présentations.
Article qui explique que la plupart des polices utilisent des chiffres à largeur proportionnelle, ce qui peut provoquer des décalages visuels dans des tableaux, compteurs ou dashboards, et que la propriété CSS « font-variant-numeric: tabular-nums » force tous les chiffres à avoir la même largeur pour un alignement plus stable et lisible.
Bibliothèque de composants accessibles (boutons, formulaires, modales, popovers, tables, etc…) utilisant HTML simple et Tailwind, avec très peu de JavaScript, afin d’apporter l’approche et le design de shadcn/ui aux projets non-React comme Laravel, Rails, Django ou des sites statiques.
Article qui compare les deux approches natives du web pour afficher du contenu au-dessus de la page : la Popover API, idéale pour des overlays non modaux comme tooltips ou menus, et l’élément <dialog>, plus adapté aux modales nécessitant gestion du focus, inertie du fond et comportements d’accessibilité intégrés.
Article qui explique que les composants UI comme chips, badges, tags ou pills, sont fréquemment ambigus car ils se ressemblent visuellement tout en ayant des rôles différents (statut, catégorisation, filtre, etc…), ce qui peut rendre leur interactivité et leur intention difficiles à comprendre pour les utilisateurs.
Article qui montre comment utiliser des fonctionnalités CSS modernes pour extraire et animer individuellement les digits d’un nombre afin de reproduire un compteur mécanique type odomètre directement avec HTML et CSS.