L'article discute de la mise en place d'un système de surveillance efficace qui aide les équipes à mieux dormir la nuit sans avoir besoin de tableaux de bord complexes. L'auteure aborde le problème de la fatigue des alertes, où un trop grand nombre d'alertes, souvent fausses, conduit à ignorer les vraies urgences. Elle propose une règle simple : se concentrer sur trois types d'alertes principaux : les pannes, les ralentissements et les pics d'erreurs. L'article recommande de commencer avec des signaux clés comme la latence et le taux d'erreurs, et de concevoir des tableaux de bord simples et lisibles, avec des indicateurs visuels clairs. Il souligne également l'importance de logs utiles et de vérifications de santé efficaces. Enfin, l'auteure suggère d'utiliser des outils simples et de concevoir les alertes en pensant à l'expérience humaine, en les rendant actionnables et informatives.
L'article explore l'utilisation des animations SMIL (Synchronized Multimedia Integration Language) dans les SVG pour enrichir les conceptions web. Contrairement aux idées reçues, SMIL n'est pas obsolète et offre des moyens simples et sémantiques d'ajouter des animations aux designs. L'auteur, Andy Clarke, démontre comment SMIL peut être utilisé pour créer des animations complexes, synchroniser plusieurs animations et contrôler les transformations et les chemins de mouvement. Il met en lumière les avantages de SMIL, notamment sa capacité à fonctionner sans dépendre de JavaScript ou de frameworks, et son intégration directe dans les fichiers SVG, ce qui le rend idéal pour des effets d'animation compacts et portables.
L'article explore comment certaines propriétés CSS, bien que conçues pour améliorer la mise en page, peuvent nuire à l'accessibilité pour les utilisateurs de technologies d'assistance. Il met en lumière des problèmes subtils liés à l'utilisation de propriétés comme display et list-style, qui peuvent altérer la sémantique des éléments HTML, rendant les tableaux et les listes inaccessibles, notamment sur Safari avec VoiceOver. L'article propose des solutions, telles que l'utilisation de rôles ARIA pour préserver l'accessibilité, et offre une checklist pour garantir que les styles CSS ne compromettent pas l'accessibilité avant le déploiement d'un projet.
L'article présente Erugo, un logiciel auto hébergé pour le partage de fichiers. L'auteur décrit aussi la procédure d'installation (plutôt simple grâce à Docker)
Dans son article, Lea Verou aborde les défis rencontrés lors de la création de composants web accessibles et localisables en 2025, tout en présentant deux composants qu'elle a développés pour afficher les "likes" de Bluesky. Elle partage des conseils pratiques sur l'utilisation des éléments <slot> et des attributs pour la personnalisation, tout en mettant l'accent sur la balance bénéfice / effort de développement.
Il s'agit d'un ensemble d'exemples d'utilisation de Claude : ses capacités (classification, RAG, résumé), l'intégration avec des outils externes pour étendre ses capacités (dont des sites web), le multimodal et autres techniques avancées.
L'article offre des conseils pratiques pour ceux qui souhaitent se lancer dans le bricolage. Il recommande d'acquérir progressivement du matériel de base, en privilégiant la qualité, et suggère des endroits où acheter des outils, comme les grandes surfaces de bricolage et les boutiques pour professionnels. L'auteur met en avant l'importance de regarder des vidéos éducatives pour apprendre des techniques et se familiariser avec le vocabulaire technique. Il liste également des outils essentiels, tels qu'un coffret de douilles, des pinces, un marteau, un tournevis plat, et des consommables comme le WD-40 et des joints de plomberie. Pour l'électroportatif, il conseille de choisir des outils de marques professionnelles et mentionne la perceuse-visseuse Bosch Pro GSR 12V-15 FC comme un outil polyvalent et indispensable. Enfin, l'article rappelle les limites du bricolage, notamment pour les travaux liés au gaz, au feu, et à la structure des bâtiments, et encourage à se former en électricité pour réaliser des travaux en toute sécurité.
L'article décrit la construction d'un homelab virtualisé utilisant un rack de 10 pouces. L'auteur, qui avait l'habitude de réutiliser de vieux ordinateurs pour héberger des services à domicile, a découvert les racks 10 pouces et a opté pour un DeskPi RackMate T0. Il a choisi deux mini-PC GMKtec NucBox G5 avec des processeurs Intel N97 pour virtualiser ses services avec XCP-ng, un hyperviseur basé sur Xen. Pour l'administration, il utilise Xen Orchestra, une application web dédiée. L'auteur recommande Alpine Linux pour les machines virtuelles en raison de sa légèreté et de sa simplicité. Il aborde également la gestion de la mémoire dans XCP-ng et exprime son enthousiasme pour de futures expérimentations avec son nouveau homelab.
L'article sur la préparation et l'utilisation d'une trousse de secours souligne l'importance d'être formé aux premiers secours et d'avoir une trousse de secours adaptée pour faire face aux imprévus et aux accidents du quotidien. L'auteur, insatisfait des trousses disponibles dans le commerce, a décidé de créer la sienne, qu'il décrit en détail. Il insiste sur l'importance de se conformer à la réglementation en vigueur et de s'adapter à ses propres besoins et connaissances en matière de secourisme. La trousse est divisée en trois compartiments : le premier pour le matériel d'urgence vitale, le second pour le matériel d'usage courant, et le troisième pour les petites choses utiles. L'article fournit également des conseils sur la formation aux premiers secours, la maintenance de la trousse, et les éléments à éviter d'inclure.
L'article explique l'importance d'utiliser des adresses e-mail uniques pour chaque correspondant afin de mieux tracer l'origine des messages et de détecter les fuites de données personnelles. L'auteur compare les adresses e-mail aux adresses postales, soulignant que, tout comme un changement de nom de rue ne change pas la boîte aux lettres, plusieurs adresses e-mail peuvent pointer vers une seule boîte de réception. Il explore différentes méthodes pour créer des adresses uniques, comme les sous-adresses (utilisant le caractère '+') et les alias, qui redirigent plusieurs adresses vers une seule boîte. Cependant, ces méthodes ont des limites, comme le refus de certains sites d'accepter les sous-adresses ou la nécessité de configurer les alias à l'avance. Pour surmonter ces limitations, l'auteur présente une solution innovante appelée SAKE (Sub-Address KEy), qui combine les avantages des sous-adresses et des alias en ajoutant un code de vérification aux adresses e-mail, offrant ainsi une meilleure sécurité et traçabilité.
L'article traite de l'authentification multifacteur (MFA), une méthode cruciale pour sécuriser l'accès à nos données numériques. L'auteur explique que l'authentification repose généralement sur trois catégories : ce que l'on sait (comme un mot de passe), ce que l'on possède (comme un téléphone), et ce que l'on est (comme une empreinte digitale). L'authentification multifacteur combine au moins deux de ces catégories pour renforcer la sécurité. L'article met en lumière les risques associés à l'utilisation de codes envoyés par SMS et recommande plutôt l'utilisation de codes générés par des applications utilisant le standard TOTP (Time-based One-Time Password). Il décrit également le fonctionnement des algorithmes HOTP et TOTP et souligne l'importance de choisir des applications de MFA fiables et bien maintenues. Enfin, l'auteur insiste sur la nécessité de sauvegarder et synchroniser les secrets d'authentification pour éviter de les perdre en cas de vol ou de perte du téléphone.
L'auteur relate son passage à un serveur conteneurisé utilisant FreeBSD après avoir testé sans succès plusieurs solutions de virtualisation et de conteneurisation comme Proxmox VE, Docker et LXC. Il a découvert Bastille, un outil de gestion des jails FreeBSD, qui lui a permis de créer des environnements isolés pour ses applications web. L'article décrit la mise en place d'un serveur PostgreSQL, d'un reverse-proxy avec Nginx, et d'une instance Pleroma pour le Fédiverse, le tout sécurisé par un pare-feu PF. Cette solution lui a offert un bon compromis entre performance, simplicité et sécurité pour son usage personnel.
Suite de https://rodolphe.breard.tf/article/introduction-aux-cables-usb/, l'article explore en détail les caractéristiques et les complexités des câbles USB de type C. Contrairement aux câbles de type A, les câbles USB-C sont dotés de 24 broches, permettant une plus grande polyvalence en termes d'alimentation électrique et de transfert de données. L'article aborde le mécanisme USB Power Delivery (USB PD), qui permet une négociation dynamique de la tension et de l'intensité pour des puissances allant jusqu'à 240 W, rendant ces câbles adaptés à une large gamme d'appareils électroniques. Il explique également le rôle de l'eMarker, un composant électronique intégré dans les câbles pour indiquer leurs capacités et garantir la sécurité. L'article discute des différents protocoles supportés par les câbles USB-C, tels que USB 2.0, USB 3.2 et USB 4, et met en garde contre les câbles bas de gamme qui peuvent ne supporter que l'USB 2.0. Enfin, il souligne l'importance du marquage des câbles pour identifier leurs capacités et propose des outils pour tester les câbles USB-C.
L'article explore les défis et solutions liés à l'utilisation de paramètres avec les écouteurs d'événements en JavaScript. L'auteur souligne l'importance de gérer correctement ces écouteurs pour éviter les fuites de mémoire et les problèmes de performance. L'article aborde des erreurs courantes, comme l'appel immédiat de fonctions lors de l'ajout d'écouteurs, et propose des solutions utilisant des fonctions fléchées, des fermetures et l'API AbortController pour une gestion efficace des paramètres et la suppression des écouteurs.
L'article explore les bases et les possibilités des SVGs (Scalable Vector Graphics) sur le web. Contrairement aux autres formats d'image, les SVGs sont basés sur XML et peuvent être intégrés directement dans le HTML, permettant une manipulation dynamique avec CSS et JavaScript. L'article couvre les formes de base comme les lignes, rectangles, cercles, et polygones, et explique comment utiliser le viewBox pour rendre les SVGs scalables. Il aborde également les attributs de présentation comme fill et stroke, et montre comment animer ces propriétés pour créer des effets visuels captivants. En résumé, les SVGs sont un outil puissant et sous-estimé pour créer des illustrations interactives et dynamiques sur le web.
L'article présente un outil appelé "Kubernetes The Easier Way" (k8s-tew), qui simplifie l'installation de Kubernetes en automatisant la configuration des prérequis et des logiciels tiers via une interface en ligne de commande. Inspiré par "Kubernetes The Hard Way" de Kelsey Hightower, k8s-tew prend en charge divers modes de déploiement, y compris local, sur une machine distante unique, ou sur plusieurs machines avec ou sans haute disponibilité. L'auteur décrit le processus d'installation, de configuration et de déploiement de k8s-tew, en soulignant ses avantages, comme l'installation complète d'un cluster Kubernetes avec de nombreux composants préinstallés, ainsi que ses inconvénients, notamment des limitations en termes de flexibilité d'accès SSH et de gestion des adresses IP.
Les "property hooks" sont apparus en PHP 8.4.
L'auteur explique en quoi ça consiste, et il montre tout au long de l'article comment il s'en sert. C'est très intéressant, notamment sur les interfaces !
Je repartage ça, ça peut être utile ^^
Il s'agit d'un captcha open source - une alternative à Anubis ?
L'idée derrière ces 5 projets est d'apprendre la mécanique interne de Docker pour mieux construire ses propres images.