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 d’icônes SVG de marques (plusieurs milliers), accessibles via une interface de recherche mais aussi via des outils développeurs (npm, CDN, API, CLI), avec différentes variantes (couleur, mono, clair/sombre, wordmark) pour faciliter leur intégration dans des projets web modernes sans dépendance lourde.
Article qui présente un nouveau bookmarklet qui met en évidence les éléments structurels d’une page (sections, landmarks, éléments personnalisés), permettant de vérifier visuellement les relations et la hiérarchie du DOM.
Article qui montre comment un favicon en SVG peut intégrer une media query « prefers-color-scheme » directement dans son code pour adapter ses couleurs au thème utilisateur (clair/sombre), simplifiant la gestion des icônes tout en restant vectoriel et performant, avec toutefois des limites de compatibilité selon les navigateurs (notamment Safari) et parfois la nécessité de recharger la page pour voir les changements.
Article qui expérimente la combinaison d’animations liées au défilement et de la propriété CSS « corner-shape() » pour produire des animations fluides de coins (arrondis, squircle, etc.) pilotées par le scroll, illustrant le potentiel des nouvelles APIs CSS pour créer des effets visuels complexes sans JavaScript.
Article qui décrit une approche de design system basée sur la séparation entre couleurs primitives (valeurs brutes comme des hex ou palettes) et couleurs sémantiques (rôles comme background, text, primary, error), permettant de créer des interfaces plus maintenables, adaptables (dark mode, rebranding) et cohérentes, en évitant l’utilisation directe de valeurs de couleur dans les composants.
Article qui montre que de nouvelles fonctionnalités CSS et HTML permettent désormais de supprimer des bibliothèques JavaScript entières, réduisant le poids des applications, améliorant les performances et simplifiant la maintenance, tout en soulignant les limites actuelles du CSS sur certains cas complexes comme le glisser-déposer.
Article qui explique pourquoi les messages de commit peu clairs (« fix bug », « update ») nuisent à la maintenance du code et présente une extension VS Code qui guide l’utilisateur pas à pas pour produire des commits structurés (type, scope, description), facilitant la lecture de l’historique, les revues de code et l’automatisation comme les changelogs.
Extension pour VS Code qui facilite la création de messages de commit structurés en guidant l’utilisateur (type, scope, message, etc…), avec des fonctionnalités comme le support de commitlint, les gitmojis, la gestion des scopes, et même l’auto-commit/push intégré pour automatiser le workflow Git directement dans VS Code.
Site qui permet de s’inscrire à des alertes via email ou notification push sur le support de nouvelles fonctionnalités web lorsque celles-ci atteignent un pourcentage de compatibilité choisi.
Article qui montre à travers un exemple de deux cercles reliés par une flèche, comment exploiter des fonctionnalités CSS modernes pour positionner, orienter et adapter dynamiquement des éléments entre eux.