Ce guide pratique explique comment créer des microservices hexagonaux performants en PHP avec Symfony et gRPC. Il détaille les avantages de gRPC, comme la communication efficace entre microservices grâce à un format binaire compact et le support de HTTP/2 pour le multiplexage et le streaming bidirectionnel. Le tutoriel couvre l'installation de Symfony avec Docker et Roadrunner, la configuration de Docker Compose, et l'implémentation d'un serveur gRPC avec RoadRunner. Il inclut également des étapes pour créer un projet Symfony, installer les dépendances nécessaires, et configurer un conteneur Docker avec PHP et Roadrunner. Enfin, il montre comment exécuter la première application Symfony via Roadrunner et commencer à implémenter un serveur gRPC.
Dans cet article de HTMHell, Darice de Cuba explique l'importance de nommer les classes CSS de manière générique et indépendante du design. Elle souligne que les noms de classes doivent refléter le contenu et non la présentation, afin de faciliter les modifications futures du CSS sans toucher au HTML. Elle donne des exemples de bonnes et mauvaises pratiques, et conclut en insistant sur l'importance de maintenir un code lisible et facile à modifier.
Cet article explore le potentiel du streaming HTML pour améliorer les performances des sites web modernes. Sébastien Mischler, développeur chez Infomaniak, revisite cette technique inspirée d'un article de Chris Coyier, en s'appuyant sur un projet expérimental appelé HTMS. L'article souligne que les problèmes de performance actuels proviennent souvent du rendu retardé par l'hydration côté client et les pipelines JavaScript lourds, plutôt que de la vitesse du réseau. Le streaming HTML permet de rendre le contenu progressivement dès son arrivée, améliorant ainsi les métriques clés comme le First Contentful Paint et l'expérience utilisateur. Bien que les solutions comme le SSR (Server-Side Rendering) et le SSG (Static Site Generation) existent, elles présentent des limites, notamment avec les données dynamiques. Le streaming HTML offre une alternative prometteuse pour concilier SEO, accessibilité et performances.
DarkChyper partage son expérience après un an d'utilisation d'un casque à conduction osseuse Shokz, offert à Noël 2024. Motivé par la préservation de son audition et le confort, il a surmonté ses craintes initiales concernant la qualité sonore. Bien que la technologie soit moins répandue, il souhaite apporter un avis personnel et répondre aux questions qu'il se posait avant l'achat, comme la gêne à long terme ou la fatigue liée aux vibrations. La conduction osseuse, initialement utilisée dans le domaine médical, permet d'entendre sans passer par le conduit auditif, offrant ainsi une écoute tout en restant attentif à l'environnement.
L'article explore la notion de sémantique en HTML. Il explique que chaque élément HTML a une signification définie dans le HTML Living Standard, et que cette sémantique est cruciale pour les utilisateurs, notamment pour l'accessibilité. L'auteur distingue trois types de sémantique : celle pour les utilisateurs, pour les développeurs et pour les machines. Il illustre ses propos avec des exemples concrets, montrant comment choisir les bons éléments HTML améliore la compréhension du contenu et l'accessibilité. L'article souligne l'importance de la sémantique pour rendre le Web plus inclusif et fonctionnel.
Cet article explore les nuances et les problèmes liés au Time-To-First-Byte (TTFB), une métrique de performance web souvent mal comprise. Marx souligne que le TTFB a plusieurs définitions et est composé de plusieurs sous-parties, ce qui rend difficile la comparaison des mesures et le débogage des problèmes. Il aborde également les facteurs qui peuvent influencer les valeurs de TTFB, y compris les technologies comme HTTP/2 et HTTP/3, et propose des recommandations pour une utilisation plus judicieuse de cette métrique. Le billet est le premier d'une série qui approfondira l'impact de diverses technologies sur le TTFB.
L'article propose 10 conseils pour maximiser ses chances d'être sélectionné·e lors d'un Call for Papers (CFP) pour des conférences. Il explique l'importance d'un titre clair et accrocheur, de la pertinence du sujet, et recommande de commencer par des formats courts comme les lightning talks. D'autres conseils incluent la préparation d'un résumé détaillé, l'adaptation du contenu au public, et la mise en avant de son expérience personnelle. L'article complète un épisode de podcast avec des conseils d'organisateur·rice·s.
Cet article discute de l'utilisation de l'élément HTML <abbr> pour les abréviations et des problèmes d'accessibilité qu'il peut poser. Bien que <abbr> semble être la solution parfaite avec son attribut title, celui-ci se comporte de manière incohérente selon les navigateurs et les technologies d'assistance, rendant certaines informations inaccessibles à certains utilisateurs. L'article propose une solution simple et conforme aux WCAG : écrire l'abréviation suivie de sa signification entre parenthèses lors de sa première occurrence, puis utiliser uniquement l'abréviation par la suite. Cette méthode garantit une meilleure accessibilité sans nécessiter de modifications HTML complexes.
<abbr>
title
L'Atlas des flux est un annuaire RSS qui référence plus de 19 000 flux dans 394 rubriques, permettant de regrouper et de lire des contenus variés (podcasts, blogs, YouTube, etc.) via des lecteurs personnalisés comme ProtoPage. Le site propose également des fonctionnalités d'export, des articles sur la syndication et la possibilité de soumettre de nouveaux flux. Il couvre divers domaines tels que la technologie, l'économie, la culture et les territoires.
Maxence Maireaux partage une méthode efficace pour déboguer intelligemment en suivant une approche de l'extérieur vers l'intérieur. Plutôt que de se jeter directement dans le code, il recommande d'analyser d'abord les symptômes observés, les traces distribuées, les logs filtrés et les métriques avant d'examiner le code. Cette méthode permet de réduire progressivement le périmètre de l'investigation et d'identifier rapidement la source du problème. L'auteur insiste sur l'importance de bien définir le problème avant de commencer à déboguer et de mettre en place un tracing distribué pour faciliter le processus.
L'Arcep (Autorité de régulation des communications électroniques) a adopté de nouvelles règles pour lutter contre le spoofing téléphonique, une technique de fraude consistant à usurper un numéro de téléphone. Dès le 1er janvier 2026, les appels émis depuis l'étranger avec un numéro mobile français non authentifié seront affichés comme "numéro masqué". Cette mesure vise à réduire les escroqueries et les usurpations d'identité, mais présente certaines limites. Le blog explique également comment se protéger et les actions concrètes pour les entreprises.
Découvrez comment une "anti-to-do list" peut révolutionner votre productivité en vous concentrant sur ce que vous ne ferez pas plutôt que sur ce que vous devez accomplir. Cet article explore 7 façons dont cette approche peut transformer votre relation avec la productivité, en protégeant votre énergie, en fixant des limites claires et en créant de l'espace pour l'essentiel. Une méthode radicale pour lutter contre le surmenage et se recentrer sur ce qui compte vraiment.
Cet article explore les éléments HTML oubliés et obsolètes, en rappelant que la technologie a 32 ans et a connu des évolutions. L'auteur, Declan Chidlow, évoque des balises comme , , les framesets, et <listing>, en soulignant leur obsolescence et les problèmes qu'elles posaient, notamment en termes d'accessibilité. Il recommande de ne pas les utiliser et rappelle que certaines, bien que dépréciées, sont encore supportées pour des raisons de compatibilité. Un voyage dans le temps pour les développeurs expérimentés et une découverte pour les plus jeunes.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> html </span> <span class="label label-tag"> web-standards </span> <span class="label label-tag"> obsolescence </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/svoTUA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/">Insights from 100 site speed reviews in 2025 - Web Performance Calendar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Conor McCarthy, ingénieur en support client chez DebugBear, partage cinq enseignements clés tirés de 100 revues de vitesse de site réalisées en 2025. Il souligne la valeur de Lighthouse, souvent utilisé comme référence, mais recommande de privilégier les données CrUX et de surveillance des utilisateurs réels pour les grandes équipes. Il note également que les seuils de Total Blocking Time (TBT) sont élevés, avec la plupart des pages dépassant 1 seconde, mais que cela n'impacte pas nécessairement l'expérience utilisateur réelle, comme le montre les données CrUX.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Lighthouse </span> <span class="label label-tag"> performance </span> <span class="label label-tag"> tips </span> <span class="label label-tag"> time-blocking </span> <span class="label label-tag"> CrUX </span> <span class="label label-tag"> ux </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/6psWWw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to">5 engineering dogmas it's time to retire - by Anton Zaides</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Anton Zaides remet en question cinq dogmes courants en ingénierie logicielle dans un article intitulé "5 engineering dogmas it's time to retire". Il aborde des pratiques comme "ne pas réinventer la roue" en utilisant des packages existants, l'obligation de revue de code pour chaque changement, les sprints de 2-4 semaines, l'utilisation systématique de feature flags et la croyance que le code nécessitant des commentaires est trop complexe. Zaides explore les avantages et inconvénients de ces pratiques, en soulignant les risques de dépendances externes, les lenteurs des revues de code obligatoires et les alternatives comme le pair programming. Il encourage une réflexion critique sur ces normes établies.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> code-review </span> <span class="label label-tag"> dependencies </span> <span class="label label-tag"> agile </span> <span class="label label-tag"> Feature-Flag </span> <span class="label label-tag"> comments </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> <div class="pure-u-lg-1-3 pure-u-1"> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/ADq__w" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://dev.to/yceruto/generic-dbal-types-for-similar-value-objects-cjc">Generic DBAL Types for Similar Value Objects - DEV Community</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article explique comment résoudre un problème courant avec les Value Objects en tant qu'identifiants d'entités dans Symfony et Doctrine. L'auteur propose une solution pour éviter la répétition de classes de types DBAL personnalisés en implémentant un type générique DBAL qui supporte ces objets de valeur ID. Le post détaille les étapes pour créer une entité identifiée par un Value Object, résoudre les erreurs de mapping, et enregistrer un type DBAL personnalisé pour gérer ces identifiants de manière efficace.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> doctrine </span> <span class="label label-tag"> Symfony </span> <span class="label label-tag"> value-object </span> <span class="label label-tag"> type-personnalisé </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/Ei9XKg" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://www.htmhell.dev/adventcalendar/2025/28/">HTML Input Validation is (maybe) Good - HTMHell</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'auteur explique dans cet article comment utiliser la validation des entrées HTML côté client comme une amélioration progressive pour l'expérience utilisateur, en complément de la validation côté serveur. Il montre comment utiliser les attributs natifs HTML comme <code>pattern</code>, <code>minlength</code>, <code>maxlength</code>, et <code>title</code> pour valider et styliser les entrées, tout en soulignant les limites d'accessibilité de ces méthodes. L'article propose ensuite d'améliorer l'accessibilité en utilisant l'API de validation des contraintes JavaScript pour personnaliser l'affichage des erreurs. Un exemple interactif est disponible sur CodePen.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> JavaScript </span> <span class="label label-tag"> progressive-enhancement </span> <span class="label label-tag"> form </span> <span class="label label-tag"> validation </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/-4Id4w" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://calendar.perfplanet.com/2025/chrome-devtools-for-debugging-web-performance/">Chrome DevTools for Debugging Web Performance - Web Performance Calendar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Ce guide pratique de Joan León, expert en performance web, explique comment utiliser Chrome DevTools pour détecter et résoudre les problèmes de performance sur un site web. L'auteur, consultant et co-fondateur de PerfReviews, partage sa méthodologie étape par étape, en se concentrant sur les fonctionnalités clés de DevTools pour l'analyse des performances. Il illustre son propos avec une analyse du site Zara, choisi parmi les sites à fort trafic organique lors du Black Friday 2025. Le guide met en lumière des outils comme le tri des ressources par taille dans l'onglet Réseau, l'identification des fichiers lourds et des images, et l'évaluation des stratégies de cache. L'objectif est de fournir des pistes pour améliorer l'expérience utilisateur en optimisant les performances.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> devtools </span> <span class="label label-tag"> chrome </span> <span class="label label-tag"> optimisation </span> <span class="label label-tag"> performance </span> <span class="label label-tag"> analyse </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/H19lyA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://darkblog.lhoir.me/2025-03-25-algorithmie-plages-horaires.html">Algorithmie : le chevauchement de plages horaires</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article explique comment vérifier simplement si deux plages horaires se chevauchent, un problème courant dans la gestion du temps. En illustrant les six possibilités de chevauchement avec un schéma, l'auteur montre que deux plages se chevauchent si la fin de la première est supérieure au début de la seconde et inversement. Un exemple de code PHP est fourni pour implémenter cette logique.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> chevauchement </span> <span class="label label-tag"> php </span> <span class="label label-tag"> date </span> <span class="label label-tag"> tips </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/F-jdtA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://mcorbin.fr/posts/2025-12-26-python-langage/">(mcorbin.fr): 4 mois de Python de manière intensive: mon retour sur le langage</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'auteur partage son expérience après quatre mois d'utilisation intensive de Python dans un nouveau rôle professionnel. Il apprécie la flexibilité et la syntaxe claire du langage, notamment avec l'outil de typage mypy, qu'il trouve supérieur à celui de Go. Il souligne également l'amélioration de la gestion des paquets avec uv, qui a résolu des problèmes antérieurs. Après avoir utilisé divers langages au cours de sa carrière, il trouve Python plaisant et maintenable, surtout avec l'aide d'outils comme Claude Code. Il utilise VSCode comme IDE, ayant abandonné Emacs pour des raisons de configuration complexe.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> python </span> <span class="label label-tag"> expérience </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/09oxZQ" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://htmhell.dev/adventcalendar/2025/23/">For the Love of <details> - HTMHell</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article explore l'élément HTML <code><details></code> et son partenaire <code><summary></code>, souvent sous-estimé mais puissant. Cet élément sémantique permet de créer des widgets de divulgation (disclosure) sans nécessiter de CSS ou de JavaScript, offrant ainsi des avantages en termes de SEO, d'accessibilité, de performance et d'interactivité. L'auteur explique comment styliser et animer cet élément, ainsi que les possibilités d'interaction via JavaScript. De plus, il souligne des fonctionnalités natives comme le lien profond (deep linking) qui ouvre automatiquement les détails lorsque l'utilisateur navigue vers une ancre. Une ressource précieuse pour mieux comprendre et utiliser cet élément HTML.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> details </span> <span class="label label-tag"> summary </span> <span class="label label-tag"> guide </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/4YkQ5g" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://blog.flozz.fr/2025/12/14/cest-quoi-un-vpn-et-en-avez-vous-vraiment-besoin/">C'est quoi un VPN, et en avez-vous vraiment besoin ? • FLOZzʼ Blog</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article explique de manière vulgarisée ce qu'est un VPN (Virtual Private Network) et si son utilisation est vraiment nécessaire. Il commence par définir le VPN comme une technologie permettant de relier deux ordinateurs distants comme s'ils étaient sur le même réseau, souvent avec chiffrement pour des raisons de sécurité. L'auteur détaille ensuite les cas d'utilisation traditionnels des VPN, tels que la connexion de machines ou de réseaux distants. Il aborde également les arguments marketing des fournisseurs de VPN grand public, comme la sécurité, la protection de la vie privée et la délocalisation de l'adresse IP, tout en les analysant de manière critique. Enfin, il évalue différents scénarios pour déterminer si un VPN est vraiment utile, comme l'utilisation d'un WiFi public, la protection contre les pirates ou l'accès à des contenus géo-restreints. Un article complet et informatif pour comprendre les VPN et leurs véritables utilités.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> chiffrement </span> <span class="label label-tag"> vpn </span> <span class="label label-tag"> guide </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/ILiWZg" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://lehollandaisvolant.net/?d=2025/12/25/08/35/34-les-trucs-qui-me-font-detester-votre-site-web-en-2025">Les trucs qui me font détester votre site web en 2025 - Le Hollandais Volant</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Le Hollandais Volant dresse une liste actualisée des pratiques web qui irritent en 2025, soulignant que beaucoup de problèmes persistent malgré les années. Il critique les sites trop lourds, le retour forcé de la publicité, les sites souvent inopérants comme ceux de la SNCF ou de La Poste, et les interfaces confuses où l'on tourne en rond. Il dénonce aussi les sites qui cachent des informations essentielles ou redirigent vers des réseaux sociaux, comme ceux de l'URSSAF ou de Dell. Un constat amer sur l'évolution du web.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> critique </span> <span class="label label-tag"> bonnes-pratiques </span> <span class="label label-tag"> accessibilité </span> <span class="label label-tag"> web </span> <span class="label label-tag"> navigation </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/0Yhi4w" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://une-tasse-de.cafe/blog/kairos/">Kairos, l'OS immutable pour déployer Kubernetes</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Kairos est un système d'exploitation immutable open-source conçu pour déployer des clusters Kubernetes de manière simple et efficace. Contrairement à Talos, qui est minimaliste et sans SSH ni Systemd, Kairos adopte une approche plus classique en permettant de bâtir un système immuable à partir de distributions existantes comme openSUSE, Ubuntu, Debian ou Rocky Linux. Kairos offre des mises à jour atomiques A/B via des images signées, un OS en lecture seule pour éviter les dérives de configuration, et des workflows d'automatisation basés sur Cloud-Init (via Yip) et les pipelines OCI. Cela en fait une option intéressante pour les équipes souhaitant bénéficier de l'immutabilité sans renoncer à l'usage d'une distribution Linux déjà maîtrisée.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Kairos </span> <span class="label label-tag"> immutable </span> <span class="label label-tag"> Kubernetes </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/zAQL2Q" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://blog.zwindler.fr/2025/12/23/alpine-linux-raspberry-pi-headless/">Installation d'un Alpine Linux en mode 'headless' sur Raspberry Pi</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article explique pourquoi choisir Alpine Linux, comment télécharger et configurer l'image spécifique pour Raspberry Pi, et comment préparer le système pour un accès headless via SSH en WiFi. Il aborde également des optimisations techniques comme la gestion de la RAM GPU et la configuration du swap avec zswap.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Alpine-Linux </span> <span class="label label-tag"> raspberry-pi </span> <span class="label label-tag"> installation </span> <span class="label label-tag"> configuration </span> <span class="label label-tag"> tutoriel </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/zqu2ww" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://calendar.perfplanet.com/2025/fixing-the-url-params-performance-penalty/">Fixing the URL params performance penalty - Web Performance Calendar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Barry Pollard, expert en performance web chez Google, explique dans cet article les impacts négatifs des paramètres d'URL (URL params) sur les performances des sites web. Ces paramètres, souvent utilisés pour le suivi analytique, peuvent empêcher le cache des pages, même lorsque le contenu est identique, ce qui entraîne des chargements inutiles et une surcharge des serveurs. L'auteur illustre ce problème à travers trois scénarios concrets et souligne l'importance de la mise en cache pour optimiser la performance web.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> cache </span> <span class="label label-tag"> paramètres </span> <span class="label label-tag"> url </span> <span class="label label-tag"> performance </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/K14WwQ" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://domopi.eu/mettre-en-place-la-redondance-pour-mosquitto/">Mettre en place la redondance pour Mosquitto</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Dans ce tutoriel DomoPi, l’auteur montre comment mettre en place une redondance simple pour un broker MQTT Mosquitto : en utilisant Keepalived pour une IP virtuelle partagée entre deux serveurs (un Mosquitto en Docker comme principal et un Mosquitto natif sur Raspberry Pi comme secondaire). Si le serveur principal tombe, l’IP virtuelle bascule automatiquement vers le secondaire, permettant aux clients MQTT de continuer à fonctionner sans interruption (bien que l’état ne soit pas synchronisé car Mosquitto n’a pas de clustering natif). </p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Mousquito </span> <span class="label label-tag"> docker </span> <span class="label label-tag"> raspberry-pi </span> <span class="label label-tag"> MQTT </span> <span class="label label-tag"> redondance </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/ZSQPhA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://eventuallycoding.com/2025/12/moderation-discoverability">La modération des plateformes est-elle vouée à l'échec ?</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'auteur explore dans cet article les défis liés à la modération des plateformes de contenu, en particulier les blogs, face à la concurrence des réseaux sociaux visuels comme YouTube, TikTok et Instagram. Il souligne que malgré la popularité croissante des vidéos, les blogs restent pertinents et largement lus, avec des avantages comme la facilité de mise à jour et la rapidité de création. Cependant, il met en lumière le problème de la découvrabilité, où les algorithmes de suggestion de contenu jouent un rôle crucial mais posent des questions complexes de modération et de responsabilité des plateformes. L'article aborde également les alternatives et les solutions potentielles pour améliorer la découvrabilité des blogs tout en gérant efficacement la modération.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> contenu </span> <span class="label label-tag"> algorithme </span> <span class="label label-tag"> modération </span> <span class="label label-tag"> blog </span> <span class="label label-tag"> découvrabilité </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/2ls5JA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/">The Most Underrated Productivity Technique - Scott H Young</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Scott H Young explore la technique de productivité la plus sous-estimée, en se basant sur l'auto-évaluation et les priorités plutôt que sur les tâches. Il souligne que la plupart des conseils de productivité se concentrent sur la gestion des tâches, alors que les gens ont plus de difficultés avec les priorités. En se référant au livre "First Things First" de Stephen Covey, il explique que la productivité ne devrait pas être une obsession pour accomplir le plus de tâches possible, mais plutôt une quête pour se sentir satisfait de l'utilisation de son temps. La métaphore du compas et de l'horloge illustre cette idée : il est plus important de savoir si l'on va dans la bonne direction que de mesurer chaque minute de son temps.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> gestion-du-temps </span> <span class="label label-tag"> productivité </span> <span class="label label-tag"> développement-personnel </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> <div class="pure-u-lg-1-3 pure-u-1"> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/WR1bfA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://faizanakram.me/blog/domain-events-to-webhooks.html">Send Webhooks with Symfony: Domain Events to Webhooks | Faizan Akram Dar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article explique comment transformer des événements de domaine en webhooks HTTP pour une intégration avec des systèmes externes dans un ERP, en utilisant Symfony. L'auteur décrit l'utilisation d'une interface <code>DomainEvent</code> pour définir des événements, avec un attribut <code>#[TriggerWebhook]</code> pour marquer ceux qui doivent déclencher des webhooks. Les événements sont ensuite traités par un gestionnaire de messages qui envoie les webhooks correspondants, en utilisant les fonctionnalités de Symfony comme les tags de ressources et le composant Webhook. L'article simplifie le processus pour en faciliter la compréhension.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Symfony </span> <span class="label label-tag"> Symfony-Webhook </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/NHQW5Q" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://www.htmhell.dev/adventcalendar/2025/27/">Replacing JS with just HTML - HTMHell</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article explore comment remplacer certaines fonctionnalités JavaScript par des solutions natives HTML et CSS. Il met en avant des exemples concrets comme les accordéons avec les éléments <code><details></code> et <code><summary></code>, les champs de saisie avec suggestions filtrées via <code><datalist></code>, et d'autres composants web. L'objectif est de réduire la dépendance au JavaScript pour des tâches simples, améliorant ainsi les performances et l'expérience utilisateur. L'article inclut des exemples de code et des ressources pour approfondir.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> JavaScript </span> <span class="label label-tag"> datalist </span> <span class="label label-tag"> details </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/c-3nUA" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://cryptolab.re/posts/2025/pangolin/">Pangolin : installation, accès Zero Trust et maintenance · Cryptolab</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Pangolin est une solution open-source pour un accès distant sécurisé, combinant reverse proxy et VPN basé sur WireGuard. Cet article détaille son installation, sa configuration et sa maintenance, incluant la création de ressources publiques et privées, ainsi que la mise à jour. Pangolin permet de sécuriser l'accès à des applications web et des services internes sans exposer l'ensemble du réseau, offrant une alternative maîtrisée aux solutions tierces comme Cloudflare Tunnel.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> Pangolin </span> <span class="label label-tag"> reverse-proxy </span> <span class="label label-tag"> vpn </span> <span class="label label-tag"> Wireguard </span> <span class="label label-tag"> installation </span> <span class="label label-tag"> tutoriel </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/UdOhpg" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://tim.blog/2025/12/26/past-year-review/">Forget New Year's Resolutions and Conduct a 'Past Year Review' Instead (#559) - The Blog of Author Tim Ferriss</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Tim Ferriss propose une alternative aux résolutions du Nouvel An : la "révision de l'année passée" (PYR). Cette méthode consiste à analyser son calendrier annuel pour identifier les personnes, activités et engagements ayant provoqué des émotions positives ou négatives. Ensuite, il s'agit de planifier davantage des activités positives et d'éviter celles négatives. Une méthode simple et efficace pour mieux orienter sa nouvelle année.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> calendrier </span> <span class="label label-tag"> résolution </span> <span class="label label-tag"> développement-personnel </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/p8dqlQ" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://oldmanrahul.com/2025/12/19/ai-code-review-trick/">Get an AI code review in 10 seconds</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Astuce pour obtenir une revue de code par IA en 10 secondes : ajoutez ".diff" à la fin de l'URL d'une PR GitHub, copiez le diff et collez-le dans un LLM comme Claude ou ChatGPT pour une première analyse rapide. Cela permet de détecter des problèmes évidents et d'améliorer le code avant une revue humaine, réduisant ainsi les temps de cycle et facilitant le travail des réviseurs. Une méthode simple et efficace sans besoin d'outils spécifiques.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> LLM </span> <span class="label label-tag"> code-review </span> <span class="label label-tag"> diff </span> <span class="label label-tag"> tips </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/LPpurg" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://nordicapis.com/4-api-architectural-styles-you-should-know/">4 API Architectural Styles You Should Know | Nordic APIs |</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article explore quatre styles architecturaux d'APIs : REST, webhooks, gRPC et HATEOAS. Il explique l'importance cruciale du choix de l'architecture pour la réussite d'une API, impactant l'intégration, la performance et la scalabilité. REST, le plus populaire, est simple, stateless et cacheable, idéal pour les services web standards. Les webhooks, en deuxième position, permettent une communication asynchrone et sont souvent utilisés pour l'automatisation. L'article fournit des exemples concrets et des raisons de choisir chaque style.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> architecture </span> <span class="label label-tag"> gRPC </span> <span class="label label-tag"> HATEOAS </span> <span class="label label-tag"> REST </span> <span class="label label-tag"> api </span> <span class="label label-tag"> webhook </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/HkylEQ" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://calendar.perfplanet.com/2025/chasing-bfcache-navigations/">Chasing BFCache navigations - Web Performance Calendar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article explique le mécanisme de BFCache (Back/Forward Cache) des navigateurs, qui permet de restaurer instantanément une page lors de l'utilisation des boutons de navigation arrière et avant. Ce mécanisme, présent depuis longtemps dans les navigateurs, a un impact significatif sur les Core Web Vitals et l'expérience utilisateur. L'auteur détaille comment mesurer et optimiser l'utilisation de BFCache, ainsi que les facteurs qui peuvent l'empêcher, comme l'événement 'unload' ou certaines directives de cache. Une lecture intéressante pour les passionnés de performance web.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> navigation </span> <span class="label label-tag"> cache </span> <span class="label label-tag"> optimisation </span> <span class="label label-tag"> performance </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/DeeIGw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://climbtothestars.org/archives/2025/12/14/comment-on-foire-ou-comment-souper-tard-mene-a-la-cuisine-deprimante/">Comment on foire? (ou: comment souper tard mène à la cuisine déprimante) – Climb to the Stars</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Dans ce billet, Stephanie Booth partage ses réflexions sur les échecs quotidiens, notamment en matière de gestion de la maison, en s'inspirant des concepts de "failure modes" utilisés en ingénierie. Elle explique comment des petites choses, comme ne pas sortir les poubelles à temps ou manger trop tard, peuvent déclencher une spirale de désordre et de procrastination. En identifiant les causes concrètes de ces échecs, plutôt que de se juger moralement, elle propose des solutions pratiques pour améliorer la situation, comme réorganiser le rangement de la vaisselle ou faire la vaisselle le matin.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> procrastination </span> <span class="label label-tag"> rangement </span> <span class="label label-tag"> réflexion </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/O2CEoQ" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://hackernoon.com/it-works-on-my-machine-isnt-an-excusetest-your-readme-like-a-user">“It Works on my Machine” Isn’t an Excuse—Test Your README Like a User | HackerNoon</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article souligne l'importance de tester les instructions de son README comme le ferait un utilisateur. L'auteur recommande de suivre les étapes du README sur une machine virtuelle fraîchement installée pour identifier et corriger les problèmes de dépendances ou de configurations manquantes. Cela permet d'éviter des tickets d'erreurs répétitifs et de rendre le processus d'installation plus fluide pour les utilisateurs finaux. Une approche simple mais efficace pour améliorer l'expérience utilisateur de vos projets.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> README </span> <span class="label label-tag"> virtual-machine </span> <span class="label label-tag"> documentation </span> <span class="label label-tag"> installation </span> <span class="label label-tag"> configuration </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/cYG_Uw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://une-tasse-de.cafe/blog/talos-ipv6/">Un cluster full IPv6 avec Talos</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Ce billet de blog décrit la mise en place d'un cluster Kubernetes full IPv6 avec Talos OS, un système d'exploitation minimaliste et sécurisé. L'auteur, ayant un /60 IPv6 fourni par son FAI, explique comment configurer Talos pour utiliser uniquement des adresses IPv6, en planifiant des plages IPv6 pour les nodes, les pods et les services. Il détaille les étapes de configuration initiale avec talhelper, un outil facilitant la création de fichiers de configuration Talos, et aborde les problèmes potentiels de DHCPv6 et de résolution de noms. L'article se conclut par des pistes pour améliorer la configuration et des liens vers des ressources supplémentaires.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> ipv6 </span> <span class="label label-tag"> Kubernetes </span> <span class="label label-tag"> Talos </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/2n0ddw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://lifedev.net/2025/12/strategies-for-learning-faster-as-an-adult/">7 Proven Strategies for Learning Faster as an Adult - LifeDev.net</a> </div> <div class="daily-entry-description"><div class="markdown"><p>L'article explique comment l'apprentissage des adultes diffère de celui des enfants, en mettant l'accent sur la pertinence personnelle et l'autonomie. Il propose des techniques comme la compréhension des principes d'apprentissage adulte, la création d'un environnement propice, l'utilisation de la neuroplasticité, des méthodes d'étude efficaces, la gestion des émotions, le soin du corps et la transformation de l'apprentissage en habitude de vie. Un guide pratique pour optimiser votre capacité d'apprentissage.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> développement-personnel </span> <span class="label label-tag"> apprentissage </span> <span class="label label-tag"> guide </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/7sbdTg" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://www.corentin-hatte.eu/blog/comment-eviter-que-les-medias-sociaux-actuels-nous-pourrissent-la-vie">Développer une relation plus saine avec les réseaux sociaux — Corentin Hatte</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article propose des stratégies pour adopter une relation plus saine avec les réseaux sociaux, notamment Instagram. Il souligne que seulement 7% du temps passé sur ces plateformes est consacré à voir le contenu de nos proches, le reste étant capté par des publicités et des algorithmes. L'auteur suggère de reprendre le contrôle en ajustant les paramètres de confidentialité, en limitant les notifications, en consommant avec modération, et en utilisant des bloqueurs de pubs. Il encourage aussi à favoriser les interactions sociales réelles et à former des communautés. Des conseils pratiques sont donnés pour chaque étape, avec des captures d'écran et des explications détaillées. L'objectif est de récupérer le temps perdu et de profiter des réseaux sociaux de manière plus consciente et bénéfique.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> réseau-social </span> <span class="label label-tag"> confidentialité </span> <span class="label label-tag"> vie-privée </span> <span class="label label-tag"> bonnes-pratiques </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/f4Sh5g" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://carlchenet.com/2025/12/22/de-limportance-des-couts-dans-le-cloud/">De l’importance des coûts dans le cloud – Carl Chenet</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Carl Chenet souligne l'importance cruciale de prendre en compte les coûts dès le début des projets cloud. Il critique l'absence fréquente d'évaluation des coûts, ce qui peut mener à des surprises financières désagréables et à des compromis sur la qualité de l'infrastructure. Il recommande d'utiliser les outils de calcul de prix des fournisseurs cloud pour estimer les coûts avec précision dès la phase de conception, en incluant les niveaux de service et de redondance souhaités.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> cloud </span> <span class="label label-tag"> prix </span> <span class="label label-tag"> conception </span> <span class="label label-tag"> évaluation </span> <span class="label label-tag"> FinOps </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/E_NyRw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/">Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting - Web Performance Calendar</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Cet article de Jordy Scholing, publié dans le Web Performance Calendar, explore pourquoi l'optimisation pour le 75ème percentile (p75) des métriques de performance web, bien qu'utile, ne suffit pas pour offrir une expérience utilisateur optimale. Il argue que se concentrer sur le 90ème percentile (p90) permet de mieux capturer les problèmes réels d'expérience utilisateur, notamment pour les utilisateurs à haute intention, mobiles ou ayant des attentes élevées. L'auteur souligne que le p75, bien qu'utile pour le SEO, ne répond pas à la question de savoir si presque tous les utilisateurs sont satisfaits. En optimisant pour le p90, on identifie des problèmes tels que des temps de réponse instables, des scripts tiers problématiques et des pics de JavaScript sur des appareils lents, ce qui permet d'améliorer réellement les taux de conversion et l'engagement. L'article encourage les experts en performance à viser plus haut que le p75 pour offrir une expérience utilisateur plus équitable et efficace.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> optimisation </span> <span class="label label-tag"> performance </span> <span class="label label-tag"> KPI </span> <span class="label label-tag"> mesure </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/liens/shaare/i6wKZw" title="Permalien"> <i class="fa fa-link"></i> </a> <a href="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/">Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Dans cet article, Andy Clarke, pionnier du design web, partage ses techniques pour créer des titres de style cartoon (Toon Text) en utilisant CSS et SVG modernes. Il explore l'histoire des cartes de titres des films et des dessins animés, depuis les années 1920 jusqu'aux années 1960, en mettant en lumière l'évolution du design typographique et visuel. Clarke montre comment ces éléments graphiques peuvent inspirer les designers web pour transmettre la personnalité d'une marque, créer une première impression et définir les attentes des utilisateurs. L'article fait partie d'une série intitulée "Smashing Animations" et s'inscrit dans une réflexion plus large sur l'animation web inspirée par les classiques du cinéma d'animation.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> css3 </span> <span class="label label-tag"> design </span> <span class="label label-tag"> background-clip </span> <span class="label label-tag"> paint-order </span> <span class="label label-tag"> text-stroke </span> <span class="label label-tag"> text-shadow </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> </div> <div class="clear"></div> <div id="plugin_zone_end_picwall" class="plugin_zone"> </div> </div> </div> </main> <div class="pure-g"> <div class="pure-u-2-24"></div> <footer id="footer" class="pure-u-20-24 footer-container" role="contentinfo"> <i class="fa fa-shaarli" aria-hidden="true"></i> <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> · Le gestionnaire de marque-pages personnel, minimaliste, et sans base de données par la communauté Shaarli · <a href="/liens/doc/html/index.html" rel="nofollow">Documentation</a> </footer> <div class="pure-u-2-24"></div> </div> <div id="js-translations" class="hidden" aria-hidden="true"> <span id="translation-fold">Replier</span> <span id="translation-fold-all">Replier tout</span> <span id="translation-expand">Déplier</span> <span id="translation-expand-all">Déplier tout</span> <span id="translation-delete-link">Êtes-vous sûr de vouloir supprimer ce lien ?</span> <span id="translation-delete-tag">Êtes-vous sûr de vouloir supprimer ce tag ?</span> <span id="translation-shaarli-desc"> Le gestionnaire de marque-pages personnel, minimaliste, et sans base de données par la communauté Shaarli </span> </div> <input type="hidden" name="js_base_path" value="/liens" /> <input type="hidden" name="token" value="bb3af611a33ef5f3e3c0fef52986436b1f89489f" id="token" /> <input type="hidden" name="tags_separator" value=" " id="tags_separator" /> <script src="/liens/tpl/default/js/shaarli.min.js?v=8ba283f85e9a4dc050ce550fb96a14315538546b28852cf4bd5372ee6fdd7f20"></script> <script src="/liens/tpl/default/js/thumbnails.min.js?v=8ba283f85e9a4dc050ce550fb96a14315538546b28852cf4bd5372ee6fdd7f20"></script> </body> </html>