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 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.
Article qui présente la mise à jour de la fonction CSS « light-dark() » qui, en plus des couleurs, peut désormais gérer des images (arrières-plans, logos, etc.), permettant de remplacer les media queries « prefers-color-scheme » par une syntaxe plus simple, centralisée et compatible avec les overrides locaux via « color-scheme ».
Article qui explique comment la fonction CSS « contrast-color() » encore expérimentale choisit automatiquement entre noir et blanc pour garantir un contraste optimal avec une couleur donnée, facilitant la gestion de l’accessibilité et des thèmes dynamiques sans avoir à définir manuellement des paires de couleurs.
Article qui explique comment la propriété CSS « corner-shape », utilisée en complément de « border-radius », permet de créer facilement des formes de coins variés sans hacks comme « clip-path » ou SVG, tout en s’intégrant dans une approche de d’amélioration progressive malgré un support navigateur encore limité.