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.
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.
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.
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.
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'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.
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.
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.
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.
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).
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.
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.
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.
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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/html">html</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/web-standards">web-standards</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/obsolescence">obsolescence</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/YsUQOw" title="Permalien"> <span class="linkdate" title="Permalien"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 9:03:16 PM GMT+1 · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/22/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/22/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://htmhell.dev/adventcalendar/2025/22/" aria-label="The HTML Elements Time Forgot - HTMHell" title="The HTML Elements Time Forgot - HTMHell"> <i class="fa fa-link" aria-hidden="true"></i> https://htmhell.dev/adventcalendar/2025/22/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/22/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/22/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="E_NyRw"></div> <div class="linklist-item linklist-item" data-id="26239"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting - Web Performance Calendar</span> </a> </h2> </div> <div class="linklist-item-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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/optimisation">optimisation</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/performance">performance</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/KPI">KPI</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/mesure">mesure</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/E_NyRw" title="Permalien"> <span class="linkdate" title="Modifié : December 22, 2025 at 9:01:22 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 9:00:37 PM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/" aria-label="Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting - Web Performance Calendar" title="Optimizing for 75% is fine. Optimizing for 90% is where it gets interesting - Web Performance Calendar"> <i class="fa fa-link" aria-hidden="true"></i> https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://calendar.perfplanet.com/2025/optimizing-for-75-is-fine-optimizing-for-90-is-where-it-gets-interesting/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="svoTUA"></div> <div class="linklist-item linklist-item" data-id="26238"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Insights from 100 site speed reviews in 2025 - Web Performance Calendar</span> </a> </h2> </div> <div class="linklist-item-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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/Lighthouse">Lighthouse</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/performance">performance</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/tips">tips</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/time-blocking">time-blocking</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/CrUX">CrUX</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/ux">ux</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/svoTUA" title="Permalien"> <span class="linkdate" title="Modifié : December 22, 2025 at 8:59:22 PM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 8:58:48 PM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/" aria-label="Insights from 100 site speed reviews in 2025 - Web Performance Calendar" title="Insights from 100 site speed reviews in 2025 - Web Performance Calendar"> <i class="fa fa-link" aria-hidden="true"></i> https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://calendar.perfplanet.com/2025/insights-from-100-site-speed-reviews-in-2025/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="2ls5JA"></div> <div class="linklist-item linklist-item" data-id="26237"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">The Most Underrated Productivity Technique - Scott H Young</span> </a> </h2> </div> <div class="linklist-item-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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/gestion-du-temps">gestion-du-temps</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/productivit%C3%A9">productivité</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/d%C3%A9veloppement-personnel">développement-personnel</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/2ls5JA" title="Permalien"> <span class="linkdate" title="Permalien"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 6:17:09 AM GMT+1 · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/" aria-label="The Most Underrated Productivity Technique - Scott H Young" title="The Most Underrated Productivity Technique - Scott H Young"> <i class="fa fa-link" aria-hidden="true"></i> https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.scotthyoung.com/blog/2025/12/16/the-most-underrated-productivity-technique/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="i6wKZw"></div> <div class="linklist-item linklist-item" data-id="26236"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine</span> </a> </h2> </div> <div class="linklist-item-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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/css3">css3</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/design">design</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/background-clip">background-clip</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/paint-order">paint-order</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/text-stroke">text-stroke</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/text-shadow">text-shadow</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/i6wKZw" title="Permalien"> <span class="linkdate" title="Modifié : December 22, 2025 at 6:08:13 AM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 6:06:56 AM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/" aria-label="Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine" title="Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine"> <i class="fa fa-link" aria-hidden="true"></i> https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://www.smashingmagazine.com/2025/12/smashing-animations-part-7-recreating-toon-text-css-svg/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="6psWWw"></div> <div class="linklist-item linklist-item" data-id="26235"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">5 engineering dogmas it's time to retire - by Anton Zaides</span> </a> </h2> </div> <div class="linklist-item-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="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/code-review">code-review</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/dependencies">dependencies</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/agile">agile</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/Feature-Flag">Feature-Flag</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/comments">comments</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/6psWWw" title="Permalien"> <span class="linkdate" title="Modifié : December 22, 2025 at 5:43:20 AM GMT+1"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 22, 2025 at 5:42:57 AM GMT+1 * · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to" aria-label="5 engineering dogmas it's time to retire - by Anton Zaides" title="5 engineering dogmas it's time to retire - by Anton Zaides"> <i class="fa fa-link" aria-hidden="true"></i> https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://newsletter.manager.dev/p/5-engineering-dogmas-its-time-to"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> <div class="anchor" id="aX2YXA"></div> <div class="linklist-item linklist-item" data-id="26234"> <div class="linklist-item-title"> <div class="linklist-item-thumbnail hidden" style="width:125px;height:90px;" data-async-thumbnail="1" > <div class="thumbnail"> <a href="https://htmhell.dev/adventcalendar/2025/21/" aria-hidden="true" tabindex="-1"> <img data-src="/liens/" class="b-lazy" src="" alt="" width="125" height="90" /> </a> </div> </div> <div class="linklist-item-editbuttons"> </div> <h2> <a href="https://htmhell.dev/adventcalendar/2025/21/" class="linklist-real-url"> <i class="fa fa-external-link" aria-hidden="true"></i> <span class="linklist-link">Styling by Language: Using the lang Attribute for Multilingual Design - HTMHell</span> </a> </h2> </div> <div class="linklist-item-description"> <div class="markdown"><p>Cet article explique comment utiliser l'attribut <code>lang</code> en HTML pour adapter le style CSS en fonction de la langue, notamment pour les sites multilingues comme les combinaisons anglais-japonais. L'article aborde les défis typographiques entre les scripts latins et japonais, proposant des solutions pour équilibrer visuellement les polices, les poids de caractères, l'espacement et la hauteur de ligne. Des exemples concrets montrent comment ajuster ces paramètres pour harmoniser l'affichage des textes bilingues.</p></div> </div> <div class="linklist-item-infos clear"> <div class="linklist-item-tags"> <i class="fa fa-tags" aria-hidden="true"></i> <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/lang">lang</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/font">font</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/tip">tip</a> </span> · <span class="label label-tag" title="Ajouter un tag"> <a href="/liens/add-tag/typographie">typographie</a> </span> </div> <div class="linklist-item-infos-date-url-block pure-g"> <div class="linklist-item-infos-dateblock pure-u-lg-7-12 pure-u-1"> <a href="/liens/shaare/aX2YXA" title="Permalien"> <span class="linkdate" title="Permalien"> <i class="fa fa-clock-o" aria-hidden="true"></i> December 21, 2025 at 9:12:09 PM GMT+1 · </span> permalien </a> <div class="pure-u-0 pure-u-lg-visible"> · <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/21/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/21/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div><div class="linklist-item-infos-url pure-u-lg-5-12 pure-u-1"> <a href="https://htmhell.dev/adventcalendar/2025/21/" aria-label="Styling by Language: Using the lang Attribute for Multilingual Design - HTMHell" title="Styling by Language: Using the lang Attribute for Multilingual Design - HTMHell"> <i class="fa fa-link" aria-hidden="true"></i> https://htmhell.dev/adventcalendar/2025/21/ </a> <div class="linklist-item-buttons pure-u-0 pure-u-lg-visible"> <a href="#" aria-label="Replier" title="Replier" class="fold-button"><i class="fa fa-chevron-up" aria-hidden="true"></i></a> </div> </div> <div class="mobile-buttons pure-u-1 pure-u-lg-0"> <div class="linkqrcode"> <img data-permalink="https://htmhell.dev/adventcalendar/2025/21/" src="/liens/plugins/qrcode/qrcode.png" class="linklist-plugin-icon qrcode" title="QR-Code" alt="QRCode"> </div> · <span> <a href="https://web.archive.org/web/https://htmhell.dev/adventcalendar/2025/21/"> <img class="linklist-plugin-icon" src="/liens/plugins/archiveorg/internetarchive.png" title="Voir sur archive.org" alt="archive.org" /> </a> </span> </div> </div> </div> </div> </div> </div> </div> <div id="plugin_zone_end_linklist" class="plugin_zone"> </div> <div id="linklist-paging-bottom-block" class="pure-g link-count-block"> <div class="pure-u-lg-2-24 pure-u-1-24"></div> <div id="linklist-paging-bottom-content" class="pure-u-lg-20-24 pure-u-22-24"> <div class="linklist-paging"> <div class="paging pure-g"> <div class="linklist-filters pure-u-1-3"> <span class="linklist-filters-text pure-u-0 pure-u-lg-visible"> Filtres </span> <a href="/liens/untagged-only" aria-label="Filtrer par liens sans tag" title="Filtrer par liens sans tag" class="filter-off" ><i class="fa fa-tag" aria-hidden="true"></i></a> <a href="#" class="filter-off fold-all pure-u-lg-0" aria-label="Replier tout" title="Replier tout"> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> </div> <div class="linklist-pages pure-u-1-3"> <span class="strong">1 / 1311</span> <a href="?page=2" class="paging_older"> <i class="fa fa-arrow-circle-right"></i> </a> </div> <div class="linksperpage pure-u-1-3"> <div class="pure-u-0 pure-u-lg-visible">Liens par page</div> <a href="/liens/links-per-page?nb=20" class="selected">20</a> <a href="/liens/links-per-page?nb=50" >50</a> <a href="/liens/links-per-page?nb=100" >100</a> <form method="GET" class="pure-u-0 pure-u-lg-visible" action="/liens/links-per-page"> <input type="text" name="nb" placeholder="133" > </form> <a href="#" class="filter-off fold-all pure-u-0 pure-u-lg-visible" aria-label="Replier tout" title="Replier tout"> <i class="fa fa-chevron-up" aria-hidden="true"></i> </a> </div> </div> </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> <script src="/liens/plugins/qrcode/shaarli-qrcode.js"></script> <script src="/liens/plugins/playvideos/youtube_playlist.js"></script> <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="5ec9bad5a566a363bedca4d21fefa026fb9925be" 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>
