<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:media="http://search.yahoo.com/mrss/" version="2.0">
  <channel>
    <title>Blog des gens compliqués</title>
    <image>
      <url>https://dkvz.eu/assets/touch/chrome-splashscreen-icon-384x384.png</url>
      <title>Blog des gens compliqués</title>
      <link>https://dkvz.eu</link>
    </image>
    <link>https://dkvz.eu</link>
    <description>Blog bizarre d&#x27;un humble consultant en progress bars.</description>
    <generator>https://dkvz.eu</generator>
    <language>fr-FR</language>
    <lastBuildDate>Thu, 5 Mar 2026 02:00:01 +0100</lastBuildDate>
    <atom:link href="https://dkvz.eu/rss.xml" rel="self" type="application/rss+xml"/>
    
    <item>
      <title>Tuning de tour NZXT H500 épisode 2: J&#x27;ajoute un disque dur à mon &quot;NAS&quot;</title>
      <link>https://dkvz.eu/articles/nzxt_h500_tuning_ajout_disque_dur</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/nzxt_h500_tuning_ajout_disque_dur</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/franken-nas/franken_thumb_300.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>

<p>Qui se souvient de <a href="https://dkvz.eu/breves/148" target="_blank" rel="noopener noreferrer">la fois où j'avais équipé une vielle tour NZXT H500 d'un panneau en bois perforé moche et mal mesuré pour hypothétiquement augmenter ses performances thermodynamiques</a>?</p>

<p>Non? Personne?</p>

<p>He ben c'est reparti, cette fois-ci pour réaliser un <b>support de disque dur en BOIS</b> avec pour objectif l'ajout d'un bon vieux disque qui tourne au pire <i>NAS</i> de l'univers.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox>
<a href="https://dkvz.eu/wp-content/stuff/franken-nas/15_final_ext.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/franken-nas/15_final_ext_500.jpg" alt="une tour vue de face où un disque dur est fixé dans l'emplacement des ventilateurs avant, sur un support en bois louche" class="responsive-img"></a>
</img-lightbox>
<div class="image-legend">Un disque dur dans un emplacement pour ventilateur... Quel génie.</div>
</div>

<h1>Le pire NAS de l'univers</h1>

<p>Okay c'est quoi cette histoire de NAS là?</p>

<p>Je me suis retrouvé avec quelques disques dur de 2TB, dont un qui était dans ma tour principale comme "backup" et un carrefour d'autres sympathiques circonstances:</p>

<ul>
  <li>J'ai besoin d'un ordi pour regarder Dragon&nbsp;Ball&nbsp;Super en faisant du rameur dans ma salle de sport moite qui-fait-peur et se situe au lieu-dit <b>DANS MA CAVE</b>;</li>
  <li>J'ai une vieille tour NZXT H500 qui traîne avec un Intel i7&nbsp;6700 et 16GB de mémoire;</li>
  <li>Tout le monde parle de <a href="https://fr.wikipedia.org/wiki/ZFS" target="_blank" rel="noopener noreferrer">ZFS</a> en ce moment et je manque cruellement d'expérience avec ce système de fichiers;</li>
  <li>Je pourrais créer un gros NAS et/ou espace de backup pour mes autres systèmes;</li>
  <li>On dit beaucoup de bien de <b>Fedora Linux</b> ces derniers temps et j'ai envie de l'essayer.</li>
</ul>

<h2>La tour</h2>
<p>A noter que ma précédente <a href="https://dkvz.eu/breves/148" target="_blank" rel="noopener noreferrer">modification</a> non-nécessaire de matériel informatique concernait la tour <b>NZXT H510</b> et pas la <b>H500.</b></p>

<p>Pourquoi j'ai autant de tours NZXT mal ventilées et étriquées?</p>

<p>Un moment elles étaient très à la mode et leur taux-d'acceptation-de-la-part-du-partenaire-féminin-ou-équivalent-non-hétéronormé est elevé.</p>

<p>Ceci dit, cette tour est un des pires choix possibles pour un NAS.</p>

<p>El...<p><b><a href="https://dkvz.eu/articles/nzxt_h500_tuning_ajout_disque_dur">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le nouveau blog est là!</title>
      <link>https://dkvz.eu/breves/176</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/176</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows4.png"/>
      
      <description><![CDATA[<p>Voilà voilà, mon blog passe d'une application JavaScript simple page <i>faite maison</i> (NE PAS REGARDER LE CODE) à un hybride génération serveur et application simple page créé avec <a href="https://nuxt.com/" target="_blank" rel="noopener noreferrer">Nuxt</a>.</p>

<p>Bon en vrai j'ai zappé le serveur et utilise la génération statique de pages.</p>

<p>Pas de vieux process <b>node</b> en plus, le tout est toujours basé sur la <a href="https://github.com/dkvz/dkvz-blog-backend" target="_blank" rel="noopener noreferrer">même API</a> qui se trouve toujours publiquement sur <a href="https://api.dkvz.eu" target="_blank" rel="noopener noreferrer">api.dkvz.eu</a>.</p>

<p>Le seul soucis étant que je suis censé relancer la génération statique à chaque modification du contenu du blog et qu'un seul lien mort provoque son <i>crouttage</i> prématuré.</p>

<p>Ce qui n'est pas fantastique, mais on va s'en sortir. J'ai déjà un magnifique <i>script shell</i> de déploiement que je lance manuellement pour le moment.</p>

<p>Je ferai un plus gros article racontant tous mes déboires, regrets et exploits ultérieurement.</p>

<p>L'ancien site est toujours dispo sur <a href="https://oldsite-2018.dkvz.eu" target="_blank" rel="noopener noreferrer">oldsite-2018.dkvz.eu</a>.</p>

<p>Même s'il est écrit en vieux JavaScript de la muerte avec des <b>var</b> partout, il n'y a aucun <i>framework</i> et l'API du DOM est utilisée en direct pour transformer le contenu avec un système de <i>template</i> improvisé (largement épaulé par <a href="https://webpack.js.org/" target="_blank" rel="noopener noreferrer">Webpack</a> &mdash; Qui se souvient de Webpack 😂?).</p>

<p>Du coup l'ancien site est toujours plutôt réactif. Son principal facteur de ralentissement étant un <i>framework CSS</i> (oui c'était la mode avant que tout le monde utilise Tailwind) nommé <b>Materialize</b>, lequel inclus aussi ce bon vieux <b>jQuery</b>.</p> 

<p>Pour le prochain blog, j'ai commencé par me dire que j'allais écrire absolument tout le CSS en partant de 0. Parce que le CSS, j'adore ça.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 997px">
<img-lightbox>
<a href="https://dkvz.eu/wp-content/stuff/comment_section.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/comment_section.jpg" alt="la section commentaire du premier blog avec des cartes de commentaire mal alignées et qui se suivent et qui sont moches" class="responsive-img"></a>
</img-lightbox>
<div cl...<p><b><a href="https://dkvz.eu/breves/176">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Config ZSH minimale mais complète avec Starship.rs sous Linux</title>
      <link>https://dkvz.eu/articles/config_zsh_minimale_avec_starship</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/config_zsh_minimale_avec_starship</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/zsh/term_thumb.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Aaah... Choisir son <i>shell</i>!</p>

<p>Voilà une préoccupation majeure de la population en âge de voter qui mérite un peu plus d'attention.</p>

<p>C'est qui la dernière personne qui vous a parlé de son <i>shell</i>? Ça peut même pas être moi pour une fois. Enfin je pense.</p>

<p>Le <i>shell</i> <b>ZSH</b> (prononcé <i>ziiii&nbsp;chail</i>) n'a rien de récent ni "cool" (date de 1990 lol). Pourtant, il est populaire chez les plus bricoleurs d'entre-nous en plus d'être le <i>shell</i> par défaut sur Mac.</p>

<p>La plupart des gens l'accompagnent d'une config nommée <a href="https://ohmyz.sh/" target="_blank" rel="noopener noreferrer">OhMyZsh</a> pour avoir une invite de commande de HACKER.</p>

<p>En fait on a pas du tout besoin de ce truc et je vais même vous proposer une alternative plus moderne et très probablement plus rapide, avec une config minimale que même votre petit frère pourra comprendre.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 952px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/zsh/wee.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/zsh/wee.png" alt="une invite de commande pastel avec &quot;Weee&quot; écrit en Ascii Art" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Tout le monde se prend ma masculinité en pleine face avec ma nouvelle invite de commande</div>
</div>

<p>Au programme on aura:</p>

<ul>
  <li>Une invite de commande moderne générée par <a href="https://starship.rs/" target="_blank" rel="noopener noreferrer">Starship.rs</a>;</li>
  <li>L'auto suggestion ZSH basée sur l'historique;</li>
  <li>Des top-cool fonctionnalités de recherche de l'historique avec <a href="https://github.com/junegunn/fzf" target="_blank" rel="noopener noreferrer">fzf</a>;</li>
  <li>La coloration syntaxique ZSH si ça vous intéresse.</li>
</ul>

<p>En pratique ce dont je parle dans cet article fonctionne aussi sur Mac mis à part que les programmes et comment les installer diverge (<b>Homebrew</b> devrait cependant disposer de toutes les ressources), et vous aurez déjà une config <i>.zshrc</i> existante sur le Mac qu'il faudra bien sauvegarder et utilser comme point de départ.</p>

<h1>C'est quoi cette histoire de shell?</h1>
<p>Le <i>shell</i> est en réalité un terme générique qui désigne vaguement un programme permettant d'interagir de manière interactive avec un ordinateur.</p>

<p>Il tourne typiquement en mode "utilisateur" mais permet d'accéder aux fonctionnalités...<p><b><a href="https://dkvz.eu/articles/config_zsh_minimale_avec_starship">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Bouton à bascule en HTML/CSS</title>
      <link>https://dkvz.eu/breves/174</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/174</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Mes articles de <i>web design</i> sont les moins populaires du blog. Je suis même pas <a href="https://dkvz.eu/articles/95" target="_blank" rel="noopener noreferrer">vraiment un vrai <i>designer</i></a>.</p>

<p>Alors pourquoi je m'obstine à publier mes articles <a href="https://css-tricks.com/" target="_blank" rel="noopener noreferrer">CSS Tricks</a> de Wish?</p>

<p>Ben je sais pas, peut-être que mon oeuvre la plus glorieuse de ces dernières semaines c'est un <b>BOUTON A BASCULE</b>. Peut-être est-ce la raison. Peut-être.</p>

<p>Je suis même pas sûr que quelqu'un ait déjà appelé ça un "bouton à bascule" depuis le Big Bang mais c'est trop tard maintenant.</p>

<p>Et alors, aussi, y a des boutons à bascule subtilisables partout sur le net, <a href="https://devsnap.me/css-toggle-switches" target="_blank" rel="noopener noreferrer">dont plusieurs vraiment dingo ici, par exemple</a>.</p>

<p>Je vous ai déjà parlé de mon futur nouveau blog? Oui? J'en parle non-stop depuis 6 mois? Peut-être.</p>

<p>Sur le <a href="https://github.com/dkvz/dorade-noframework-blog" target="_blank" rel="noopener noreferrer">blog version "pas de <i>framework</i>"</a> j'ai utilisé <a href="https://materializecss.com/" target="_blank" rel="noopener noreferrer">Materialize</a>, un <i>framework</i> CSS (oui il y en avait tout un tas il y a 10 ans) dont le dernier <i>commit</i> date d'il y a 5 ans et est probablement un "UPDATE README".</p>

<p>Ils proposent un bouton à bascule que vous pouvez voir sur mes pages de liste d'articles:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 632px">
<img-lightbox><a href="https://dkvz.eu/stuff/toggle-button/current-toggle-button.png" target="_blank"><img src="https://dkvz.eu/stuff/toggle-button/current-toggle-button.png" alt="Montre le bouton qui permet de basculer ordre décroissant ou croissant sur mes pages de liste d'article" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Mooh quel beau bouton à bascule dis!</div>
</div>

<p>Etant donné que j'écris tous les styles moi-même comme un grand malade sur le nouveau blog plutôt qu'utiliser Tailwind comme tout le monde, je me suis dit... Je vais créer ce bouton en partant de 0.</p>

<p>Je vois même comme le rendre opérationnel sans JavaScript en utilisant la bonne vieille astuce du <i>checkbox</i> et du sélecteur de voisin. Le quoi? Euh non rien, c'est pas important.</p>

<p>Presque sans rapport, je me suis souvenu d'une expérience d'animation de <a href="https://codepen.i...<p><b><a href="https://dkvz.eu/breves/174">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Je comprends rien aux stats</title>
      <link>https://dkvz.eu/breves/173</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/173</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>Vous avez sûrement déjà lu mon <a href="https://dkvz.eu/articles/estimer_temps_de_lecture_texte" target="_blank" rel="noopener noreferrer">dernier article en date</a>. Je vais tout de même sommairement vous le résumer.</p>

<p>Je voudrais ajouter une estimation du temps de lecture pour mes articles sur mon blog et au lieu de rapidement parcourir le texte pour déterminer le nombre de mots côté client, je me suis perdu dans un plan semi-foireux à base de modèle statistique de prédiction du nombre de mots à partir de la "<i>longueur</i>" des articles.</p>

<p>Durant cet exercice absolument pas nécessaire (superfétatoire dans le texte), je découvre que le meilleur modèle est manifestement la <b>régression linéaire</b>.</p>

<p>Pour ceux qui ne connaissent pas, c'est une des relations les plus simples pour expliquer l'évolution d'une variable par rapport à une autre parce que la dite évolution suit une simple ligne droite (au lieu d'une <a href="https://dkvz.eu/breves/95" target="_blank" rel="noopener noreferrer">forme plus complexe</a> avec des courbes et tout ça).</p>

<p>Bon nombre de grandeurs physiques du monde qui nous entoure évoluent de la sorte.</p>

<p>Par exemple, le volume de gaz de météorisme flatulatoire expulsé en fonction de la masse de cassoulet ingérée est linéaire. Enfin je pense.</p>

<p>Au moment de mes "<i>calculs</i>" et de la création d'un <a href="https://github.com/dkvz/blog-stats" target="_blank" rel="noopener noreferrer">programme pas nécessaire écrit en Go</a> pour les réaliser, je me suis quelque peu découragé face à la complexité mathématique (toute relative) de la formule associée.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1000px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/counting-words/reg_lin_formule.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/counting-words/reg_lin_formule.png" alt="une formule de calcul de régression que j'ai trouvée sur le site référencé dans la légende" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Bon là ça a l'air facile (lol) mais c'est parce qu'il manque la formule de la covariance [<a href="https://www.bibmath.net/dico/index.php?action=affiche&amp;quoi=./r/reglin.html" target="_blank" rel="noopener noreferrer">source</a>]</div>
</div>

<p>La solution était de se résoudre à utiliser un <abbr title="Excel est un tableur, par exemple">tableur</abbr> comme tout le monde, à partir de mes données exportées en BON VIEUX CSV.</p>

<p>Okay, très bien. Entre-temps je me...<p><b><a href="https://dkvz.eu/breves/173">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Estimer le temps de lecture d&#x27;un texte - Version superfétatoire (et disgressive)</title>
      <link>https://dkvz.eu/articles/estimer_temps_de_lecture_texte</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/estimer_temps_de_lecture_texte</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/counting-words/pull_thumb_500.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>

<p>Comme je le répète 15 fois par jour depuis 5 ans, je tente de rafraîchir mon blog en lui offrant une nouvelle peau qui en réalité tient davantage d'une peau de banane trop mûre remplie d'oeufs de drosophiles que d'une peau de jeune phoque qui vient de prendre une douche.</p>

<p>J'avais choisi <a href="https://dkvz.eu/breves/169" target="_blank" rel="noopener noreferrer">une technologie</a> et réussi à me convaincre de me lancer tout de suite et pas attendre la prochaine version et voilà que, dans un état de <i>flow</i> absolu, je tombe sur l'endroit où je voulais estimer le temps de lecture de mes articles.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1083px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/counting-words/temps_lecture_intro.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/counting-words/temps_lecture_intro.png" alt="titre d'article avec la mention &quot;temps de lecture estimé: Trop Long&quot;" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Je pourrais juste coller un adjectif au lieu d'un nombre</div>
</div>

<p>Et c'est là que tout à basculé.</p>

<h1>Comment qu'on estime le temps de lecture?</h1>

<p>Facile. Il suffit de dégotter la moyenne de mots par minute que peuvent lire les gens moyens en moyenne et on divise le nombre de mots du texte évalué par cette valeur, et BOOM on a des minutes.</p>

<p>Reste plus qu'à trouver combien de mots ont échoué dans un de mes articles pour calculer un temps de lecture tellement décourageant que c'est vraiment pas une bonne idée d'en parler avant même que ma poignée de un ou deux valeureux lecteurs ne commencent leur lecture.</p>

<p><b>Cependant</b>, nous voilà bien embêtés parce que l'ORDINATEUR n'a aucune idée de ce que c'est un mot.</p>

<p>Vous vous souvenez de votre oncle quand il disait "<i>Tu sais Timmy, l'ordinateur il comprends uniquement le binaire et rien d'autre</i>" &mdash; He ben il avait raison votre oncle bizarre.</p>

<p>Les ordinateurs encodent le texte en binaire caractère par caractère.</p>

<p>C'est-à-dire qu'une lettre, un élément de ponctuation et même un espace correspondent tous à une certaine série de chiffres binaires.</p>

<p>Quelqu'un a dû un jour décider de quelle combinaison correspond à quel caractère, et le reste de la planète a dû accepter d'adopter ce système ou utiliser un autre. Il existe par conséquent plusieurs de ces conventions qui se sont aussi complexifiées avec le temps.</p>

<p>Au départ,...<p><b><a href="https://dkvz.eu/articles/estimer_temps_de_lecture_texte">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai demandé à une IA de refaire mon site</title>
      <link>https://dkvz.eu/articles/je_demande_a_une_ia_de_refaire_mon_site</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/je_demande_a_une_ia_de_refaire_mon_site</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/llm-blog/lovable_thumb.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Je sais pas si vous l'aviez remarqué mais je suis pas vraiment un artiste aux talents 
graphiques monétisables <small>(il existe ce mot?)</small>.</p>

<p>Bon, le but a toujours été d'apprendre de nouvelles choses et de cultiver mon loisir incongru consistant à passer un temps improbable à écrire du <abbr title="Cascading Style Sheets">CSS</abbr>.</p>

<p>J'ai commencé un <a href="https://github.com/dkvz/new-blog-poc" target="_blank" rel="noopener noreferrer">vieux repo</a> il y a littéralement 6 ans avec des "expériences de <i>design</i>" dont je ne suis que très moyennement fier. Cecid it, j'ai plus trop envie de passer encore 12 ans dessus.</p>

<p>La chance, on est en plein dans l'ère fantastique des modèles de langages LARGES qui doivent remplacer tous les métiers de l'informatique d'ici quelques semaines.</p>

<p>Du coup, serait-il possible de déléguer tout ce travail créatif à une intelligence artificielle?</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1000px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/blogmoi.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/blogmoi.png" alt="un vieux design de blog que j'ai créé avec une image MOI dans le header et des bordures doubles et du letter-spacing" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Les robots sont-ils capables de dépasser mes talents d'artisan d'interface web?</div>
</div>

<h1>Le "nouveau" blog</h1>
<p>Plusieurs brèves existent déjà sur la chronologie de flemme et d'abandon attachée au fameux projet:</p>

<ul>
  <li><a href="https://dkvz.eu/breves/108" target="_blank" rel="noopener noreferrer">Avancement de mes aventures de web "designer"</a></li>
  <li><a href="https://dkvz.eu/breves/143" target="_blank" rel="noopener noreferrer">Utiliser l'Intersection Observer pour tous les effets sur défilement</a></li>
  <li><a href="https://dkvz.eu/breves/151" target="_blank" rel="noopener noreferrer">Web Design: Animation de texte avec l'IntersectionObserver</a></li>
</ul>

<p>Est-ce que tout ceci indique surtout que le monde a changé depuis ma découverte de l'<i>IntersectionObserver</i>? Oui.</p>

<p>Avant de passer par la case IA, ça ressemblait plus ou moins à ça (le menu permet aussi d'accéder à la page "article"):</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1200px">
<iframe src="https://dkvz.eu/wp-content/stuff/norobots/blog-poc-6/index.html" style="max-width: 1200px; width: 100%;" height="700"></iframe>
</div>

<p><b><i>Spoiler</i></...<p><b><a href="https://dkvz.eu/articles/je_demande_a_une_ia_de_refaire_mon_site">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai testé Nuxt et Vue&amp;nbsp;3 après plus d&#x27;un an sans toucher à un &lt;i&gt;framework&lt;/i&gt; JS</title>
      <link>https://dkvz.eu/breves/169</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/169</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Aaah le JavaScript, mon vieux copain.</p>

<p>Je l'utilise toujours occasionnellement pour des tâches qui n'ont rien à voir avec le web.</p>

<p>Nettement plus rarement pour créer des API depuis que j'ai découvert <a href="https://dkvz.eu/articles/156" target="_blank" rel="noopener noreferrer">Go</a> mais j'ai encore quelques vieux services qui tournent en Node sans jamais poser de problèmes.</p>

<p>A côté de ça j'ai surtout pas mal de scritps d'admin système en tout genre écrits en JS. Vous trouvez ça étrange? D'accord. Mais pourquoi?</p>

<p>Je sais que Perl traîne toujours dans le fond du tirroir à côté de ma jeunesse perdue. Mais bon, qui a envie d'écrire du Perl en 2025? Qui sait ce que c'est le Perl en 2025?</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 853px">
<img-lightbox><a href="https://dkvz.eu/stuff/nuxt/asciiquarium.png" target="_blank"><img src="https://dkvz.eu/stuff/nuxt/asciiquarium.png" alt="une partie du code Perl de Asciiquarium qui montre des poissons en ASCII" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Le fameux <a href="https://github.com/cmatsuoka/asciiquarium" target="_blank" rel="noopener noreferrer">asciiquarium</a> que tout le monde connaît est un script PERL</div>
</div>

<p>En plus il s'est passé quelques trucs chouettes dans les dernières versions de Node, par exemple on peut utiliser <b>await</b> comme ça tout de suite dans le script principal, il faut plus créer une vieille fonction <i>async</i> appelée de suite comme on faisait avant:</p>

<pre class="screen"><code class="language-javascript">#!/bin/env node

(async () =&gt; {
  const machin = await chopperUnTrucCool()
  console.log(machin)
})()
</code></pre>

<p>Non maintenant on peut juste l'écrire tout de suite dans le script, et en plus <b>fetch</b> fonctionne aussi de base, il faut même pas l'importer ni bien sûr installer <b>node-fetch</b> ou ce bon vieux <b>Axios</b> qui jouit toujours d'une grande popularité.</p>

<p>Exemple de script qui réalise une requête web avec désérialisation, en quelques lignes, avec des <i>await</i> et sans devoir importer quoi que ce soit:</p>

<pre class="screen"><code class="language-javascript">#!/bin/env node

const resp = await fetch("https://api.dkvz.eu/last-comment")
const body = await resp.json()
console.log(body)
</code></pre>

<p>Propre. Je suis désolé mais c'est juste mieux que Perl et ses dollars devant toutes les variables. Le rapport avec Nuxt et Vue?</p>

<p>Y en a pas. Mais le temps il ...<p><b><a href="https://dkvz.eu/breves/169">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Ubuntu en 2025 - Mes impressions </title>
      <link>https://dkvz.eu/articles/ubuntu_en_2025</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/ubuntu_en_2025</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/buntu/tux_110.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Comme j'en parlais dans une autre <a href="https://dkvz.eu/breves/166">brève</a> avec un titre peu enjoueur comme à mon habitude,
  j'ai récemment changé d'ordi portable et décidé de profiter de la réinstallation pour optimiser ma manière de
  travailler et pousser de quelques petit centimètres la personnalisation de mon environnement.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1600px">
<img-lightbox><a href="https://dkvz.eu/stuff/buntu/buntu_fastfetch.png" target="_blank"><img src="https://dkvz.eu/stuff/buntu/buntu_fastfetch_1600.png" alt="l'écran complet de mon ordi avec un terminal plein écran montrant fastfetch, cmatrix et un aquarium ASCII" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Le bon vieux et bête Bash dans Tmux (je conseille aucun des deux si vous n'êtes pas un sysadmin quarantenaire aigri)</div>
</div>

<p>Parce que, au final, le véritable point fort de Linux est que tout est personnalisable. Parfois jusqu'à aller
  <i>fork</i> du code obscur quelque part pour en créer votre propre version.</p>

<p>Sous Windows il n'y a même pas de raccourci pour passer d'un bureau virtuel à un autre. J'en reviens toujours pas,
  pour être honnête.</p>

<p>Et le pire c'est qu'on peut même pas créer un raccourci clavier pour ça ni modifier ceux qui existent.</p>

<p>Je vois des gens qui installent <a href="https://www.autohotkey.com/" target="_blank"
    rel="noopener noreferrer">AutoHotkey</a> pour créer une rustine alambiquée à base de robot qui tape d'autres touches
  quand on déclenche certaines touches configurées dans des scripts de l'enfer.</p>

<p>J'ai envie de dire que c'est just pire qu'installer Arch mais ce types d'utilisateur est très rare et souvent just
  obligé d'utiliser Windows pour le travail.</p>

<p>En plus AutoHotkey est détecté comme un programme de triche par certains jeux et leur anti-triche de par la possibilité de rapidement écrire des scripts pour robots-farmeurs avec ce programme.</p>

<h1>Attends... T'utilises Ubuntu non-LTS?</h1>
<p>Oui, au départ 24.10 &mdash; Désormais 25.04. Parce que ouais, le non-LTS t'es censé le mettre à jour tous les 9 mois, ou moins.</p>

<p>On est en plein dans la transition d'Ubuntu vers Wayland. Quitte à vivre cette aventure (<small>youpie</small>),
  autant vivre la version Beta avec les toutes dernières versions.</p>

<p>Bon, vu <a
    href="https://www.gamingonlinux.com/2025/04/ubuntu-25-04-upgrades-halted-due-to-kubuntu-users-getting-a-broken-desktop/"...<p><b><a href="https://dkvz.eu/articles/ubuntu_en_2025">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment rendre DokuWiki moins moche?</title>
      <link>https://dkvz.eu/breves/167</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/167</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_philo1.jpg"/>
      
      <description><![CDATA[
<p>Il n'y a pas très longtemps (en toute relativité), j'avais publié une "<a href="https://dkvz.eu/breves/145" target="_blank" rel="noopener noreferrer">Réflexion sur les bases de connaissances</a>" que personne n'a lu, ce que je peux comprendre.</p>

<p>En résumé, je prends des notes de trucs. Des idées, des liens à lire qui vont trainer là pour toujours et que je vais jamais lire.</p>

<p>Pas mal de documentation aussi. Quand je me lance dans l'apprentissage de quelque chose, je démarre une note dessus.</p>

<p>J'ai aussi des recettes de cuisine, des adresses de plombier, ...</p>

<p>Je prends aussi des notes sur du vrai papier dans un carnet (sûrement acheté chez <i>Action</i>). Par exemple des articles de ce présent blog ont démarré de la sorte, alors que des gens me regardaient de travers gribouiller un condensant vraissemblablement illisible de mots dans une salle d'attente d'hôpital.</p>

<p>"Timmy ne regarde pas le monsieur qui fait semblant d'écrire comme dans <i>The Shining</i>, il est sûrement là pour recevoir des médicaments pour ses troubles obsessionnels". Ben ouais madame, désolé.</p>

<p>Tout ça n'explique pas pourquoi j'utilise <a href="https://www.dokuwiki.org/" target="_blank" rel="noopener noreferrer">DokuWiki</a> et pourquoi le titre de cet article a le potentiel <abbr title="Search Engine Optimization - idée de se positionner le mieux possbible dans les résultats de moteurs de recherche">SEO</abbr> d'une photo de rat mort tout habillé sur un site porno.</p>

<p>Disons pour pas trop me répéter (ma spécialité) que j'ai choisi DokuWiki parce que:</p>

<ul>
<li>Sa source de données est un bon vieux banc de fichiers texte, aucune base de données n'est nécessaire;</li>
<li>Je peux facilement éditer et consulter tout depuis mon téléphone ou n'importe quel ordinateur (j'en utilise plusieurs (trop)) pourvu qu'il y ait un accès aux Internets &mdash; Rien ne doit être installé, pas d'<i>app</i>, faut juste un navigateur.</li>
</ul>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 600px">
<img-lightbox><a href="https://dkvz.eu/stuff/kbshort/notes.png" target="_blank"><img src="https://dkvz.eu/stuff/kbshort/notes.png" alt="Un répertoire sous Windows avec plein de fichiers txt dedans" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Ma base de connaissance initiale était aussi un banc de fichiers texte (sous contrôle de source par après)</div>
</div>


<p>Le principal inconvénient étant la nécessité d'avoir un serveur quelque part avec du PH...<p><b><a href="https://dkvz.eu/breves/167">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Problème de coloration syntaxique de vim dans tmux</title>
      <link>https://dkvz.eu/breves/166</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/166</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_linux3.png"/>
      
      <description><![CDATA[<blockquote>
<p>Dis donc monsieur du blog, là, j'ai rien compris à ton titre, je sais même pas pourquoi j'ai cliqué.</p>
<p>Auteur: <i>Un visiteur imaginaire</i> (comme tous mes visiteurs LOL)</p>
</blockquote>

<p>Disons qu'on va parler un peu de Linux et des problèmes de premier monde rencontrés par leurs utilisateurs, là où le web francophone semble avoir un sérieux manquement.</p>

<p>Les résultats de recherche vis-à-vis de mon <i>problème</i> semblent être des fils de discussion Reddit traduits automatiquement.</p>

<p>Belle manoeuvre de la part de Reddit d'ailleurs.</p>

<p>En gros, pour vous raconter la petite histoire qui n'intéresse probablement personne, j'ai enfin remplacé mon vénérable <b>ordinateur de travail</b> qui est un ordi portable basse consommation (ou en tous cas haute autonomie, l'un implique généralement l'autre) &mdash; C'est à dire vraiment pas du tout un truc de G4m3R d'autant plus que j'utilise Linux pour bosser.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 2560px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/tmux/neofetch_ba.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/tmux/neofetch_ba.png" alt="Ancien système: i5 8250U, maintenant Ryzen 8845HS" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Manjaro ne m'a jamais posé de problèmes à part que je m'en moque un peu d'avoir <b>zsh</b> qui ralentissait mon terminal (je garde désormais le vieux <b>bash</b> d'Ubuntu)</div>
</div>

<p>Je profite de cette bouffée d'air frais pour améliorer quelque peu l'efficacité de mon environnement qui se résumait auparavant à BEAUCOUP de Alt+Tab et de combines foireuses de Tmux et <a href="https://gnunn1.github.io/tilix-web/" target="_blank" rel="noopener noreferrer">Tilix</a>, un émulateur de terminal sympathique sans être trop alien.</p>

<p>J'utilise d'ailleurs beaucoup plus les fonctionnalités de Tilix que de Tmux, que j'utilise plutôt sur les serveurs et de manière assez sommaire.</p>

<p>Je travaille sur un ordi portable, avec Linux (ben tiens), et un seul écran.</p>

<p>Déjà avant j'avais du mal à bosser sur deux écrans, mais maintenant j'y arrive vraiment plus du tout.</p>

<p>Le seul usage que j'aurais d'un deuxième écran c'est pour y poser une vidéo ou un <i>stream</i>, et alors je travaille plus trop en fait.</p>

<p>Autant terminer ce que j'ai à faire plus tôt puis regarder Dragon&nbsp;Ball&nbsp;Z.</p>

<p>Je suis dès lors devenu un grand usiteur des espaces de travail (dit au...<p><b><a href="https://dkvz.eu/breves/166">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Backup de serveur à l&#x27;arrache et gratuit</title>
      <link>https://dkvz.eu/breves/165</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/165</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_linux1.jpg"/>
      
      <description><![CDATA[<p>Mon blog tourne sur un serveur virtuel extrêmement cheapos chez OVH, qui sont par ailleurs connus pour les <i>datacenters</i> qui crâment et votre serveur qui est tout à coup réinstallé voire <a href="https://dkvz.eu/breves/161" target="_blank" rel="noopener noreferrer">la migration en 1-click qui en fait dure 24h et se débloque avec un ticket de support</a>.</p>

<p>En vrai j'ai (étrangement) jamais vraiment eu de problème avec mon serveur. Une ou trois grosses pannes réseau et quelques petites mais pas de gros effacement forcé par exemple. Chouette hein.</p>

<p>Je dis ça mais OVH ils te disent bien dans leur FAQ (voire dans l'espace client, je sais plus où j'avais vu ça) qu'il faut que tu fasses des backups. Non sérieusement, backup ton truc. Ils te donnent même un espace de backup pseudo gratuit dans certaines offres (qui brûle générallement avec le <i>datacenter</i> donc faites attention).</p>

<p>J'avais un <a href="https://dkvz.eu/articles/backup_serveur_google_drive" target="_blank" rel="noopener noreferrer">super plan</a> à base de <a href="https://github.com/dkvz/backup_gdrive" target="_blank" rel="noopener noreferrer">SCRIPT PERL</a> pour envoyer mes données sur un Google Drive, qui en plus gardait plusieurs versions des fichiers.</p>

<p>C'était plutôt cool jusqu'à ce je réinstalle le VPS pour enfin mettre tout mon merdier à jour (c'était une Debian 8, on est à 12) où je me rend compte que même en recopiant bien tous mes répertoires cachés de token Google et l'ancienne version du programme, ben ça marche plus. On me dit que je suis pas autorisé à modifier ce drive.</p>

<h2>L'utilitaire gdrive</h2>
<p>J'utilisais un utilitaire trouvé sur Github, qui apparemment n'est plus maintenu. Il existe cependant un fork ici: <a href="https://github.com/glotlabs/gdrive" target="_blank" rel="noopener noreferrer">https://github.com/glotlabs/gdrive</a></p>

<p>Je suis plein d'espoir. Jusqu'à ce que je découvre ce qu'il faut faire pour connecter l'utilitaire à son <i>drive</i>.</p>

<p>Petit extrait de leur doc:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 779px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/backup_cloud/bkp_google_api.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/backup_cloud/bkp_google_api.jpg" alt="Doc intitulée 'créer ses accès l'API Google en 50 étapes faciles'" class="responsive-img"></a></img-lightbox>
<div class="image-legend">On dirait une blague que j'aurais pu faire [<a href="https://github.com/glotlabs/gdr...<p><b><a href="https://dkvz.eu/breves/165">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai rien compris à Xenoblade X</title>
      <link>https://dkvz.eu/articles/j_ai_rien_compris_a_xenoblade_x</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/j_ai_rien_compris_a_xenoblade_x</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/xenobladex/x_thumb.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p><b>Avertissement: Cet article va être bourré de spoilers sur Xenoblade&nbsp;Chronicles&nbsp;X, et aussi sur les autres Xenoblade (mais un peu moins, mais quand même probablement trop).</b></p>

<p>De plus, le jeu va être <i>remaster</i> sur Switch&nbsp;2, ce qui lui donne une chance d'expliquer au moins deux ou trois "mystères" évoqués dans cet article.</p>

<p>Vous voilà avertis, entrons de suite dans le vif du sujet: les <abbr title="Japanese Role Playing Game">JRPG</abbr>. Je sais pas pourquoi mais j'accroche presque toujours à ces jeux, même les plus douteux qui n'<a href="https://www.youtube.com/watch?v=zygDzAkothQ" target="_blank" rel="noopener noreferrer">étaient visiblement pas censés sortir du japon</a>.</p>

<p>Qu'entend-je au loin? Quelqu'un demande ce que c'est un JRPG?</p>

<p>Je pense que ce sera expliqué mieux ailleurs que sur mon blog alors je vais juste dire que c'est un jeu de rôle japonais. Ils ressemblent aux jeux de rôle "de l'ouest" mais avec beaucoup plus de femmes en petites tenues, des personnages avec des coupes de cheveux de malade défiant la gravité et des épées de 2 mètres de long.</p>

<p>Au niveau moteur physique <a href="https://www.youtube.com/watch?v=5YWSnTKQJX4" target="_blank" rel="noopener noreferrer">les JRPG mettent toujours la priorité sur la partie supérieure du corps des personnages féminins, quelque part entre le nombril et le cou</a>.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1280px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/xenobladex/x_kristi1.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/xenobladex/x_kristi1.jpg" alt="Personnage féminin en tailleur avec son soutien-gorge bien apparent" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Ben quoi vous allez pas au travail comme ça, vous?</div>
</div>

<p>Les JRPG les plus connus sont la série <i>Final Fantasy</i>. Si vous n'avez jamais entendu parler de cette affaire de final fantaprout, je vous conseille de fermer cet article et lire <a href="https://dkvz.eu/articles/syndrome_de_l_imposteur" target="_blank" rel="noopener noreferrer">celui-ci</a> à la place. Non je rigole il est super chiant cet article, <a href="https://dkvz.eu/articles/utiliser_ou_detester_haut_parleur_pc_linux" target="_blank" rel="noopener noreferrer">celui-là</a> est bien.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 800px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/xenobladex/x_light_wear.jpg" t...<p><b><a href="https://dkvz.eu/articles/j_ai_rien_compris_a_xenoblade_x">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Joyeux Noël du cringe les copains</title>
      <link>https://dkvz.eu/breves/163</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/163</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art2.png"/>
      
      <description><![CDATA[<p>Je sens bien que 2025 ça va être du pâté de foie de gorge du coup j'ai passé un peu de temps sur Facebook pour me remonter le moral.</p>

<p>Je suis très friand des <i>memes</i> de groupes "de droite" &mdash; qui sont en fait générallement des conservateurs religieux de plus de 60 ans et pas des néonazis tatoués avec une matraque télescopique dans la boite à gants. Je pense que c'est important de le préciser.</p>

<p>On sera tous vieux un jour, pitet on sera pire et j'espère que nos enfants s'amuseront bien aussi avec ce contenu réconfortant.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 579px">
<img-lightbox><a href="https://dkvz.eu/stuff/cringe-christmas/bonnesoiree.jpg" target="_blank"><img src="https://dkvz.eu/stuff/cringe-christmas/bonnesoiree.jpg" alt="Image qui dit bonne soirée avec des décos de noel et un petit chaton cringe" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Je me sens déjà mieux</div>
</div>

<p>J'espère qu'ils m'en voudront pas de répandre l'amour qui sue à grosse gouttes graisseuses de leurs créations (de toutes manières y a des personnages et éléments qui appartiennent à d'autres dessus (dont Disney Walt)), vous avez le nom des groupes Faceook sur les images si vous voulez leur rendre justice et poser un petit follow, mamy sera contente.</p>

<p>Ce genre de profils créatifs ils vous disent aussi bonjour à peu près tous les jours, et je me demande toujours avec quel programme ils font ces trucs, c'est pas des WordArt je crois. Y a un sens artistique, un genre de cohésion autour de soit un personnage protégé par des droits d'auteur internationaux soit un chat ou un chiot qui semble inventé par une IA mais d'office ces gens utilisent pas des IA, ils sont probablement même pas vaccinés covid pour pas être pucé par Bill Gates.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/cringe-christmas/bonjour.jpg" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/cringe-christmas/bonjour.jpg" alt="Image cringe de bonjour" class="responsive-img center-image"></a></img-lightbox></p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/cringe-christmas/bonjour2.jpg" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/cringe-christmas/bonjour2.jpg" alt="Image cringe de bonjour" class="responsive-img center-image"></a></img-lightbox></p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/cringe-christmas/bonjour3.jpg" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/cringe-christmas/bonjour3.jpg" alt="Image cringe de bonjour" class="respo...<p><b><a href="https://dkvz.eu/breves/163">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Publier simultanément sur Bluesky et Twitter</title>
      <link>https://dkvz.eu/articles/crosspost_bluesky_twitter</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/crosspost_bluesky_twitter</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/crosspost/crosspost_thumb.png"/>
      
      <description><![CDATA[<h1>Introduction et billet d'humeur que personne n'a demandé</h1>
<p>Commençons d'emblée par établir mon cas d'utilisation: <b>je voulais que ce que je post sur Bluesky soit dupliqué sur Twitter, et pas l'inverse</b>. J'ignore si le script utilisé dans cet article est capable de faire l'inverse (je pense pas).</p>

<p>Bluesky est un clone de Twitter (pardon, <i><b>X</b></i>) décentralisé (<small>sauf qu'en fait il est centralisé en ce moment mais le mot "décentralisé" ça fait comme le mot quantique, ça a l'air mystique et génial en même temps alors que c'est probablement du caca de vache sur une trotinette</small>).</p>

<p>Je pense que Twitter est perdu, en particulier depuis les éléctions américaines de 2024. Les notes de communauté c'était cool mais bon, il y en a une sous chaque tweet de Musk et ça sert à rien il continue quand même sans changer 1 micromètre d'opinion.</p>

<p>On commence à se demander si y a pas de l'<a href="https://en.wikipedia.org/wiki/2024_Tenet_Media_investigation" target="_blank" rel="noopener noreferrer">argent étranger</a> là dedans.</p>

<p>Je promet d'expliquer comment poster en même temps sur Twitter et Bluesky plus loin en détails et de manière accessible aux néophytes (qui sont quand même un petit peu chauds) étape par étape.</p>

<p>Avant ça faut que je radote sur le sens de la vie mais vous êtes bien entendu libres de passer cette intro.</p>

<p>L'ambiance sur Bluesky est aussi plus proche du vieux Twitter que de... X.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/crosspost/crosspost_compte_typique1.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/crosspost/crosspost_compte_typique1.png" alt="Un compte Twitter bourré de drapeaux et d'images cringe de patriotisme" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Ce genre de compte n'est pas encore trop présent sur Bluesky &mdash; Pour l'instant</div>
</div>

<p>On rencontre beaucoup plus d'enthousiastes de la tech, d'artistes et de <a href="https://fr.wikipedia.org/wiki/G%C3%A9n%C3%A9ration_Y" target="_blank" rel="noopener noreferrer">milléniaux</a> qui ont envie de rigoler que de #JambonBeurre (j'en ai trouvé <b>aucun</b>) ou autres personnages ultra sérieux dans leur désir de vous vendre un sac sur la société qui s'écroule à cause des élites qui organisent des <i>Squid Game</i> en tirant des seringues de vaccin covid sur de pauvres victimes trouvées dans un bal mu...<p><b><a href="https://dkvz.eu/articles/crosspost_bluesky_twitter">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>OVH et la migration en 1-click (qui prend 24 heures et un ticket de support)</title>
      <link>https://dkvz.eu/breves/161</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/161</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_linux2.png"/>
      
      <description><![CDATA[<p>Aaah OVH... Le fleuron de l'hébergement chez mes voisins Français préférés.</p>

<p>J'héberge mon illustre et non moins célèbre blog chez eux, sur un <abbr title="Virtual Private Server">VPS</abbr> que j'ai commencé à louer en 2016 pour une somme dérisoire (4€/mois à l'époque?).</p>

<p>C'est une vieille Debian de l'enfer, version 8 (on est à la 12 en ce moment) qui est tellement vieille que j'arrive plus à utiliser <b>Ansible</b> dessus. Il me sort un message d'erreur du style "cette version de Python n'est plus censer exister puis surtout on en a marre de toutes ces versions de Python va jouer dehors".</p>

<p>Faudrait que je réinstalle tout ça mais j'ai pas le temps pour cause de bébé qui est accessoirement aussi la raison pour laquelle je vous parle de déboires somme-toute banals avec OVH dans une autre brève aujourd'hui au lieu de mettre à jour mon article sur le crosspost Bluesky/Twitter alors qu'il se prend un grand nombre de visites par jour et présente une procédure qui, à mon avis, ne fonctionne plus.</p>

<p>A vrai je pensais tout doucement à essayer la concurrence qui offre des VPS potentiellement meilleurs pour moins cher, surtout qu'OVH m'avait déjà envoyé une rectification de prix à la hausse, certe compréhensible après l'inflation globale post-covid (qui serait 100% de la faute de Joe Biden d'après X.com).</p>

<p>Il me semble avoir aussi déjà reçu un mail indiquant que ma gamme de VPS c'est un vieux machin et faudrait que je passe à la nouvelle.</p>

<p>Je suis jamais passé à la nouvelle.</p>

<p>Un jour j'ai reçu un email plutôt long, du genre de longueur que quand moi j'envoie des emails aussi longs j'ai aucune réponse ou une vague réponse inutile au premier tiers de l'email.</p>

<p>Je vous le pose ci-dessous mais je m'attend pas à ce que vous le lisiez et j'ai vraiment pas l'intention de le copier en Alt non plus, par contre je peux le résumer:</p>

<blockquote>
Yo, ton VPS il est vraiment trop moisi on te propose de passer à un "nouveau" qui est mieux, plus beau et moins cher. Tu peux lancer la migration en un click depuis le panneau client, sinon on LA LANCE POUR TOI DE FORCE début d'année prochaine. Si ça te va pas tu peux résilier. Bisous
</blockquote>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 601px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/ovhshort/ovh_email.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/ovhshort/ovh_email.png" alt="L'email d'OVH - Peut être je peux le poster en commenta...<p><b><a href="https://dkvz.eu/breves/161">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Mise à jour de mes recettes ffmpeg</title>
      <link>https://dkvz.eu/breves/160</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/160</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_pull1.jpg"/>
      
      <description><![CDATA[<p>Pour le coup ça va être vraiment bref cette fois-ci.</p>

<p>J'ai ajouté quelques recettes à mon légendaire article sur l'<a href="https://dkvz.eu/articles/edition_video_ffmpeg" target="_blank" rel="noopener noreferrer">édition vidéo du pauvre avec ffmpeg</a>, en ligne de commande, comme un hack3r.</p>

<p>Au programme, quelques nouvelles recettes comme l'inversion de couleur, une mise à jour des infos sur le téléchargement d'audio/vidéo depuis Youtube, et la correction tant attendue de la faute de frappe si judicieusement remarquée par <i>Grinchou</i> il y a des années:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1000px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/grinchou.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/grinchou.png" alt="Quelqu'un qui commente que j'ai écrit 'chouettes transisions' dans l'article" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Certes</div>
</div>

<p>J'ai aussi ajouté la coloration syntaxique sauf que ça colore pas grand chose.</p>

<p>Je vous reposte un truc plus substancialiste très bientôt.</p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai attendu 20 ans avant de bloquer les pubs sur mon mobile</title>
      <link>https://dkvz.eu/breves/159</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/159</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows4.png"/>
      
      <description><![CDATA[
<p>En vrai ça fait peut-être pas 20 ans que j'ai un téléphone mobile capable de SURFer (qui se souvient de la période où on utilisait ce terme? Haha <small>je suis hyper vieux</small>).</p>

<p>En général, quand on pense que quelque chose c'était mieux avant, on est sujet à divers biais et manques d'information et on se trompe totalement. C'était pas vraiment mieux avant. Genre le <a href="https://en.wikipedia.org/wiki/Wireless_Application_Protocol" target="_blank" rel="noopener noreferrer">WAP</a> ou le télétexte c'était vraiment le moyen âge. OK on se tapait pas une pub chelou pour une arnaque pyramidale en regardant Youtube, mais c'est parce que y avait pas Youtube.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 510px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/mobile-adblock/teletext.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/mobile-adblock/teletext.png" alt="Teletexte France 2 avec quelques infos puis plein de pubs de PMU et de trucs par SMS en dessous" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Je cherchais une image de télétexte en toute innocence et voilà-t-y pas qu'un tiers du truc en bas c'est des pubs &mdash; C'était vraiment pas mieux avant</div>
</div>

<p>Ceci dit, pour ce qui est des pubs, je me demande vraiment si c'était pas mieux avant. Vous vous souvenez du temps des connexions mobile en "Edge" (bien avant la 3G, 4G, et tous les autres G) ?</p>

<p>Ce truc a une vitesse max de genre 250 Kb/s. C'était possible de naviguer sommairement sur les Internets avec ça; de nos jours c'est absolument et totalement impossible et ce n'est pas entièrement la faute des 12 MB de JavaScript nécessaires pour avoir un menu déroulant qui brille dans le noir, c'est aussi en grande partie toutes ces pubs dont certaines sont carrément en vidéo.</p>

<p>Je veux dire, c'est quoi ce plan, là, sérieusement:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/mobile-adblock/adsite.jpg" alt="Un site plein de pubs sur mobile où il y a 1/5 de l'écran qui est utile" class="responsive-img center-image"></img-lightbox></p>

<p>J'ai même pas vraiment pris le pire exemple rencontré. Y a <b>UN QUART</b> de l'écran qui n'est pas des pubs.</p>

<p>Et on est sur mobile donc suffit que le clavier déboule et il happe 1/3 de ce qui reste d'utile à l'écran à lui seul.</p>

<p>Est-ce qu'on est vraiment obligés de s'infliger cette purge??</p>

<p>C'est comme les lignes de téléphone fixe, un jour c'était bien on appelait nos cop...<p><b><a href="https://dkvz.eu/breves/159">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Jouer sous Linux c&#x27;est trop facile maintenant</title>
      <link>https://dkvz.eu/breves/158</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/158</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_gaming1.jpg"/>
      
      <description><![CDATA[<p>Jouer à des jeux sous Linux, c'est historiquement compliqué. Je veux dire, tout est historiquement (ou contemporainement (<small>ça se dit ça?</small>)) compliqué sous Linux.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 900px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/steam-linux/working.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/steam-linux/working.png" alt="Ecran de Linux avec un jeu Monsieur Patate en avant plan" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Exemple de Linux Power Gaming (un vrai screenshot de moi qui bosse en 2009)</div>
</div>

<p>Avant je disais souvent "le seul truc plus facile sous Linux que Windows c'est installer une imprimante" &mdash; et c'est toujours un peu vrai, ça peut se faire en deux clicks et fonctionne sans t'installer 12 services en arrière plan et des pubs de vente de cartouches. Bon par contre j'ai plusieurs distribs différentes (Mint et Manjaro) avec lesquelles mes imprimantes déjà configurées ne fonctionnent plus du jour au lendemain. Il faut les supprimer et les re-ajouter, parfois avec l'interface web effrayante de CUPS.</p>

<p>Je vais retenir mes anecdotes parce que là je voudrais juste sortir un petit quelque chose sur le blog pour combler le retard encouru par mes vacances et de ma stature de papa et générallement d'humain qui devient vieux.</p>

<p>Depuis bien longtemps il existe une <b><i>couche de compatibilité</i></b> avec Windows appelée WINE. Elle permet (en théorie lel) d'exécuter des programmes Windows nativement sous Linux.</p>

<p>En pratique, ça fonctionne <i>pas toujours</i>. Il y a beaucoup de versions de Wine, des dépendances obscures à installer, des erreurs bizarres, des hacks manuels (ben ouais) et des problèmes de drivers.</p>

<p>Il fallait se préparer à passer des heures sur des forums de barbus.</p>

<p>Débarquent ensuite deux chouettes projets:</p>
<ul>
<li><a href="https://www.playonlinux.com/fr" target="_blank" rel="noopener noreferrer">Play On Linux</a></li>
<li><a href="https://lutris.net" target="_blank" rel="noopener noreferrer">Lutris</a></li>
</ul>

<p>Je sais même plus dans quel ordre et comment on utilisait ces projets. Il me semble que Play On Linux permettait aussi d'installer Microsoft Office (de manière bien foireuse évidemment).</p>

<p>Dans tous les cas, rien n'était simple, même en suivant la "recette" toute faite on tombait rapidemment sur des problèmes de compatibilité de versions où il fallait comp...<p><b><a href="https://dkvz.eu/breves/158">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Cross-compilation en Rust</title>
      <link>https://dkvz.eu/breves/157</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/157</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>Ah ouais elle va être bien cette brève, on voit que je suis hyper inspiré ces derniers temps.</p>

<h2>De Linux vers Windows</h2>
<p>Imaginons que je souhaite compiler pour Windows depuis ma machine Linux, ou vers un "Linux générique" de sorte à ce qu'on ne se retrouve pas avec un binaire qui ne fonctionne que sur ma version hyper spécifique et chelou de Manjaro.</p>

<p>Ben en fait c'est pas si compliqué. C'est plus compliqué qu'en Go ceci dit.</p>

<p>Par exemple, pour <b>construire pour Windows depuis Linux</b>, on installe d'abord la cible qui va bien avec <i>rustup</i>:</p>

<pre class="screen"><code class="language-bash">rustup target add x86_64-pc-windows-gnu</code></pre>

<p>Ensuite on compile:</p>
<pre class="screen"><code class="language-bash">cargo build --release --target x86_64-pc-windows-gnu</code></pre>

<p>Et là vous devriez chopper une vielle erreur du style <b>linker `x86_64-w64-mingw32-gcc` not found</b>.</p>

<p>Moi j'ai juste dû installer <i>Mingw</i> via le paquet de ma distrib qui s'appelle <b>mingw-w64</b> et c'était reglé.</p>

<h2>De Linux vers Linux générique</h2>
<p>La cible s'appelle <b>x86_64-unknown-linux-musl</b> et permet de compiler en évitant de lier dynamiquement des librairies, ce qui pourrait générer un binaire qui ne fonctionne pas sur certaines (entendre la plupart) des distributions et leurs différentes versions.</p>

<p>A noter que ça ne fonctionne pas toujours parce que certaines CAISSES semblent utiliser des liens dynamiques qui ne peuvent pas être évités. Si ça vous arrive, il faudra malheureusement trouver une <i>crate</i> alternative.</p>

On installe donc la cible:
<pre class="screen"><code class="language-bash">rustup target add x86_64-unknown-linux-musl</code></pre>

<p>Et normalement on peut de suite compiler et ça fonctionne:</p>

<pre class="screen"><code class="language-bash">cargo build --release --target x86_64-unknown-linux-musl</code></pre>

<h2>De Windows vers Linux</h2>
<p>Pour compiler de Windows à Linux, j'utilise le compilateur GNU <a href="https://dkvz.eu/articles/rust_windows_avec_gcc" target="_blank" rel="noopener noreferrer">comme mentionné dans cet article</a> et n'ai pas testé le compilateur par défaut qui est celui de Visual Studio.</p>

<p>Je suppose aussi que vous avez installé Rust avec <b>rustup</b> en installation locale, c'est-à-dire dans le répertoire de votre utilisateur en cours.</p>

<p>La première étape consiste à installer la cible "Linux inconnu":</p>
<pre class="screen"><code class="la...<p><b><a href="https://dkvz.eu/breves/157">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Golang, c&#x27;est bien</title>
      <link>https://dkvz.eu/breves/156</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/156</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>En 2020 (lol) <a href="https://dkvz.eu/articles/meilleurs_langages_prog_2020" target="_blank" rel="noopener noreferrer">je parlais de remplacer Perl et Java</a> (LOL) par notamment JavaScript et C#.</p>

<p>C'est pas un secret que j'aime beaucoup Rust pour son efficacité de l'extrême et la robustesse de ses outils (Cargo, intégration des tests, ...).</p>

<p>Par contre, il faut bien avouer que coder en Rust c'est lent. Je passe plein de temps à optimiser les chaines d'appels sur des <b>Option</b> et <b>Result</b> et à créer des tests dans le module en cours pour tester ce que je suis en train d'écrire (ce qui est une bonne chose en fait) et tout ça me prend beaucoup de temps.</p>

<p>Si j'ai un soucis avec le <i>borrow checker</i> ou les durées de vie, ça va aussi me retarder même si avec l'expérience on intègre les moyens d'éviter ce type de soucis.</p>

<p>Je suis toujours partagé entre l'idée d'obtenir l'efficacité maximale au niveau mémoire et juste m'autoriser quelques copies de contenu de variables par-ci par-là ou l'utilisation de types de pointeurs complexes.</p>

<p>L'absence de valeurs "null", j'aime beaucoup aussi, mais comme j'en parlais plus haut ça force à avoir un bon nombre de chaines de fonctions sur les <b>Option</b> (c'est l'élément qui remplace les valeurs "null") ou des <i>match</i> à gogo.</p>

<p>Du coup c'est bien mais ça se paye en temps de dev.</p>

<p>Go n'est pas vraiment comparable à Rust en cela qu'il embarque un <i>garbage collector</i> qui ajoute de la complexité de fonctionnement aux exécutables compilés, qui utilisent aussi générallement plus de mémoire.</p>

<p>Ceci dit, la plupart du temps et pour la plupart des cas d'utilisation, qui est à 30 MB de mémoire près? Personne, non?</p>

<p>Le <i>garbage collecteur</i> de Go est aussi très efficace et se comporte très différemment de celui de Java qui est légèrement effrayant pour les vieux devs/admin sys comme moi-même.</p>

<p>Tout est plus simple tout en étant horriblment efficace.</p>

<p>Ce qui m'amène finalement à juste utiliser Go plutôt que C#. Même si la nature des langages est totalement différente puisque Go n'est pas basé sur des classes.</p>

<p>C'est d'autant moins grave que quand on regarde les évolutions de C#, on dirait qu'il s'éloignent volontairement de plus en plus des vieux paradigmes orientés objet en décourageant l'héritage (plutôt utiliser des méthodes d'extension et interfaces) et en ajoutant énormément d'aspects empruntés à la programmation fonctionnelle.</p>

<...<p><b><a href="https://dkvz.eu/breves/156">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Ma carte graphique agée de plus de 3 ans fait un bruit de réacteur d&#x27;avion</title>
      <link>https://dkvz.eu/articles/ma_carte_graphique_chauffe_trop</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/ma_carte_graphique_chauffe_trop</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/2070-repaste/thumb_geforce3.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>J'ai une Nvidia GeForce RTX 2070 Super dans un ordi à la maison. La carte a quelques années maintenant (4?) mais se débrouille toujours très bien.
</p>

<p>Mon modèle exact: <b>Gigabyte 2070 Super Gaming OC</b>.</p>

<p>En particulier elle supporte DLSS, ce qui aide pas mal dans les jeux modernes.</p>

<p>Par contre, elle fait un BOUCAN DE MALADE quand elle est à 100% de charge.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1000px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/2070-repaste/2070_front.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/2070-repaste/2070_front_1000.jpg" alt="La carte graphique vue de dessus, blanche, avec 3 ventilateurs noirs" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est ce modèle. Sympa en blanc n'est-ce pas?</div>
</div>

<p>J'essaye habituellement d'éviter le 100% de charge pour sauver la planète (et mes oreilles, et la température de la pièce) en mettant une limite de FPS ou en étant conservateur avec la résolution.</p>

<p>Un moment ça faisait tellement de bruit que j'ai commencé à me demander si c'était normal parce que, pour être honnête, j'ai un peu oublié comment ça se passait quand j'utilisais régulièrement cette carte.</p>

<p>He ben c'était pas normal.</p>

<p>Avec <a href="https://www.hwinfo.com/download" target="_blank" rel="noopener noreferrer">hwinfo64</a> ouvert et une charge GPU forcée de 100% (par ex. avec <a href="https://benchmark.unigine.com/heaven" target="_blank" rel="noopener noreferrer">Heaven Benchmark</a> <small>oui c'est un truc de vieille personne mais ça fait l'affaire gratuitement</small>) j'ai le <b>POINT CHAUD</b> du GPU qui atteint <b>105°C</b>, ce qui provoque une accélération des ventilos jusqu'au maximum possible.
</p>

<p>Détail relativement inquiétant: le GPU continue de monter en fréquences de manière plutôt agressive alors que le point chaud est au moins à 105° (je pense que le capteur s'arrête à cette valeur).
</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 847px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/2070-repaste/temps_post_modif_annot.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/2070-repaste/temps_post_modif_annot.png" alt="Hwinfo64 affichant une température de 105° pour le point chaud du GPU" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Bon là c'est une photo postérieure à la résolution du problème, mais je vous promet avant c'...<p><b><a href="https://dkvz.eu/articles/ma_carte_graphique_chauffe_trop">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Télécharger une vidéo Youtube ou juste son audio [2024]</title>
      <link>https://dkvz.eu/breves/154</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/154</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art1.jpg"/>
      
      <description><![CDATA[<p><a href="https://dkvz.eu/breves/130" target="_blank" rel="noopener noreferrer">J'avais déjà décrit ma manière originale de télécharger une vidéo Youtube ou juste son audio</a> pour l'écouter tranquille en faisant la vaisselle sans se taper une pub toute les deux minutes (j'exagère même pas) et en drainant la moitié de sa batterie pour afficher de la vidéo qu'on regarde même pas.</p>

<p>En soi, cette méthode fonctionne toujours et j'avais dans ma liste de projets à réaliser un plan d'avoir un outil en ligne plutôt que de devoir ouvrir un vrai ordinateur à chaque fois puis trouver un moyen de transférer le fichier sur le téléphone.</p>

<p>He ben y a quelqu'un il a fait ce projet, <a href="https://bsky.app/profile/pierrearlais.bsky.social/post/3krvgtua4yj2e" target="_blank" rel="noopener noreferrer">je l'ai appris sur Bluesky</a>. Parce que oui, <a href="https://bsky.app/profile/dkvz.eu" target="_blank" rel="noopener noreferrer">je suis sur Bluesky avec les autres gens cools</a>.</p>

<p>Détail croustillant: le projet est écrit en JavaScript (pour les petits nouveaux, je parle de JavaScript dans pratiquement tous mes articles, même ceux dont le sujet n'a absolument rien à voir avec la <b><i>micro-informatique</i></b>).</p>

<p>D'ailleurs je comprends pas trop comment ça fonctionne. Ils utilisent beaucoup les flux JS mais pas de <b>yt-dlp</b> qui est pourtant la base (et ce que j'utilise) et on dirait qu'il n'y a pas de backend? Parce que moi j'allais d'office avoir une partie serveur pour tamponner le téléchargement mais c'est vrai qu'on pourrait rediffuser le flux de téléchargement.</p>

<p>Une conséquence de cette affaire de flux étant que la taille totale du fichier est inconnue, ça télécharge jusqu'à ce que ça télécharge plus. Et j'ai déjà eu des soucis avec des vidéos de plus de 50 minutes. Parfois j'utilise encore <b>yt-dlp</b> pour les longues vidéos (en fait j'utilise <a href="https://github.com/dkvz/dkvz-scripts/blob/main/local/bin/yt-audio.sh" target="_blank" rel="noopener noreferrer">ce script</a>).</p>

<p>La version que j'allais faire je l'aurais jamais exposée publiquement à tout le monde, pas sûr que ça soit ultra légal cette affaire. Il y a un lien "Télécharger la vidéo" sur l'appli mobile Youtube qui te dit "LOL JOKE TU DOIS PAYER POUR çA".</p>

<p>Bon je vous file le lien hein: <a href="https://cobalt.tools" target="_blank" rel="noopener noreferrer">https://cobalt.tools</a></p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/cobalttools1.png" alt="L'interface de l...<p><b><a href="https://dkvz.eu/breves/154">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai découvert les bookmarklets, et j&#x27;étais pas prêt</title>
      <link>https://dkvz.eu/breves/153</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/153</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web3.jpg"/>
      
      <description><![CDATA[<p>Un beau jour, je cherchais comment mettre en forme et enregistrer facilement une <a href="https://dkvz.eu/articles/142" target="_blank" rel="noopener noreferrer">conversation avec ChatGPT</a> et je suis tombé sur un concept qui sentait le vieux de loin.</p>

<p>J'étais pas préparé au niveau de vieux de ce truc ancien des temps reculés où l'Eurodance était encore à la mode.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 460px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/bookmarklets/eurodance_meme.webp" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/bookmarklets/eurodance_meme.webp" alt="Plusieurs jeunes qui dansent avec un air en transe et la légende 'les gens dans les années 90 quand un voix robotique dit around the world 190 fois de suite à la radio'" class="responsive-img"></a></img-lightbox>
<div class="image-legend">On sort en boite ou quoi?</div>
</div>

<p>Vous vous souvenez des URL à base de <i>javascript:&nbsp;void()</i>? Si vous êtes un dinosaure du web vous en avez déjà vu par-ci par-là, si vous êtes une personne normale... Ben non mais alors je sais pas ce que vous fabriquez sur ce blog.</p>

<p>Cette technique permettait de donner un attribut <i>href</i> qui ne fait rien du tout à un lien. C'était utile pour... Des trucs. Je sais plus en fait.</p>

<p>C'est possible de bourrer du JavaScript générique dans l'attribut <i>href</i>. Par exemple:</p>

<pre class="screen"><code class="language-html">&lt;a href="javascript: void(alert('A que coucou'))"&gt;Clique moi&lt;/a&gt;</code></pre>

<p>Ce qui donne ceci:</p>

<p><a href="javascript: void(alert('A que coucou'))">Clique moi</a></p>

<p>L'origine de cette fourberie serait quelqu'un chez Netscape qui s'est dit que ce serait une super top idée de pouvoir "ouvrir du JavaScript" (??) comme URL et euh... De cette idée découlent des conséquences... Qui mèneront au sujet de cet article.</p>

<p>Attends, t'as dit <b>Netscape</b>? Ben ouais! Si tu sais pas keske c'est Netscape, c'est le <a href="https://www.youtube.com/watch?v=X49CE-1F02o" target="_blank" rel="noopener noreferrer">Chrome des années 90</a> sans les brols de Google.</p>

<p>Il y avait aussi son frère maléfique <i>Internet&nbsp;Explorer&nbsp;6</i> mais sa lignée s'est éteinte (y a pas tellement longtemps lul).</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 800px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/bookmarklets/netscape.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/bookmarklet...<p><b><a href="https://dkvz.eu/breves/153">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>83,7% des utilisateurs de VS Code commettent cette erreur</title>
      <link>https://dkvz.eu/breves/152</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/152</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code1.png"/>
      
      <description><![CDATA[<p>Il est temps de mettre les points sur les i. Les pendules à l'heure. Le petit Jésus dans la crèche. L'église au milieu du village.</p>

<p>Vous aussi ça vous ennuie quand vous regardez un tuto ou un Tweet de quelqu'un qui développe et son éditeur ressemble à ça (<small>NB: j'ai créé cette situation moi-même</small>):</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/vscode/vscode_caca.png" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/vscode/vscode_caca.png" alt="VS Code avec un affreux thème vert, des waifus, l'explorateur ouvert à gauche et le terminal en bas, la zone de code est minuscule" class="responsive-img center-image"></a></img-lightbox></p>

<p>Je parle pas du thème hideux, des <i>waifus</i> ou de <i>VS Code Pets</i> mais de cette situation standard où la partie de l'éditeur ouskon-écrit-vraiment-le-code est toute petite.</p>

<p>Les gens ils ont genre deux écrans minimum parce que quand t'es INGENIEUR DE PROGRAMME t'aimes ça les écrans. Oh oui.</p>

<p>Tout ça pour avoir 150 pixels-carrés de boite-à-texte où tu "travailles" vraiment.</p>

<p>Bah oui, on sait tous que quand c'est pas Copilot ou Stackoverflow qui écrit ton truc, tu fais secrètement semblant de prendre des plombes pour de commit un bon vieux +2lignes nommé "UPDATE README". Du coup je comprends que la taille de la zone de texte est moins importante que le nombre d'écrans et le thème de couleurs.</p>

<p>Ben il est temps que ça cesse!</p>

<p>Même sur le site officiel ils montrent un vieux plan avec une énorme barre latérale affichant des trucs inutiles, un bon gros terminal en bas avec juste "ayé j'ai compilé un truc hihi" et une mini zone d'éditeur de texte:</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/vscode/s_vs_code1.png" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/vscode/s_vs_code1.png" alt="Image qui est sur le site de VS Code montrant l'éditeur avec un gros panneau extensions ouvert à gauche et un énorme terminal en bas" class="responsive-img center-image"></a></img-lightbox></p>

<p>Les gens ils rigolent bien avec la blague de VS Code sur ta montre mais moi c'est comme ça que je les imagine programmer.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 450px">
<img-lightbox><a href="https://dkvz.eu/stuff/vscode/vscode_watch_joke.jpg" target="_blank"><img src="https://dkvz.eu/stuff/vscode/vscode_watch_joke.jpg" alt="Une montre connectée avec le VS Code en ligne (sur Github) d'ouvert - évidemment il n'y a pas assez de place pour afficher tout" class="responsive...<p><b><a href="https://dkvz.eu/breves/152">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Web Design: Animation de texte avec l&#x27;IntersectionObserver</title>
      <link>https://dkvz.eu/breves/151</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/151</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<h2>Introduction</h2>
<p><a href="https://dkvz.eu/breves/143" target="_blank" rel="noopener noreferrer">Je me souviendrai toujours du beau matin où j'ai appris l'existence</a> de l'<a href="https://developer.mozilla.org/fr/docs/Web/API/Intersection_Observer_API" target="_blank" rel="noopener noreferrer">IntersectionObserver</a>, une API de navigateur native permettant que diverses chose se produisent lorsque les utilisateurs font défiler la page ou n'importe quel élément avec des barres de défilement.</p>

<p>Enfin quelque chose d'économe en événements qui soit presque carrément élégant pour implémenter tout ce qu'il y a de plus cool dans la vie:</p>

<ol>
<li>Chargement différé (<i>lazy loading</i>) de contenu (par ex. des images);</li>
<li>Un peu la même idée: chargement de plus de contenu quand on arrive à la fin de la page (<i>infinite scrolling</i>) &mdash; C'est ce qui fait qu'on reste des heures à regarder des vidéos de bouffe sur Facebook ou des <i>reels</i> tout naze sur Instagram mais on peut pas s'en empêcher même si on sait pertinemment bien que c'est la même chose que rediriger sa vie dans /dev/null ;</li>
<li>Montrer d'autant plus impressionnantes qu'inutiles animations pour révéler du contenu ou montrer la progression.</li>
</ol>

<p>J'avais déjà <a href="https://dkvz.eu/breves/143" target="_blank" rel="noopener noreferrer">sommairement exploré</a> le point 3 en l'implémentant sur les images des articles pour la future mouture (<small>ça fait au moins 10 ans que je bosse dessus</small>) du présent blog, ça donnait ceci (**il faut défiler la page**):</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1200px">
<iframe src="https://dkvz.eu/stuff/norobots/blog-poc-3/article.html" style="max-width: 1200px; width: 100%;" height="700"></iframe>
</div>

<h2>Je veux animer du TEXTE</h2>
<p>Pour la petite histoire, j'ai voulu tenter d'animer des trucs de texte en voyant la page d'accueil de l'<a href="https://www.epic.net" target="_blank" rel="noopener noreferrer">agence web "Epic Agency"</a>.</p>

<p>Leur site est bourré d'animations en tout genre, de déformations et d'objets générés dans des éléments <i>canvas</i>.</p>

<p>Bon alors c'est sûr que leur site illustre assez bien si vous êtes privilégiés ou pas puisqu'il va être lent et consommer toutes les ressources sur votre ordi/téléphone moisi de 2010 que vous trainez toujours.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1660px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/...<p><b><a href="https://dkvz.eu/breves/151">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Mode sombre facile pour votre site web</title>
      <link>https://dkvz.eu/articles/mode_sombre_facile</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/mode_sombre_facile</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/darkmode/darkmode_thumb.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Je me souviens très clairement d'avoir lu la recommendation de ne <b>pas</b> utiliser de texte clair sur arrière-plan sombre. Je parle de l'époque d'Internet Explorer 6.0 que les moins de 20 ans ne peuvent pas connaître et à qui je peux garantir que <b>c'était pas mieux avant</b>.</p>

<p>Et ça vient pas de nulle part, on sait depuis les balbutiements du développement web que le mode sombre <a href="https://www.journaldugeek.com/2022/09/08/pourquoi-le-mode-sombre-nest-pas-meilleur-pour-vos-yeux" target="_blank" rel="noopener noreferrer">n'est pas meilleur pour les yeux</a>, au contraire, ça dilate de la pupille, accentue les effets de halo et par conséquent demande plus de travail au cerveau.</p>

<div class="video-container">
<iframe src="https://dkvz.eu/wp-content/stuff/antique-website/index.html"></iframe>
</div>

<p>Pourtant, depuis quelques années, tous les gens cools et <i>chébrans</i> utilisent le mode sombre et c'est courant de les voir se payer librement la tête de ces pauvres dino-développeurs qui utilisent le thème clair de Visual Studio.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 700px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/darkmode/light_mode2.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/darkmode/light_mode2.jpg" alt="Photo d'un type avec une lampe dans la figure et la légende 'People who use the light IDE theme'" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est pas les <i>memes</i> qui manquent sur le sujet</div>
</div>

<p>C'est pas rare d'avoir un bouton pour basculer de mode sur les Internettes. Enfin... C'est étrangement absent de certains sites (<i>je te regarde Wikipedia</i>) bien qu'il existe toujours le mode lecture ou des extensions de navigateur pour ces cas là.</p>

<p>Si vous avez l'âme d'un hack3r vous pouvez même créer un mode sombre de wish avec la console (j'ai fait cette vidéo en 10 minutes, je suis au courant que c'est moche):</p>

<video class="responsive-video" preload="none" controls="" poster="/wp-content/stuff/1080p_shrimp_pholder.jpg">
<source src="https://dkvz.eu/wp-content/stuff/darkmode/dark_mode_de_wish.mp4" type="video/mp4">
<p>Votre navigateur n'a pas la capacité de lire les vidéos HTML5.</p>
</video>

<h1>Si c'est pas mieux pour les yeux, pourquoi?</h1>
<p>La mode. Et aussi la consommation des écrans OLED et AMOLED, lesquels sont très utilisés sur téléphones mobiles et autres appareils avec une modeste batterie.</p>

<p>Ces écrans allument ou ...<p><b><a href="https://dkvz.eu/articles/mode_sombre_facile">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Case-mod ultime pour boitier d&#x27;ordi NZXT H510</title>
      <link>https://dkvz.eu/articles/case_mod_ultime_nzxt_h510</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/case_mod_ultime_nzxt_h510</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/h510/anime_case_thumb.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Comme tout un chacun, je m'adonne occasionnellement au hacking sauvage de matériel informatique, voyez vous-mêmes cette carte RAID aux capacités de refroidissement décuplées:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 700px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/h510/carte_raid_mod.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/h510/carte_raid_mod_1000.jpg" alt="Une carte RAID avec un ventilo 120mm qui remplace un 20mm" class="responsive-img"></a></img-lightbox>
<div class="image-legend">En bonus c'est plus silencieux, engagez-moi</div>
</div>

<p>Je me souviens quand j'étais ado on bavait devant les mods fantasques du site <a href="http://www.jackypc.com" target="_blank" rel="noopener noreferrer">JACKY PC</a> qui, à ma grande surprise, existe toujours (sans https lol) comme figé dans sa glorieuse époque de gros tableau à taille fixe avec un jeu de couleur tellement dégeulasse que tu te demandes si ton écran il a pas un problème. Oui c'est un comble que je me mette à donner des lessons de jeux de couleurs mais là je pense que j'ai le droit.</p>

<p>Et du coup, je vous ai déjà raconté la fois où j'ai mod ma tour d'ordi pour des performances thermales (thermiques??) inégalées?</p>

<p>Non?</p>

<p>Bon ben c'est parti.</p>

<h1>Le "problème"</h1>
<p>C'était en 2022, deux ans après avoir assemblé un <a href="https://dkvz.eu/articles/setup_2020_ryzen_x570" target="_blank" rel="noopener noreferrer">nouvel ordi à base de Ryzen 3900X</a>.</p>

<p>A l'époque j'ignorais totalement à quel point ça chauffe une carte graphique en train de tracter plus de 200w en permanence parce que mon ancien ordi était soit extrêmement limité par son processeur, soit verouillé à 60 FPS parce que j'ai très longtemps traîné un écran 60Hz (si c'est pas cassé pourquoi le changer n'est-ce pas? <small>Je conseille vivement de le changer pour un 120hz+ ça change la vie</small>).</p>

<p>Utiliser un boitier avec l'avant fermé me semblait tout à fait acceptable et de toutes façons c'était une des seules possibilités à avoir l'aval du conjoint, ce qui n'est pas une mince affaire comme on dit chez nous.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 889px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/h510/h510_cases.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/h510/h510_cases.png" alt="Extrait des boitiers h510 montrés par le site de NZXT" class="responsive-img"></a></img-lightbox>
<div class="image-l...<p><b><a href="https://dkvz.eu/articles/case_mod_ultime_nzxt_h510">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment enregistrer une vidéo Facebook ou Instagram</title>
      <link>https://dkvz.eu/articles/enregistrer_video_facebook_ou_instagram</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/enregistrer_video_facebook_ou_instagram</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/fb-vid/fb_logo.png"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Sur Facebook ou Instagram ils n'ont vraiment pas envie de vous offrir un moyen simple de télécharger une vidéo.</p>

<p>C'est un peu pareil sur Youtube, <a href="https://dkvz.eu/articles/130" target="_blank" rel="noopener noreferrer">sujet auquel j'avais déjà consacré un petit article</a>.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 450px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/fb-vid/raidshadowlegends_450.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/fb-vid/raidshadowlegends_450.png" alt="Pub pour un jeu mobile avec une demoiselle en tenue fantasy extrêmement courte" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Facebook c'est trop bien et pas du tout un réseau social de boomers en train de crever avec les pires pubs/arnaques du monde</div>
</div>

<p>D'un côté c'est cool de pas être appelé pour <i>support technique familial</i> sur un ordi plein à craquer parce que quelqu'un a décidé de télécharger tout Internet.</p>

<p>D'un autre côté, les gens ils peuvent filmer leur écran avec leur téléphone et sauvegarder ça. Pourquoi ne pas au moins planquer l'option quelque part? Facebook propose lien "Télécharger" quelque part pour les photos, ce serait pas beaucoup plus compliqué de le faire sur les vidéos.</p>

<p>Le plan présenté dans l'article fonctionne aussi sur Instagram mais je l'ai testé sur Facebook parce que je suis VIEUX.</p>

<h1>Etape 1: Ouvrir une page avec la (bonne) vidéo</h1>
<p>Première étape: localisez la vidéo que vous souhaitez télécharger pour des raisons qui vous regardent totalement indépendantes de mon jugement.</p>

<p>Il est possible de cliquer sur les <b>TROIS PETIT POINTS</b> au dessus de la vidéo pour afficher le super menu contextuel de la vidéo qui nous montre immédiatement un "Enregistrer la vidéo". Chouette! C'est ça qu'est-ce que je veux faire!</p>

<p>Sauf que non. Cette action place la page de vidéo dans un endroit obscur de votre compte "à regarder plus tard" ou je sais-pas-quoi.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1237px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/fb-vid/fb_vid_copy_link.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/fb-vid/fb_vid_copy_link.png" alt="Le menu contextuel des vidéos Facebook avec l'option Copier le lien en surbrillance" class="responsive-img"></a></img-lightbox>
<div class="image-legend">FEII - Faux Espoir Induit par Interface trompeuse</div>
</div>

<p>Il s'agit plut...<p><b><a href="https://dkvz.eu/articles/enregistrer_video_facebook_ou_instagram">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Rétrospective sur l&#x27;homéopathie</title>
      <link>https://dkvz.eu/breves/146</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/146</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic3.png"/>
      
      <description><![CDATA[<p>Vous savez quoi? Mes opinions elles changent avec le temps et ma maturité qui mature.</p>

<p>Je pense que c'est normal pour ce que j'espère être la plupart des gens.</p>

<p>On devient plus sage, moins souvent bourré, moins communiste (pas toujours), incapable de dormir sur un matelas de camping, plus modéré quoi.</p>

<p>Je ne présente plus mon célèbre article sur l'<a href="https://dkvz.eu/articles/l_homeopathie_c_est_quoi">homéopathie</a> où je cherchais l'origine et la méthode d'obtention de ces remèdes.</p>

<p>Je me rendusse à l'évidence que toute cette histoire de succussion et de téinture mère choisie avec la méthode éprouvée de "j'ai pensé ptet ça serait bien avec du coeur de canard dilué" était légèrement dépassée avec un soupçon de ridicule.</p>

<p>Et y a pas de mal, c'est vieux et on peut le concevoir comme de l'art si on le veut très fort.</p>

<p>De plus, pour beaucoup de gens tout ça n'a pas d'intérêt si le remède les a guérit de leur nez qui coule. C'est forcément qu'il y a quelque chose quelque part, succusion ou pas.</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/succuss.png" alt="Question sur un vrai groupe Facebook sur l'homéopathie: est-ce que la succussion par machine est vraiment ce qu'Hahnemann voulait?" class="responsive-img center-image"></img-lightbox></p>

<p>J'étais d'accord avec l'idée d'arrêter de rembourser ces traitements et de surcroit à l'interdiction complète de leur vente.</p>

<p>A y réfléchir avec le recul de malade que j'ai aujourd'hui, je pense que je me disais que:</p>

<h2>Ces remèdes prennent la place de vrais traitements</h2>
<p>C'est probablement quasiment pratiquement toujours totalement faux.</p>

<p>Déjà, les remèdes homéopathiques n'ont jamais la prétention de guérir l'angine bactérienne ou la maladie d'Alzheimer.</p>

<p>Ils évoquent quelques symptomes, générallement vagues, comme les "états grippaux" de l'Oscillococcinum, la douleur qui fait pas trop mal, et l'insomnie pas trop forte.</p>

<p>Si quelqu'un pense qu'il peut soigner sa pathologie grave bien spécifique à l'homéopathie, il est juste perdu et on peut rien faire.</p>

<p>Je pense que tous les homéopathes sains d'esprit lui conseilleront autre chose &mdash; Encore une opinion qui s'est nuancée puisque je pensais à l'époque qu'un homéopathe était forcément un genre de charlatan à la morale douteuse.</p>

<p>Je crois que la réalité est bien plus nuancée et que les gens purement maléfiques sont rares. En plus c'est facile de se justifier la prescription d'homéopathie...<p><b><a href="https://dkvz.eu/breves/146">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Réflexions sur les bases de connaissances</title>
      <link>https://dkvz.eu/breves/145</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/145</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_philo1.jpg"/>
      
      <description><![CDATA[<h1>Pourquoi?</h1>
<p>Je suis pas certain que cet article aura beaucoup de sens pour mes amis non-informaticiens même si une base de connaissances peut servir pour toutes sortes de processus créatifs.</p>

<p>Pour les programmeurs et autres techniciens de la nuit, je suis sûr qu'on a tous connu cette situation où on réouvre du code qu'on a écrit nous-mêmes et qui est juste impossible à comprendre parce qu'on a <b>TOUT</b> oublié.</p>

<p>Il en va de même pour des solutions logicielles complètes où des procédures qui vous évoquent quelque chose du genre "<i>il me semble que j'ai déjà dû effectuer exactement la même opération par le passé mais là je dois tout refaire en partant de zéro</i>".</p>

<p>Il ressort assez vite qu'on pourrait gagner du temps et consolider la connaissance en rassemblant des notes quelque part.</p>

<p>Je crois que le lien entre l'écriture et la mémoire est prouvé (SOURCE???), moi c'était ma méthode principale pour étudier: re-construire/écrire tout le cours en entier.</p>

<p>Peut-être ça marche pas pareil chez tout le monde.</p>

<p>Dans tous les cas, pour les amoureux de la connaissance, si vous arrivez à vaincre votre flemme et prendre note de ce que vous faites ou avez appris à un moment donné, ça peut être une substantive valeur ajoutée.</p>

<p>C'est aussi là que le bas blesse parce que nous, les humains, on est <b>EXTREMEMENT NULS</b> pour apprécier quelque chose qui sera bénéfique plus tard ou aura des conséquences néfastes dans l'avenir.</p>

<p>D'où la tendance à boire trop et se retapper une gueule de bois qu'on-avait-dit-la-dernière-fois qu'on s'arrêterait plus tôt, ou encore considérer sérieusement le changement climatique ou étudier bien à l'avance pour un examen &mdash; C'est contre-nature pour tout le monde d'investir dans l'avenir.</p>

<p>Selon votre niveau de psychose perfectionniste, ces notes peuvent être courtes et pas nécessairement correctes à 100%. L'important est d'avoir une aide mémoire efficace.</p>

<p>Tout ne doit pas non plus être de la technologie. J'ai des recettes, des infos sur des jeux vidéo (j'oublie toujours les contrôles), des cheat sheets en tout genre, des listes, des blagues de beauf, mes règlages de BIOS, des instructions de montage de machins, ...</p>

<p>On trouve par exemple cette incroyable liste de surnoms pour quelqu'un qui s'appelle Dan:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/kbshort/blagues_dan.png" alt="Une série de mauvais jeux de mot avec Dan dedans, comme Nostradanus par ex." cl...<p><b><a href="https://dkvz.eu/breves/145">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Chants révolutionnaires Français revisités: Le Chant du Départ</title>
      <link>https://dkvz.eu/articles/le_chant_du_depart_karaoke</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/le_chant_du_depart_karaoke</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/mehul_thumb.jpg"/>
      
      <description><![CDATA[<p>Je démarre une nouvelle fantastique série sur des reprises de chants révolutionnaires et/ou de l'époque de Napoléon 1er.</p>

<p>Oui c'est un peu bizarre.</p>

<p>Aujourd'hui: le Chant du Départ, 1er couple et refrain en Karaoké! Ouioui, vous avez bien lu.</p>

<p>Mis en musique en 1794 par Etienne-Nicolas Méhul sur des paroles d'un <a href="https://fr.wikipedia.org/wiki/Marie-Joseph_Ch%C3%A9nier" target="_blank" rel="noopener noreferrer">autre type qui est encore moins connu</a>.</p>

<p>Napo l'érigera en hymne national pendant son règne parce qu'il était pas fan de la Marseillaise pour diverses raisons qu'on s'en fout.</p>

<div class="video-container">
<iframe src="https://www.youtube.com/embed/_AMcpDpmOng" allowfullscreen="" frameborder="0"></iframe>
</div>

<p>La musique a été arrangée par votre serviteur et une talentueuse harpiste professionnelle parce que j'aurais pas pu aligner ces 4 accords majeurs différents moi-même, bien entendu.</p>

<p>L'instrument est un vieux synthé <b>Realistic Concertmate 970</b> que j'utilisais comme jouet étant enfant, sur 6 piles crayon. Nous utilisons l'arpégiateur intégré.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1000px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/crapic_realistic.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/crapic_realistic_1000.jpg" alt="Le clavier en question avec un chat noir derrière" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Je me suis trop amusé avec ce truc quand j'étais petit (le clavier pas le chat)</div>
</div>

<p>J'espère que vous apprécierez le charme rustique du vieux son analogique compressé avec la vieille vidéo... Aussi compressée de manière un peu trop rustique.</p>

]]></description>
    </item>
    
    <item>
      <title>Utiliser l&#x27;Intersection Observer pour tous les effets sur défilement</title>
      <link>https://dkvz.eu/breves/143</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/143</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>C'est pas un secret que j'utilise de multiples effets déclenchés par défilement de la page.</p>

<p>Par exemple, le <i>défilement infini</i> qui sur mes pages de liste d'article ou brève et qui, par ailleurs, est l'essence même du réseau social moderne et son addictivité (je pense c'est un vrai mot?).</p>

<p>Du coup normalement on place un bon vieil <b>ECOUTEUR D'ev3NEMENT</b> sur l'objet qui est sujet du défilement et qui est générallement <i>window</i> ou <i>document</i> (mais pas nécessairement):</p>

<pre class="screen"><code class="language-javascript">window.addEventListener('scroll', app.revealScrollCallback)</code></pre>

<p>Cet événement se produit à chaque défilement, même tout petit. Autant dire que ça mitraille de l'événement et qu'il n'y en a pas toujours besoin.</p>

<p>Bien entendu on peut retirer l'<b>ECOUTEUR D'ev3NEMENT</b> une fois qu'on en a plus besoin mais cette pratique est rare.</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/interobs/scroll_events.gif" alt="Montre combien de fois le callback d'un événement de défilement est appelé lors d'un court défilement" class="responsive-img center-image"></img-lightbox></p>

<p>Quelqu'un un moment a dû proposer un plan appelé <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API" target="_blank" rel="noopener noreferrer">Intersection Observer</a>, qui est un peu bizarre à comprendre et alien à voir en JavaScript moderne parce qu'il <b><i>faut instancier un objet</i></b> &mdash; avec le mot clé <i>new</i> et tout.</p>

<p>L'idée étant d'enregistrer une fonction à appeler lorsque un ou plusieurs éléments du <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction" target="_blank" rel="noopener noreferrer">DOM</a> entre <b>en intersection</b> avec un conteneur à spécifier, lequel est supposé avoir une partie "en vue" et une partie cachée qui peut être révelée par défilement.</p>

<p>Par défaut c'est la fenêtre / le document en cours.</p>

<p>J'essayerai d'expliquer tant que bien que mal ce que cette histoire d'intersection signifie (j'avais rien compris perso).</p>

<p>Bref, comme j'avais dit, faut instancier un bidule avec une fonction constructeur qui prend en paramètre la fonction <i>callback</i> appelée en cas d'intersection et un objet avec des options pour l'observateur d'intersection.</p>

<p>Cet objet est totalement optionel, les valeurs par défaut fonctionnent assez bien pour tous les cas basiques.</p>

<pre class="screen"><co...<p><b><a href="https://dkvz.eu/breves/143">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment dessiner une main en SVG [Feat. ChatGPT]</title>
      <link>https://dkvz.eu/breves/142</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/142</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art3.png"/>
      
      <description><![CDATA[<p>Vous pensiez tous que ma plus célèbre série à succès était à l'abandon?</p>

<p>QUE Nennnni, le dessin SVG c'est l'expression la plus pure du dessin assisté par ordinateur, l'héritier du langage <a href="https://en.wikipedia.org/wiki/Logo_(programming_language)" target="_blank" rel="noopener noreferrer">Logo</a>, le véritable art numérique infiniment... Mettable... à l'échelle. Oui.</p>

<ol>
<li><a href="https://dkvz.eu/articles/91" target="_blank" rel="noopener noreferrer">Le pantalon</a>;</li>
<li><a href="https://dkvz.eu/articles/95" target="_blank" rel="noopener noreferrer">La culotte échancrée</a>;</li>
<li><a href="https://dkvz.eu/articles/105" target="_blank" rel="noopener noreferrer">Le t-shirt</a>;</li>
<li><a href="https://dkvz.eu/articles/119" target="_blank" rel="noopener noreferrer">La TÊTE</a>.</li>
</ol>

<p>Aujourd'hui, j'attaque la main. C'est pas le plus facile à cause des doigts.</p>

<p>Les doigts c'est tellement fâcheux à dessiner que les vrais artistes ils achètent des mains articulées bizarres pour s'entrainer.</p>

<p>Faut le bon nombre de doigts, déjà. Puis le pouce il est différent, les onglets, les articulation, c'est une vraie merveille de la nature contrairement à la tête puisque, à en croire tous les films de science fiction, tous les aliens de l'univers ont le même concept de tête sur un cou avec une bouche et deux yeux (et souvent un genre de nez).</p>

<p>La tête c'est courant, quoi. Les mains ça varie chez les extra-terrestres et même les déités terrestes qui peuvent avoir plusieurs bras, des tentacules, un crochet (cf. le capitaine éponyme), ...</p>

<p>Okay c'est parti les amis, je demande à ChatGPT de me dessiner une main.</p>

<p>Mais alors là, pourquoi ChatGPT? C'est une IA de génération de contenu, certes, mais pas de génération d'images. Il y a des IA de génération d'images, qui génèrent des images, et sont capables de dessiner des mains qui ont, en général, le bon nombre de doigts.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 885px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/chatgpt/faitpaspeur.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/chatgpt/faitpaspeur.png" alt="Image générée par IA avec deux filles qui ont beaucoup trop de dents mais ont l'air heureuses quand même - Celle de droite a genre 15 doigts sur une main" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Ben ouais quoi c'est le futur, ça fait même pas peur (<a href="https://www.ladepeche.fr/2023/01/21/des-humains-a-40-dents-et-7-doigts-par-main-...<p><b><a href="https://dkvz.eu/breves/142">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>C&#x27;est quoi vsync, gsync, freesync, les limiteurs de FPS et toussa et POURQUOI?</title>
      <link>https://dkvz.eu/articles/vsync_gsync_freesync_fps_options</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/vsync_gsync_freesync_fps_options</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/vsync/voodoo.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Aaaah les FPS dans les jeux vidéos, FRAMES PER SECOND ou IPS en français. On en entend parler partout, on en bouffe du FPS, on en VEUT, il m'en faut plus de 300 pour désamorcer la bombe dans CS&nbsp;GO NDKSFHDSKLGJHdlkjh</p>

<p>Oui du coup ça va être un article sur un aspect des jeux vidéos qui intéresse surtout les gens sur PC (dont tout le monde apprécie l'ouverture d'esprit) mais qui pourrait affecter les joueurs console dans un avenir proche.</p>

<p>Listons quelques vérités universelles sur les FPS:</p>
<ul>
<li>En avoir trop peu c'est triste</li>
<li>En avoir trop c'est parfois triste aussi</li>
<li>Avoir un taux de FPS qui change non stop et sur de grands intervales, c'est pas top</li>
</ul>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/vsync/ow_tearing.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/vsync/ow_tearing_500.jpg" alt="Phénomène du tearing dans Overwatch 2: on voit tout un escalier vertical d'images alors que le joueur tourne la camera" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Bonjour à vous, adeptes de la fluidité-en-escalier</div>
</div>

<p>Sur console la question se pose pas trop parce que les options sont choisies pour vous, mais le PéCéiste se retrouve face à un foisonnant florilège d'options et combinaisons de technologies aux noms tous plus fleuris les uns que les autres, vendus comme essentiels pour améliorer son expérience de jeu et potentiellement empêcher sa carte graphique de réchauffer tout l'univers alors que peut-être c'était pas nécessaire.</p>

<p>Parcourons et définissons ensembles tous ces termes et technologies, en réfléchissant à quelles options activer dans les menus qui font peur sur pécé.</p>

<h1>C'est quoi une FPS?</h1>
<p>Non, sérieusement, c'est une bonne question.</p>

<p>Un jeu vidéo ça a toujours une structure plus ou moins similaire, qu'il s'agisse de Pacman en 1980 ou de HalfLife&nbsp;3 en 2087, c'est un programme informatique d'ordinateur centré autour d'une <b>boucle</b>.</p>

<p>La <b>BOUCLE</b> est la répétition d'une certaine séquence d'instruction ad vitam eternam, parce que sinon ça veut dire qu'on est sorti de la boucle.</p>

<p>En fait, je dois vous avouer un truc d'ingénieur philosophe en programmation d'ordinateurs: tout programme qui ne s'arrête pas tout seul quand vous le lancez possède une boucle quelque part.</p>

<p>Par ex. le BLOC NOTE quand on l'ouvre...<p><b><a href="https://dkvz.eu/articles/vsync_gsync_freesync_fps_options">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment réparer des petits appareils électroniques ou HiFi</title>
      <link>https://dkvz.eu/articles/comment_reparer_petit_electronique</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/comment_reparer_petit_electronique</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/repa-psu/repapsu_thumb.jpg"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Vous aurez sans doute remarqué qu'une certaine conscience écologique s'installe lentement dans le monde.</p>

<p>Et je ne parle pas de la question de l'énergie et les coûts de folie qui vont avec en Europe, juste de la quantité d'appareils que l'on jette et achète à nouveau quand ils cessent de fonctionner.</p>

<p>Sur les petits appareils (et certains gros aussi d'ailleurs), la réparation n'est parfois pas si complexe et peut éviter de devoir le renvoyer pour réparation et payer plus cher que le prix d'un appareil neuf, ce qui est absurbe à vue de nez et aussi à vue de quoi que ce soit mis à part la logique de production de masse du jeu de monopoly qui représente la logique du monde entier ce qui veut dire qu'en fait c'est tout à fait logique et je sais plus de quoi je parle.</p>

<p>Mais relax, les choses changent! <small><a href="https://www.youtube.com/watch?v=zKfdjsK7VAI" target="_blank" rel="noopener noreferrer">Sauf pour les imprimantes</a> et autres appareils vendus à perte pour vous rendre esclaves d'un autre produit plus cher mais je m'égare déjà et on a même pas commencé</small>.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 250px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/repa-psu/le_fil.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/repa-psu/le_fil_250.jpg" alt="Un bout de circuit imprimé où on voit clairement un tout petit fil qui ponte deux contact, la gaine est à moitié brûlée" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est un peu moche mais ça marche</div>
</div>

<p>Si ça peut aider des gens à conserver leur matériel quelques années de plus, ça vaut le coup d'écrire cet article qui apparaîtra à la page 40 des résultats Google parce que mon SEO est tout pourri et mes titres sont bizarres.</p>

<h1>Causes les plus courantes de pannes</h1>
<p>Je vous raconte cette fois où on m'a confié un home cinema Philips HTS6520 qui comprend un subwoofer, deux haut-parleurs satellites et un module de commande qui contient aussi le lecteur CD/DVD.</p>

<p>Il a cessé de fonctionner suite à, je cite, une odeur de brulé.</p>

<p>En soi, réparer du matériel audio peut-être relativement simple parce que ces technologies ont peu changé depuis des dizaines d'années.</p>

<p>Par exemple, un haut-parleur passif est extrêmement fiable. Leurs faiblesses sont plutôt mécaniques, par rapport aux matériaux du cône, à la colle, l'araignée (oui c'est une vraie pièce de haut-parleur qu'on...<p><b><a href="https://dkvz.eu/articles/comment_reparer_petit_electronique">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Optimiser le Ryzen 5800X3D</title>
      <link>https://dkvz.eu/breves/139</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/139</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers2.png"/>
      
      <description><![CDATA[<p>Le Ryzen 5800X3D est une drôle de bestiole.</p>

<p>Un processeur qui embarque une quantité brutale de cache L3, lequel est partagé entre tous les coeurs par groupes de 8 coeurs (CCD) sur les Ryzen 5000+ (avant ça chaque groupe de 4 coeurs avait son propre cache L3 dédié et isolé de l'autre), avec en contrepartie une baisse de boost max à 4.5Ghz et des températures un peu plus sauvages.</p>

<p>Il est moins bon que le 5800X dans pratiquement tous les benchmarks synthétiques. En fait, son énorme sac de cache (<b>96MB</b> tout de même &mdash; 3 fois plus son homologue) n'est utile que dans les applications qui réalisent énormément de lectures mémoire, et ces applications sont rares. Sauf si on considère la plupart des moteurs de jeu. Qui font exactement ça: plein de lectures mémoire.</p>

<p>Les Ryzen 7000 et Intel 13xxx avec de la DDR5 sont parfois équivalents voire meilleurs en jeu (en grande partie parce que leur mémoire est significativement plus rapide) mais ils consomment aussi <b>entre 1.5 et 2 fois plus</b> dans les mêmes conditions et se retrouvent assez fort en retrait dans certains cas bien spécifiques (comme Cyberpunk 2077 par exemple).</p>

<p>Pour moi le choix de rester sur AM4 plutôt que de passer sur AM5 est évident (d'ailleurs la DDR5 consomme aussi un peu plus d'énergie) d'autant plus que le 5800X3D est considéré comme le meilleur processeur pour un vieux MMO vaguement obscur auquel je joue pas mal (Guild Wars 2).</p>

<p>Quoi qu'il en soit, c'est à ce jour le seul processeur AMD a bénéficier de cette technologie 3D Vcache et, comme on aurait pu s'en douter, il se comporte un peu comme un ovni et est configuré de base de manière visiblement suboptimale en terme de consommation (et par conséquent de production de chaleur aussi) en cela qu'AMD a décidé de la jouer <i>très, très sûr</i>, et d'envoyer bien plus de tension que nécessaire dans la puce. Sans doute pour se prémunir de blagounettes sur des puces de moins bonne qualité.</p>

<p>J'ai décidé de sortir une petite note rapide (lol) sur mes trouvailles.</p>

<p>Quand j'étais petit (à l'époque des CD-ROM, quoi) pour overclock un processeur, on augmentait sa fréquence et ça nous obligeait souvent à aussi augmenter son voltage pour que tout reste stable.</p>

<p>Ici non seulement on <b>peut pas</b> overclock le 5800X3D pour... Des raisons... Mais en plus il s'agit d'essayer de lui mettre <b>moins</b> de voltage pour qu'il soit plus performant. Mais pas n'importe comment.</p>

<p>Oui je co...<p><b><a href="https://dkvz.eu/breves/139">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>HTML/CSS: Un &quot;listbox&quot; qui fonctionne sur mobile</title>
      <link>https://dkvz.eu/breves/138</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/138</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Parfois pour tes ambitieux besoins UI/UX, tu voudrais ajouter une liste d'éléments que l'utilisateur peut sélectionner (un ou plusieurs).</p>

<p>Normalement il ressemble à ça (c'est pas une image c'est le vrai truc, je précise au cas où):</p>
<p>
<div class="center-image" style="max-width: 350px;">
  <style>
  #theSelect {
      color: deeppink;
      font-size: 1.05rem;
      border: 2px solid orange;
      padding: 0.5rem;
      background-color: #edebed;
      display: block;
  }
  </style>
  <label style="display: block;" for="theSelect">Mon nom de scène:</label>
  <select id="theSelect">
    <option>La poutrelle d'Orléans</option>
    <option>Jean Talus</option>
    <option>Hector Graisse Antique</option>
    <option>Marco Beukelinks</option>
    <option>Albitt Dumbledur</option>
  </select>
</div>
</p>

<p>Les gens appellent parfois ça un "dropdown" ou un "combo box" pour les vieux de l'époque du Visual Basic, avec le soucis qu'en HTML on peut avoir un "dropdown" dans d'autres situations, par exemple un <b>&lt;input type="text"&gt;</b> avec autocomplétion ou un menu de navigation.</p>

<p>L'élément HTML <b>&lt;select&gt;</b> est censé autoriser un affichage de type "liste" avec ces deux fantastiques arguments:</p>

<ul>
<li><b>size</b> &mdash; Censé déployer la liste pour qu'elle affiche le nombre d'éléments mentionnés sauf que les navigateurs ne <i>sont pas obligés</i> de montrer ce nombre d'éléments et ne le font juste pas sur mobile;</li>
<li><b>multiple</b> &mdash; Permet de sélectionner plusieurs éléments. Aussi censé déployer la liste sauf que c'est pas le cas sur mobile non plus. Et alors aussi parfois on a pas envie de permettre la sélection multiple.</li>
</ul>

<p>Par défaut l'élément <b>select</b> ne permet de sélectionner qu'une seule option, et avec juste l'argument <i>size</i> on peut obtenir une "listbox":</p>

<p><img-lightbox><img src="https://dkvz.eu/wp-content/stuff/listbox/listbox-desktop.png" alt="Apparence de l'élément select avec l'argument size sur un ordinateur de bureau" class="responsive-img center-image"></img-lightbox></p>

<p>Sauf que sur mobile, l'apparence reste celle d'une boîte déroulante qui affiche un menu système de sélection quand on clique dessus. En gros l'argument <i>size</i> ne sert absolument à rien sur mobile, et personne ne l'explique comme ça, c'est toujours en mode politiquement correct "ouaiii tu vois dans la spec spa obligéééé".</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 4...<p><b><a href="https://dkvz.eu/breves/138">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>En 2022, ça va mieux</title>
      <link>https://dkvz.eu/breves/137</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/137</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_philo1.jpg"/>
      
      <description><![CDATA[<p>BEN NON ça va pas mieux!</p>

<p>Les gens qui parlaient de covid toute la journée sur les réseaux sociaux continuent, sauf que maintenant en plus ils parlent du président de la fédération de Russie qui serait le sauveur du monde moderne, c'est la crise de l'énergie en Europe parce que tout le monde s'est dit que le gaz c'était pas cher et que le nucléaire ça fait peur et la seule solution c'est arrêter de se chauffer cet hiver (pas une mauvaise idée ceci dit), y a une inflation de cochonou, certains parlent toujours de crypto et de web3 toute la journée, les gens sont plus divisés que jamais et Internet est vaguement en train de virer à droite ce qui était à prévoir un jour ou l'autre parce qu'on a creusé un <b>TOUT PETIT</b> peu trop loin pour trouver du mithril progressiste et du coup ça se réveille avec des lois anti-avortement et transexuels aux états-unis, et je pourrais continuer comme ça. Je vous jure.</p>

<p>Je sais même pas par où commencer pour illustrer un si beau tableau ni si c'est nécessaire.</p>

<p>Les gens continuent à parler <b>DU VACCIN</b>, alors qu'il y a toujours eu plusieurs vaccins et qu'il y en a encore plus maintenant.</p>

<p>Genre le mec il se casse la cheville en faisant du pédalo il va te sortir que c'est comme par hasard 1 an après sa dose <b>DU VACCIN</b>. Coïncidence? Bande de moutons, réveillez-vous! Le mec il avait jamais eu d'accident de pédalo avant. Jamais.</p>

<p>Même ce pauvre Jean-Pierre Pernaud il a fait 13 AVC de vaccins. Je veux dire, ça s'invente pas. Comme tout le monde qui a été vacciné, ils sont tous à leur 15ème AVC.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 800px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/jppernaud.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/jppernaud.jpg" alt="Article qui dit que la femme de JP Pernaud pense qu'il est mort des suites de la vaccination covid" class="responsive-img"></a></img-lightbox>
<div class="image-legend">En vrai je suis désolé pour sa famille dans tous les sens du terme</div>
</div>

<p>Des commentaires comme celui-là y en a tout un tas:</p>
<blockquote class="twitter-tweet"><p lang="fr" dir="ltr">&quot;Je ne suis pas complotiste mais avant le vaccin, je n&#39;avais rien et aujourd&#39;hui, je me retrouve avec un pré-diabète&quot;, confie Patrick Sébastien au <a href="https://twitter.com/hashtag/BuzzTV?src=hash&amp;ref_src=twsrc%5Etfw">#BuzzTV</a> <a href="https://t.co/fmCP9U2QJy">https://t.co/fmCP9U2QJy</a> <a href=...<p><b><a href="https://dkvz.eu/breves/137">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Utiliser ou détester le &quot;haut parleur PC&quot;</title>
      <link>https://dkvz.eu/articles/utiliser_ou_detester_haut_parleur_pc_linux</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/utiliser_ou_detester_haut_parleur_pc_linux</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/pc-speaker/pc_speaker_thumb.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Le titre de cet article c'est l'opposé planétaire du <a href="https://fr.wiktionary.org/wiki/putaclic" target="_blank" rel="noopener noreferrer">putaclick</a>... On comprends pas du tout de quoi ça parle, les gens nés après 1990 n'ont probablement absolument aucune idée de ce qu'est le HAUT PARLEUR PéCé, et de toutes manières c'est pas très clair ce qu'on va faire avec.</p>

<p>Ben ouais bienvenue dans le vraie vie, on commence avec un problème réel puis ça se transforme en script Bash qui joue Despacito en mono-voix très fort et moche.</p>

<p><b>**Bruit de baskets neuves glissant sur un pâté de campagne**</b></p>

<!-- MORE -->

<h1>C'est quoi le haut parleur PC?</h1>
<p>Ah je suis bien content que vous posiez la question ma foi certes.</p>

<p>Voyez-vous, les ordinateurs et l'audio, c'est une longue histoire.</p>

<p>Les gens se disaient que ce serait pas mal de produire des sons d'alerte et puis surtout que ce serait un ajout bien plaisant pour les jeux vidéos (qui ont toujours existé à toute époque de la micro-informatique).</p>

<p>Problème: si je veux jouer <a href="https://www.youtube.com/watch?v=WYX0sjP6Za8" target="_blank" rel="noopener noreferrer">un bon vieux MP3</a> depuis un ordinateur, il y a plusieurs couches de trucs coûteux en traitement:</p>

<ol>
<li>Décoder les données MP3 (compressées) en une liste d'échantillons (nombre fixe d'échantillons par seconde, chaque échantillon est une valeur codée sur X bits (aussi nombre fixe));</li>
<li>Prendre tous ces échantillons et les passer dans un convertisseur numérique vers analogique qui va produire une forme d'onde de courant électrique à envoyer à des hauts parleurs ou un casque, lequel transforme ce courant électrique variable en onde de pression.</li>
</ol>

<p>Pour passer de 1 à 2 il faut que tous ces échantillons passent par la mémoire du système et donc par le processeur.</p>

<p>La qualité CD (lol qui utilise encore des CD?) c'est <b>44100</b> échantillons <b>par seconde</b>.</p>

<p>Je rappelle que sur un Atari, compter jusque 1000 en BASIC ça prend plus d'une seconde. On est pas dans la merde...</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/atari800xl.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/atari800xl_500_255.jpg" alt="Photo d'un Atari 800XL, pas le modèle le plus ancien de cette marque" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est celu...<p><b><a href="https://dkvz.eu/articles/utiliser_ou_detester_haut_parleur_pc_linux">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Microsoft Edge démarre avant de l&#x27;avoir démarré et j&#x27;aime pas ça</title>
      <link>https://dkvz.eu/breves/135</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/135</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows4.png"/>
      
      <description><![CDATA[<p>J'ai découvert que même sans avoir lancé Microsoft Edge (le navigateur) voire sans l'utiliser du tout, il démarre quand même en arrière-plan comme un gros farceur.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 849px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/edge_startup_process.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/edge_startup_process.png" alt="Montre des processus Edge dans le gestionnaire des tâches alors qu'il n'est pas démarré" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Quelle horreur... Quelle indignité... Je ne voulais pas y croire, mais ils sont là...</div>
</div>

<p>Je suis pas fan de l'idée pour toutes sortes de raisons <a href="https://dkvz.eu/articles/impact_performance_threads_windows" target="_blank" rel="noopener noreferrer">pas toujours rationnelles</a> alors que j'utilise vraiment Edge comme navigateur principal. Non je plaisante pas, je sais pas pourquoi c'est considéré comme si étrange.</p>

<p>Vous pensez que Chrome c'est mieux? Votre multinationale elle est mieux que la mienne?</p>

<p>Les deux sont probablement les navigateurs les plus sûrs du marché (ils ont exactement la même base et le même moteur de rendu) étant donné la quantité raisonnable d'argent que Microsoft investit dans la sécurité depuis ces 5 dernières années &mdash; Fût un temps où c'était pas du tout comme ça. Fût un temps ou INTERNET EXPLORER 6 existait. Je m'égare.</p>

<p>Il y a quelqu'un dans le fond avec des espadrilles et un t-shirt Tryo (un vieux, quoi) qui me dit "ET FIREFOX?" &mdash; Je l'utilise sous Linux et je l'ai longtemps utilisé sur toutes les plateformes mais Firefox est et a toujours été à la traine. Désolé de briser vos rêves.</p>

<p><a href="https://www.networkworld.com/article/2266148/firefox-patches-zero-day--hacking-contest-bugs.html" target="_blank" rel="noopener noreferrer">Ils luttent et luttent</a> mais perdent du talent et sont dans l'impossibilité de suivre les autres géants.</p>

<p>Et puis Edge il est plutôt cool. Enfin, il l'était avant qu'ils partent en ribotte dans du marketing de "performances" pour faire genre ils sont plus rapides ou plus efficaces que Chrome alors que c'est le même programme à 99%.</p>

<p>Par exemple, ils présentent le "mode performances" qui est censé placer des onglets en "sommeil" plus rapidement? Ou un truc du genre? Utilise moins de CPU?</p>

<p>Est-ce que ce serait pas plus simple de juste <b><i>fermer le navigateur quand on joue</i></b> (je s...<p><b><a href="https://dkvz.eu/breves/135">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Impact du nombre processus et threads sous Windows</title>
      <link>https://dkvz.eu/articles/impact_performance_threads_windows</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/impact_performance_threads_windows</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/win-threads/ie_toolbars_thumb.png"/>
      
      <description><![CDATA[<!--
# TODO
- J'ai peut-être oublié des trucs dans la "discussion", faut relire les sections sur les résultats
-->

<h1>Intro</h1>

<p>Cet article est motivé par ma psychose du process inutile et d'avoir le moins de trucs possible qui tourne sur mon ordi, particulièrement celui "de jeu", qui est le plus puissant.</p> 

<p>Ce qui n'a absolument aucun sens à moins d'être dans ma tête ou de partager ma bizarritude. Bizarrerie. Etrangeté.</p>

<p>Quand je vois ces gens qui ont une zone de notification BOURRéE de trUCS ça me fait le même effet que de voir un navigateur avec un cordon visiblement infini d'onglets, ma tension artérielle monte, j'ai mal mon coeur pour ce petit processeur qui a rien demandé.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1024px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/win-threads/windows-taskbar.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/win-threads/windows-taskbar.png" alt="Bare des tâches Windows avec beaucoup trop d'icônes (je trouve)" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Et encore là, il manque les 15 lanceurs de jeux vidéo style Steam, Origin, UPlay, Epic, puis Kazaa, Winamp ...</div>
</div>

<p>Pourtant, les processeurs (surtout les modernes de maintenant sur un <abbr title="Operating System">OS</abbr> moderne de maintenant), ça les dérange pas trop de gérer tout un tas de trucs à la fois. Tant que ça reste raisonnable. En général.</p>

<p>Alors, est-ce que ça vaut le coup d'être un extrémiste du processus superflu?</p>

<h1>Etat des lieux</h1>
<p>Le gestionnaire des tâches de Windows vous dit combien de processus (entendre, un programme) et threads (entendre, un morceau indépendant du programme - sous-programme?) sont en cours d'exécution.</p>

<p>Habituellement chez moi c'est dans ces eaux là:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 419px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/win-threads/num_processes_me.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/win-threads/num_processes_me.png" alt="Le gestionnaire des tâches affiche 153 processus et 2122 threads" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est Wndows 10, j'ignore totalement de quel côté ça pend avec Windows 11</div>
</div>

<p>Il y a des gens ils ont plus ou moins mais en général c'est plus et ça a tendance à augmenter avec l'âge de la machine ce qui participe, selon moi, à rendre les installations les plus fraiche...<p><b><a href="https://dkvz.eu/articles/impact_performance_threads_windows">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>5 méthodes pour masquer les X derniers éléments d&#x27;une liste avec du CSS &amp;mdash; La 3ème est carrément désopilante</title>
      <link>https://dkvz.eu/articles/css_masquer_x_derniers_elements</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/css_masquer_x_derniers_elements</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/hide-last-el/css-logo.png"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Je voulais améliorer mon SEO sauf que je peux pas m'empêcher de mettre une blague pourrie dans le titre qui va me propulser en page 30 des recherches. Sans compter que cette intro est déjà hors sujet.</p>

<p>Je vous expose la problématique: La plupart des sites web vous affichent une <b>LISTE DE TRUCS</b>.</p>

<p>Ben si! Un forum? Une liste des billets (des POSTS, quoi), un site e-commerce? Une liste d'articles. Un blog bizarre? Une double liste de "brèves" qui sont même pas brèves et d'articles qui s'étalent sur bien trop de sujets différents pour intéresser le seul lecteur qui était revenu plus de deux fois (par erreur).</p>

<p>Parfois, la <b>LISTE DE TRUCS</b> est beaucoup trop longue, surtout sur mobile.</p>

<p>Une solution optimale serait de construire une plus petite <i>liste de trucs</i> en envoyant moins de trucs depuis le serveur.</p>

<p>Bien évidemment c'est pas ça qu'on va faire. Non, nous on veut l'équivalent de coller du vieux tape marron pour masquer les X derniers éléments sélectivement selon la situation et pour ça, on va avoir <b>DU FUN</b> avec le CSS.</p>

<p>Je n'ai pas trouvé d'articles qui regroupent toutes ces solutions et certaines (y compris la meilleure selon moi) sont pratiquement introuvables. J'ai donc potentiellement le meilleur article en français sur la question, lequel demeurera bien entendu en page 80 des résultats Google, avec sa substance délicieusement émulsionnée dans mes moultes blagues à la noisette.</p>

<h1>Pourquoi?</h1>
<p>En réalité il faut que je refasse ce blog depuis des années, surtout pour tout moderniser et quitter le modèle strictement <a href="https://dkvz.eu/articles/single_page_app_open_graph" target="_blank" rel="noopener noreferrer">Single Page Web App</a> pour lequel il me semble déceler un semi-subtil recul de popularité assorti d'un retour à déferrer les tâches de rendu au serveur. Comme avant quoi. J'ai envie de faire une blague sur <a href="https://en.wikipedia.org/wiki/PHP-Nuke" target="_blank" rel="noopener noreferrer">PHPNuke</a> mais je me retiens.</p>

<p>En attendant, la version mobile de mon blog, qui est la version que plus de 50% de gens utilisent (j'ai sorti de ce pourcentage de ma raie, c'est peut-être bien plus que ça) affiche une ribambelle de ces fameuses "brèves" en premier et il faut défiler quelques mètres pour voir qu'il y a aussi des articles.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 350px">
<img-lightbox><a href="https://dkvz.eu/wp-content/...<p><b><a href="https://dkvz.eu/articles/css_masquer_x_derniers_elements">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Au revoir RAID1 de disque dur, bonjour SSD et backup manuel semi-foireux</title>
      <link>https://dkvz.eu/breves/132</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/132</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>J'ai toujours eu un RAID1 (deux dispositifs de stockage qui sont synchronisés entièrement en temps réel) pour mes gros besoins de stockage, je préfères ça qu'un NAS qui doit rester allumé tout le temps. Le prix de l'énergie en 2022 ne m'a pas vraiment fait changer d'avis.</p>

<p>C'est pas le sujet le plus rigolo ou intéressant de ce blog, oui, mais vous revenez quand même chaque fois alors qu'y puis-je?</p>

<p>De toutes façons c'était ça où un poisson d'avril pas du tout original ni drôle à base de NFT ou de crypto comme ça a l'air d'être la mode cette année.</p>

<p>Brèves précédentes:</p>
<ul>
<li><a href="https://dkvz.eu/breves/117" target="_blank" rel="noopener noreferrer">Les "storage space"</a></li>
<li><a href="https://dkvz.eu/breves/113" target="_blank" rel="noopener noreferrer">RAID sous Windows, finalement c'est nul</a></li>
<li><a href="https://dkvz.eu/articles/setup_2020_ryzen_x570" target="_blank" rel="noopener noreferrer">L'article du jour où j'ai décidé d'assembler un nouvel ordi et que j'ai rien compris à tout ce qui avait changé en 8 ans</a></li>
</ul>

<h2>Pourquoi?</h2>
<p>Deux/trois choses:</p>
<ol>
<li>Les disques durs c'est vraiment <b>très</b> lent en accès aléatoires;</li>
<li>Les SSD NVMe ont baissé de prix (en tous cas les anciens modèles non PCIe 4);</li>
<li>Il me fallait une idée de cadeau de noël.</li>
</ol>

<p>Le premier point est de plus en plus pénible avec les années qui passent. Il me faut plusieurs minutes pour effacer un bête projet React sur le volume mirroir parce qu'il y a presque 180000 fichiers dans un projet React vide. Ben ouais, logique.</p>

<p>Il y a aussi le charme inimitable de disques durs qui étaient en veille et doivent démarrer, se mettant audiblement lentement à tourner jsuqu'à atteindre leur vitesse max, pendant que vous attendez avec votre programme en mode <b>NE REPOND PLU LOL</b>. Quel bonheur.</p>

<h2>Nouveau SSD</h2>
<p>J'ai pris la même gamme Samsung que celui que j'ai acheté initialement pour servir de volume Windows mais en 2TB. L'initial étant de 500GB. Un peu triste mais c'était pas bon marché à ce moment là.</p>

<p>Il est pas PCIe 4 parce qu'à moins de prendre un modèle assez cher, la différence n'est que dans les vitesse séquentielle, et qui a régulièrement besoin d'écrire à 5 GB/s en séquentiel? Je sais pas mais 3 GB/s c'est déjà pas mal.</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/970evo.webp" alt="Image du SSD Samsung 970 EVO Plus 2TB" class="responsive-img center-image"></img-lightbox></p>

<p>Je sais pas trop pourquoi ces SSD ...<p><b><a href="https://dkvz.eu/breves/132">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le ShadowPlay du pauvre / Alternative à ShadowPlay</title>
      <link>https://dkvz.eu/articles/remplacer_shadow_play</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/remplacer_shadow_play</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/pshortcuts/film-thumb.svg"/>
      
      <description><![CDATA[<h1>Pourquoi?</h1>
<p>J'utilise régulièrement ShadowPlay (technologie exclusive aux cartes graphiques Nvidia mais il y a un équivalent AMD) pour rapidement enregistrer des extraits d'un jeu.</p>

<p>Son côté pratique est difficile à battre: presser une combinaison de touche pendant un jeu lance l'enregistrement. Puis on refait cette combinaison pour arrêter. Et ça fonctionne, pratiquement sans aucun problème sur n'importe quel jeu (pourvu que votre ordi ne soit pas en train de souffrir à outrance): il vous enregistre un fichier vidéo daté dans un répertoire portant le nom du jeu, le tout avec une consommation de ressources minime puiqu'il utilise des fonctionnalités de la carte graphique pour l'enregistrement et le processeur n'est que très peu impliqué.</p>

<p>Mis à part le côté pratique, ShadowPlay a toujours été une grosse entaille à ma psychose de l'efficacité et la chasse au cycle processeur perdu, même si on en a pas vraiment besoin parce qu'on est un privilégié du processeur. Je vous ai dit que j'avais un problème.</p>

<p>Je désactive systématiquement tous les <i>overlays</i> que je peux désactiver. Ces éléments doivent s'accrocher aux APIs graphiques ou de Windows et écouter tous les événements d'entrée (touches pressées) et ça n'est évidemment pas gratuit bien qu'il y ait eu un certain soin pour rendre tout cela le plus efficace possible.</p>

<p>Si on peut s'en passer, pourquoi ne pas s'en passer et gagner +1 FPS dans CSGO (passer de 450 à 451 quoi)?</p>

<h2>Le cas GeForce Experience</h2>
<p>Sur Windows ShadowPlay est installé avec un outil nommé <b>GeForce experience</b> qui honnêtement ne m'a jamais rien apporté de bien (à part ShadowPlay).</p>

<p>Il est installé automatiquement sauf si vous choisissez de "personnaliser" votre installation des pilotes.</p>

<p>Le truc le plus utile qu'il propose est de vous informer des mises à jour de pilote et permettre leur téléchargement et installation en un clic. C'est cool mais ça a un prix:</p>

<ul>
<li>Chaque pilote téléchargé est conservé pour toujours dans un répertoire de travail de l'application (qui n'est <b>pas</b> <i>c:\Windows\Temp</i> ou similaire), bravo...</li>
<li>Il y a une mise à jour auto de GeForce Experience lui-même, qui se télécharge aussi dans ce répertoire, et aussi sans aucun nettoyage auto. Ben ouais.</li>
<li>Peut-être pas lié à GeForce Experience, mais j'ai eu un drôle de bug de crash de driver Nvidia dont la solution aura été de complètement tout désinstaller et reinstall...<p><b><a href="https://dkvz.eu/articles/remplacer_shadow_play">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Télécharger une vidéo Youtube ou juste son audio</title>
      <link>https://dkvz.eu/breves/130</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/130</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web3.jpg"/>
      
      <description><![CDATA[<p>J'ai souvent besoin de récupérer l'audio d'une vidéo Youtube, mais ça peut-être utile de les télécharger en offline pour pouvoir lire sans publicités et euh... Ben sans Internet.</p>

<p>Evidemment, Youtube s'est arrangé pour que lire une vidéo sur son mobile pour juste écouter l'audio avec écran éteint soit extrêmement difficile.</p>

<p>Un peu comme Spotify qui ne permet que de lire en aléatoire sur mobile. Parce que... Ouais.</p>

<p>Je serais OK d'avoir une option pour juste l'audio et avoir tout de même des pubs mais j'imagine qu'ils veulent vraiment qu'on regarde un mec qui nous lit le temps des trempettes sur Audible jusqu'au bout avec bien sa face sur l'écran.</p>

<p>&mdash; <b>BREF</b> &mdash;</p>

<p>J'utilisais <a href="https://youtube-dl.org" target="_blank" rel="noopener noreferrer">youtube-dl</a> jusqu'à ce que ce que Youtube décide de restreindre la vitesse de téléchargement à l'extrème pour les téléchargements <i>youtube-dl</i>.</p>

<p>Heureusement il suffit juste d'utiliser <a href="https://github.com/yt-dlp/yt-dlp" target="_blank" rel="noopener noreferrer">yt-dlp</a> à la place et ça le fait.</p>

<p>La plupart des arguments importants de <i>youtube-dl</i> sont aussi compatibles avec <i>yt-dlp</i>.</p>

<p>Je vous livre ici ce qui est aussi présent dans mon plus large <a href="https://dkvz.eu/articles/edition_video_ffmpeg" target="_blank" rel="noopener noreferrer">article sur ffmpeg</a>.</p>

<p>Premièrement, <a href="https://github.com/yt-dlp/yt-dlp/releases" target="_blank" rel="noopener noreferrer">téléchargez l'exécutable</a>; C'est le plus simple si vous êtes sous Windows et n'êtes pas un genre de programmeur Python.</p>

<p>Si vous n'êtes pas un initié de la ligne de commande, le plus simple est de poser le .exe dans un répertoire sur votre bureau à dédié aux vidéos téléchargées. Vous pourrez d'ailleurs ajouter d'autres utilitaires plus tard pour télécharger sur d'autres sites que Youtube. Utile si vous souhaitez écouter une vidéo Pornhub en courant par ex.</p>

<p>Pour ouvrir une invite de commande dans ce répertoire en mode "je préfère pas trop toucher à ce truc", il y a deux techniques.</p>

<p>La première: Installer <b>Windows Terminal</b> depuis le Windows Store; Il suffit ensuite de cliquer droit sur le répertoire et choisir l'option "Ouvrir dans Windows Terminal".</p>

<p>La seconde n'a aucun prérequis et je savais même pas que c'était possible, je me suis fait dessus quand j'ai vu quelqu'un faire cette manip genre "bah ouais tu fais p...<p><b><a href="https://dkvz.eu/breves/130">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>HTML ou CSS sont-ils des langages de programmation?</title>
      <link>https://dkvz.eu/articles/html_css_sont_ils_des_langages_de_programmation</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/html_css_sont_ils_des_langages_de_programmation</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/htmlpl/marquee_thumb.png"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Ce sujet n'arrête pas de revenir un peu partout et en particulier sur les réseaux sociaux (enfin, Twitter).</p>

<p>Mon intuition aurait été de dire que... Ben on s'en fout. Pourtant constate-je (??) que certains gens sont fortement investis sur la question à un point que ça en devient bizarre, comme si les défenseurs du camp "HTML et/ou CSS sont des langages de programmation!" menaient une croisade éternelle pour rétablir la justice de l'injustice qui doit forcément exister quelque part. Non?</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1100px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/htmlpl/svghead.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/htmlpl/svghead_1100.png" alt="Capture d'écran d'un éditeur de code où je suis en train de dessiner une tête" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Est-ce qu'on peut dire que je suis en train de programmer là? (oui je sais que c'est pas vraiment du HTML à l'écran - Mais la question est toujours valide)</div>
</div>

<p>Bon en fait je comprends pas très bien pourquoi cette question est si importante alors j'ai décidé de mettre mes gants, les beurrer, puis étudier les définitions dans les moindres détails d'élongation capilaire à outrance d'inutilité à l'instar des gens qui ont vraiment rien de mieux à faire mais que c'est quand même mieux que de passer toute sa journée sur les réseaux sociaux à intéragir avec les mêmes vieux trucs moisis depuis 2 ans, toutes les demi-heures, avec un faux pseudo genre "le pharmacien" ou "l'infirmier" qui me laisse d'ailleurs penser que ça pourrait être la même personne et que du coup c'est encore pire mais je m'égarre <small>ça m'arrive parfois</small>.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 593px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/htmlpl/turbo_antivax_593.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/htmlpl/turbo_antivax_593.png" alt="Deux tweets mega antivax de quelqu'un qui en poste 50000 par jour" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Bon celui-là c'est un tweet bingo-bonus, mais normalement on espace ces différents "faits" sur toute la journée et on le répète chaque jour, à la main, et puis on like et retweet tous les gens qui disent exactement la même chose, toute la journée. La vraie vie quoi.</div>
</div>

<p>Je ne peux pas vous promettre une analyse ferme et complète et totalement objective. Après to...<p><b><a href="https://dkvz.eu/articles/html_css_sont_ils_des_langages_de_programmation">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Crypter du texte vite fait</title>
      <link>https://dkvz.eu/breves/128</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/128</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Il y a tout un tas de moyen de crypter des trucs, et pas que du texte. En soi le texte c'est des bits, les algorithmes de chiffrement symétriques (ce qui signifie en (très) gros qu'ils utilisent un mot de passe comme clé de chiffrement) modernes chiffrent par blocs de bits d'une certaine t'aille. Enfin, on s'en fout.</p>

<p>Sous Linux on a tout un tas d'options:</p>
<ul>
<li><b>gpg</b> &mdash; Il y a une option <i>--symmetric</i> pour utiliser AES;</li>
<li><b>openssl</b> &mdash; Encore plus simple;</li>
<li>Utilitaires en tout genre comme <a href="http://ccrypt.sourceforge.net" target="_blank" rel="noopener noreferrer">ccrypt</a>;</li>
<li><b>7z</b>, <b>zip</b>, et les autres.</li>
</ul>

<p>Par ex. avec OpenSSL on est bien dans la philosophie UNIX qui va bien et ce serait simple de créer un alias plus court de ce genre de commandes:</p>

<pre class="screen"><code>cat super_fichier_texte_secret.txt | openssl enc -e -aes-256-cbc -pbkdf2 -a -salt > fichier_crypte.txt</code></pre>

<p>Pour décrypter, on remplace l'option <b>-e</b> par <b>-d</b> de la commande <i>openssl</i>.</p>

<p>Pour Windows il y a toujours 7zip et euh... Winrar. Bien que ces utilitaires sont surtout prévus pour compresser des trucs et pas chiffrer du texte.</p>

<p>Pour ce relativement étrange cas d'utilisation d'encryption texte, il y a quelques outils en ligne mais j'ignore comment ils ont été écrits et même s'ils prétendent utiliser exclusivement JavaScript en local, pour bien faire il faudrait vérifier chaque fois et c'est très compliqué étant donné que tout le monde "minimise" son JavaScript de nos jours (ce qui est une bonne chose hein, faut sauver la planète) et que j'ai pas <small>toujours</small> que ça à faire.</p>

<p>Comme d'hab je me retrouve à réinventer la roue parce que de toutes façons ma roue a moins de dépendances foireuses et puis c'est ma roue que je connais bien et je sais ce que j'ai mis dedans comme... Ingrédients de roue. Analogie terminée.</p>

<p>Le produit final est ici: <a href="https://tools.dkvz.eu/crypto/" target="_blank" rel="noopener noreferrer">https://tools.dkvz.eu/crypto</a></p>

<p>L'aubaine: il existe une "nouvelle" API de sécurité supportée par tous les navigateurs modernes qui contient déjà tout ce dont j'ai besoin. Ce qui signifie: pas de dépendances et donc encore moins de risques en plus de la tranquilité de ne pas avoir trop de <i>pull requests</i> de <b>dependabot</b> parce que 98% des paquets npm dépendant de <i>lodash</i>.</p>

<p><img...<p><b><a href="https://dkvz.eu/breves/128">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Edition vidéo du pauvre avec ffmpeg</title>
      <link>https://dkvz.eu/articles/edition_video_ffmpeg</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/edition_video_ffmpeg</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/ffmpeg/ffmpeg_thumb.png"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Les gens normaux ils utilisent quoi pour éditer des vidéos? Adobe Premiere? Final Cut Pro? Sony Vegas? Windows Movie Maker?</p>

<p>T'as pas un truc chelou en ligne de commande avec 40000 arguments?</p>

<p>BEN OUI QUe J'ai ça, ça s'appelle <a href="https://www.ffmpeg.org" target="_blank" rel="noopener noreferrer">ffmpeg</a> et ça fait immédiatement de toi un HACKEUR.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 904px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/ffmpeg/ffmpeg_example_encoding.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/ffmpeg/ffmpeg_example_encoding.png" alt="Encodage d'un wav en flac avec les 1000 lignes de console" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est juste une conversion wav vers flac mais vu de loin on dirait que j'ai hacké le Pentagone</div>
</div>

<p>De temps en temps j'ai l'une ou l'autre opération triviale à effectuer sur un ou plusieurs extraits vidéos. Je pourrais utiliser un véritable éditeur vidéo comme <a href="https://shotcut.org" target="_blank" rel="noopener noreferrer">Shotcut</a> (dont je parlais il y a quelques années dans <a href="https://dkvz.eu/articles/test_kdenlive_sous_windows" target="_blank" rel="noopener noreferrer">un article étrangement populaire</a>) sauf que ça prend tout un tas de clicks comparé à l'extrême et élégante efficience de la <b>LIGNE DE COMMANDE</b>.</p>
<p>De plus, avec un éditeur, il faut toujours ré-encoder, ce qui implique une perte de qualité que l'on pourrait éviter pour certaines opérations.</p>

<p>Accessoirement, ffmpeg est aussi utilisable pour l'édition audio <small>et convertir un jpg en webp</small>.</p>

<p>J'essayera de mettre à jour cet article (une première pour moi :D) si je trouve des nouvelles recettes utiles pour ffmpeg.</p>

<h1>Anatomie d'une commande ffmpeg</h1>
<p>Dans leur doc ils montrent comment que c'est facile à utiliser ffmpeg:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 562px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/ffmpeg/ffmpeg_mensonge.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/ffmpeg/ffmpeg_mensonge.png" alt="Explique que convertir vidéo ou audio n'a jamais été aussi simple" class="responsive-img"></a></img-lightbox>
<div class="image-legend">SImple. Basique.</div>
</div>

<p>En résumé, on donne le fichier d'entrée avec le paramètre <b><i>-i</i></b> (en fait on peut mettre plusieurs fichiers d'entrée avec plusieurs <b><i>-i</i></b>...<p><b><a href="https://dkvz.eu/articles/edition_video_ffmpeg">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Warframe: Guide solo Orbis Preneur de Profit / Profit Taker Orb</title>
      <link>https://dkvz.eu/articles/warframe_guide_preneur_profit</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/warframe_guide_preneur_profit</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/profit-taker/profit_thumb.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Etant donné le volume de visite que se prend mon <a href="https://dkvz.eu/articles/warframe_solo_teralyst">vieil article sur le solotage du Teralyst</a>, ce serait pas mal pertinent de sortir un nouveau guide.</p>

<p>J'ai l'impression que c'était y a 10 ans l'histoire du Teralyst mais en fait ça date de 2018. En plus comme vous avez tous farmé comme des gros fermiers pendant ces 2 ans de confinement et que le bosse Orbe (ORBIS en Français apparemment) est là depuis un moment, je sais pas si ce guide va être très utile. Mais cette phrase s'applique un peu à tout ce que je fais en général.</p>

<p>Je pars du principe que vous voulez tout soloter, comme d'hab, avec la nuance additionnelle que savoir soloter le boss permet automatiquement de facilement se le faire en groupe aussi (en PU comme on dit).</p>

<h1>C'est qui ce profite tèkeur?</h1>
<p>C'est l'un des boss de la vallée Orbis, dite "Orb vallis" en anglais.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 900px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/profit-taker/profit_articula.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/profit-taker/profit_articula_900.jpg" alt="Image de l'orbe décorative articulée que l'on peut gagner" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Juste son modèle réduit</div>
</div>

<p>En temps normal, il traine au dessus du labo d'enrichissement à ne rien faire. En fait c'est pas très clair à quoi ça sert ce truc, un peu comme mon chat.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1083px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/profit-taker/orb_top_enrichment_lab_1083.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/profit-taker/orb_top_enrichment_lab_1083.jpg" alt="Montre le boss tel qu'il se trouve dans la vallée hors de la mission pour le combattre" class="responsive-img"></a></img-lightbox>
<div class="image-legend">J'aurais préféré un Gundam, puis c'est pas discret comme bidule pour collecter les impôts</div>
</div>

</p>Pouvoir le combattre (l'orbre, pas mon chat) requiert de lancer une mission spécifique depuis la petite-pièce-où-tout-le-monde-traîne qui se trouve derrière une porte au fond de <a href="https://warframe.fandom.com/wiki/Fortuna" target="_blank" rel="noopener noreferrer">Fortuna</a>:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 275px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/profit-taker/orb_fortuna_map....<p><b><a href="https://dkvz.eu/articles/warframe_guide_preneur_profit">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Installer Rust (Rustlang) sous Windows - Forcer l&#x27;utilisation du compilateur GNU</title>
      <link>https://dkvz.eu/articles/rust_windows_avec_gcc</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/rust_windows_avec_gcc</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/rustup-win/rustup_thumb.png"/>
      
      <description><![CDATA[<h1>Installer Rust sous Windows</h1>
<p>Le moyen le plus simple et flexible est de récupérer <a href="https://rustup.rs" target="_blank" rel="noopener noreferrer">rustup-init.exe</a>.</p>

<p>Je conseille d'ouvrir un terminal (Powershell, cmd, peu importe) et de l'exécuter dedans.</p>

<p>Si vous voulez commencer fort, vous pouvez même télécharger <i>rustup-init</i> depuis Powershell avec cette super commande extrêmement claire (SARCASME) qui aurait pu juste être <i>wget</i> ou <i>curl</i> ou <i>W-Get</i> s'ils préfèrent mais on y est pas encore:</p>

<pre class="screen"><code>Invoke-WebRequest https://win.rustup.rs/x86_64 -Outfile rustup-init.exe</code></pre>

<p>Vous pouvez ensuite exécuter <i>rustup-init.exe</i> et suivre les instructions et tout va bien. Sauf que...</p>

<h1>Il manque les C++ build-tools de Visual&nbsp;Studio</h1>
<p>Je l'avais un peu tease (carrément spoil) dans l'intro mais si vous n'avez pas la chaine d'outils C++ de Visual&nbsp;Studio vous recevez un beau gros warning:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 684px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/rustup-win/rustup_warning.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/rustup-win/rustup_warning.png" alt="Avertissement quand on exécute rustup-init.exe" class="responsive-img"></a></img-lightbox>
<div class="image-legend">"Install the C++ build tools before proceeding"</div>
</div>

<p>Alors qu'est-ce qu'on fait?</p>

<p>Vous pouvez choisir de vous rendre sur <a href="https://visualstudio.microsoft.com/visual-cpp-build-tools" target="_blank" rel="noopener noreferrer">https://visualstudio.microsoft.com/visual-cpp-build-tools</a>, si le lien n'est pas mort (cherchez juste "Visual&nbsp;Studio Installer" si le lien ne fonctionne plus), et télécharger le Visual&nbsp;Studio&nbsp;Installer (ne prend que ~70MB), depuis lequel vous pouvez sélectionner les outils de développement C++, qui devraient être en premier.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1200px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/rustup-win/rustup_sdk.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/rustup-win/rustup_sdk.png" alt="Le Visual Studio Installer - 6 GB de dépendances à installer" class="responsive-img"></a></img-lightbox>
<div class="image-legend">~7GB d'outils de compilation, et on se moquer de <i>node_modules</i></div>
</div>

<p>Et c'est là que je suis triste.</p>

<p>C'est peut-être pas votre cas mais moi, m...<p><b><a href="https://dkvz.eu/articles/rust_windows_avec_gcc">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Remix de fond d&#x27;écran Kali</title>
      <link>https://dkvz.eu/breves/124</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/124</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art1.jpg"/>
      
      <description><![CDATA[<p>J'ai remix un papier-peint/image d'arrière plan de Kali histoire d'avoir un truc sobre pour les réunions zoom.</p>

<p>Oui c'est tout.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/pull_kali.png" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/pull_kali.png" alt="Wallpaper kali remixé avec un chat" class="responsive-img center-image"></a></img-lightbox></p>
]]></description>
    </item>
    
    <item>
      <title>Wallah mon backend est écrit en Rust</title>
      <link>https://dkvz.eu/breves/123</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/123</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>Le backend de ce blog c'était mon dernier projet en Java de ma vie (que je pense que sans doute).</p>

<p>Je vous <a href="https://dkvz.eu/breves/122" target="_blank" rel="noopener noreferrer">parlais précédemment de mes expériences avec Actix web</a>, le nouveau backend/API est en place (c'est <a href="https://github.com/dkvz/dkvz-blog-backend" target="_blank" rel="noopener noreferrer">ce repo</a>).</p>

<p>Comme je le disais auparavant, je ne suis vraiment pas certain que ça soit plus intéressant que de juste utiliser Node. C'est sûr que l'utilisation mémoire est vraiment excellente, avec 1 seul thread + 1 autre que j'utilise pour des tâches internes.</p>

<p>Tout ce que je peux dire c'est que mon <i>password&nbsp;manager</i>, qui est en .NET Core, prend presque 6 fois plus de mémoire (~80MB VS ~14MB &mdash; Un projet Node tourne autour de 50MB) mais la comparaison est un peu injuste puisque, comme Java, .NET utilise un runtime async/await fortement multithreadé avec un panaché de threads système et <i>userspace</i>.</p>

<p>J'ai eu deux ou trois soucis avec SQLite parce qu'il s'avère que la <i>crate</i> <a href="https://github.com/rusqlite/rusqlite" target="_blank" rel="noopener noreferrer">Rusqlite</a> ce sont des <i>bindings</i> vers la librairie officiel SQLite écrite en C/C++. C'est pas un secret hein, c'est genre la première ligne de leur README, mais ça m'était sorti de la tête et je me suis retrouvé avec une version de la librairie SQLite incapable de faire de la recherche <i>fulltext</i> sur mon serveur.</p>

<p>Apparemment, le driver Java embarque tout ça nativement ou bien a été re-écrit totalement en Java.</p>

<p>Ce qui veut dire que je respecte pas trop la règle moderne d'embarquer toutes tes dépendances avec ton projet mais je le vis plutôt bien donc ça va.</p>

<p>Maintenant y a plus qu'à espérer que ça plante pas et que tout fonctionne comme ça doit, notamment la version <i>server rendered</i> des articles que je livre aux robots des résaux sociaux (exemple: <a href="https://api.dkvz.eu/render-article/122" target="_blank" rel="noopener noreferrer">https://api.dkvz.eu/render-article/122</a>).</p>

<p>Tout ça m'aura permis de découvrir quelques coquilles et bizarreries dans l'ancien code, ce qui n'est pas vraiment étonnant quand on voir ce type de messages de commit:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/blog-backend/blog-backend2.png" alt="Un message de commit qui dit que j'ai codé le truc en regardant Naruto" class="responsive-img center-image"></i...<p><b><a href="https://dkvz.eu/breves/123">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Test de Actix Web (web framework Rust)</title>
      <link>https://dkvz.eu/breves/122</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/122</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code1.png"/>
      
      <description><![CDATA[<p>J'ai testé pour vous, un framework web que-tout-le-monde-s'en-fout, ou presque.</p>

<p>
Mon blog n'est pas juste une vitrine sur mes étonnants <a href="https://dkvz.eu/articles/95" target="_blank">travaux de graphiste</a>, l'idée de départ était de l'utiliser pour recycler des connaissances en re-écrivant entièrement une pièce ou l'autre. Voire tout.
</p>

<p>C'est un peu pour ça que j'utiliser une API&nbsp;+&nbsp;un "frontend" statique qui sont dans des repos séparés à une époque ou tout le monde utilise juste des générateurs de sites statiques.</p>

<p>En pratique le frontend et le backend ont déjà changé une fois chacun. Je sais que tout le monde s'en fout mais en gros:</p>

<ul>
<li>Backend: Play Framework <b>-&gt;</b> Spring Boot</li>
<li>Frontend: Polymer (lol) <b>-&gt;</b> Truc pas net en "Vanilla" JS dans une énorme variable globale</li>
</ul>

<p>Je me suis dit que ce serait pas mal d'avoir un truc plus léger parce qu'on parle tout de même de ~150MB de mémoire pour mon bidule Spring&nbsp;Boot. Puis c'est Java aussi, c'est un peu la honte. Je crois.</p>

<p>Ceci dit je suis toujours content de Spring&nbsp;Boot, super projet facile à prendre en main et plein de ressources en ligne pour toutes les situations imaginables, le tout facile à déployer n'importe où.</p>

<h1>Actix Web en gros</h1>
<p>Actix web ressemble un peu à Express.js. On abandonne les vieux concepts moisis de "contrôleur" et tout ça (MVC LOL) au profit d'une approche plus fonctionnelle et... Flexible. Je vais utiliser flexible plutôt que simple. Vous aussi vous aimez quand c'est flexible?</p>

<p>Je précise que j'ai testé avec <b>Actix web version 3</b>, parce que le projet est pas mal en travaux.</p>

<p>La <a href="https://actix.rs/docs/getting-started" target="_blank" rel="noopener noreferrer">doc officielle</a> est pas mal foutue pour se lancer rapidement à ceci près qu'elle ne comment que très peu la structure du projet (c'est flexible, vous vous souvenez?) et qu'il y a plusieurs moyens de s'y prendre pour déclarer ses <i>handlers</i>.</p>

<p>Parce qu'au final, c'est ça le but, un peu à la mode d'Expess en JS, vous allez déclarer que telle fonction doit être appelée sur telle URL avec telle méthode HTTP (et éventuellement d'autres conditions plus poussées de routage).</p>

<h1>Async/await</h1>
<p>Async/await en Rust c'est déjà toute une aventure en soi. Vous ne devez pas nécessairement connaître son fonctionnement de manière précise, mais juste quelques bases:</p>

<ul>
<li>Bien qu'il exi...<p><b><a href="https://dkvz.eu/breves/122">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Okay donc j&#x27;en suis à presque 200h de Witcher 3</title>
      <link>https://dkvz.eu/breves/121</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/121</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_gaming1.jpg"/>
      
      <description><![CDATA[<p>Je pourrais utiliser certaines circonstances exceptionnelles de désastritude internationale pour excuser mon absence de publication là mais en fait c'est juste à cause d'un jeu.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/w3_gametime.png" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/w3_gametime.png" alt="Temps de jeu de 198h de Witcher 3 dans Steam" class="responsive-img center-image"></a></img-lightbox></p>

<p><small>En vrai ça fait aussi 200 heures que j'essaye de buter ma première liche kuva sur Warframe mais c'est sans rapport.</small></p>

<p>On est bien au delà de mes genre 120 heures de Skyrim, la moitié desquelles consistent probablement à tout ce temps passé à fabriquer des bracelets en cuir pour monter mes compétences d'armurieurs, plutôt que de juste tricher avec la console pour avoir le skill au niveau 100 et économiser tout ce temps de vie qui est perdu à tout jamais.</p>

<p>Non je plaisante pas, je crois que j'ai un problème.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/skyrim_hoard1.jpg" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/skyrim_hoard1_1200.jpg" alt="Juste un énorme tas de bracelets de cuir dans Skyrim" class="responsive-img center-image"></a></img-lightbox></p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/skyrim_hoard2.jpg" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/skyrim_hoard2_1200.jpg" alt="Un autre énorme tas de bracelets de cuir dans Skyrim" class="responsive-img center-image"></a></img-lightbox></p>

<p>Mais revenons au Wicheur: le jeu mérite amplement toutes ses critiques extrêmement favorables.</p>
<p>J'apprécie particulièrement le côté cinématique des dialogues dans la moindre petite quète, fusse-t-elle (?lol) à propos de récupérer une poêle pour quelqu'un où aller chercher la chèvre perdue d'un type qui porte un collier en pattes de poulet, vous avez de vrais angles de cinéma mais pas juste un "au dessus de l'épaule de n°1 quand il parle puis au dessus de l'épaule de n°2 quand lui parle" &mdash; Non il ya du travail d'angle pour pratiquement tous les dialogues (ceci dit me semble que c'était pareil dans le II).</p>

<p>Le tout entièrement narré par des acteurs. Je ne comprends toujours pas comment celui qui fait Geralt arrive à tenir avec la même voix sans éclater de rire ou en avoir marre parfois, en vrai c'est assez impressionnant.</p>

<p>Après, ces angles de camera sont pas toujours parfait et les COIFFURES DES GENS, ça va pas du tout:</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/w3_camera_char_des...<p><b><a href="https://dkvz.eu/breves/121">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le syndrôme de l&#x27;imposteur</title>
      <link>https://dkvz.eu/articles/syndrome_de_l_imposteur</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/syndrome_de_l_imposteur</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/imposter/imposter_thumb.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Le syndrome de l'imposteur, c'est quand tu doutes de tes compétences et penses que tu mérites pas d'avoir ton job actuel parce que t'es secrètement très mauvais. Tu mérites pas satisfaction pour les trucs que tu réussis parce que t'as juste eu de la chance en fait.</p>

<p>On donne parfois le conseil de ne pas douter de tes compétences et que tu t'es fait tout seul et bravo (j'exagère un peu ce second point, excusez-moi). Ce qui est légèrement foireux pour plusieurs raisons que j'explique ici, et je vous propose une discussion sur d'autres explications alternatives.</p>

<p>En gros ça va être comme un article dans <i>Mode&nbsp;et&nbsp;Travaux</i>, mais en plus long et légèrement indigeste.</p>

<p>Je vais mettre deux ou trois memes pour que ça passe mieux. Ou moins bien je sais pas.</p>

<h1>Le "mérite"</h1>
<p>Bon alors déjà, personne ne "mérite" où il en es, qu'il s'agisse de Dr Oetker ou d'un prisonnier de guerre, on arrive jamais quelque part d'une manière totalement indépendante de son environnement.</p>

<p>Même si nous avons toujours le choix et la capacité de réaliser ces choix en toute conscience, si tu places des gens dans un environnement déterminé, ça influence fortement la probabilité de faire un choix plutôt qu'un autre, même si le dit choix est tout merdique.</p>

<p>Je sais que certains pensent que tu peux juste choisir d'arrêter d'être triste, ou traverser la rue et trouver un job, mais la réalité est plus compliquée que ça et les choix portent le poids de tout l'environnement des personnes concernées en plus de différences manifestes dans la biologie du cerveau des individus.</p>

<p>C'est très facile de rester dans la classe moyenne quand on est né classe moyenne. C'est très facile de commencer un empire immobilier quand ton papa peut te prêter quelques millions ou que en hérite parce qu'il se fait écraser par un tram. C'est par contre extrêmement difficile de changer de classe sociale, non seulement parce qu'un des prédicteurs de "succès socio-professionnel", le QI, est hautement héritable mais parce que l'argent est au moins tout autant héritable avec en plus son auto-suffisance au delà d'un certain niveau de fortune, où tu peux juste tout mettre sur un compte Fisher-Price à 0.2% d'intérêt et gagner 500&nbsp;000€ par an. Ajoute à ça que ne pas avoir les parents (ou les SERVITEURS) qui soient présents pour t'aider parce qu'en pratique ils auraient plus besoin que toi tu les aide parce qu'il y en a un en prison e...<p><b><a href="https://dkvz.eu/articles/syndrome_de_l_imposteur">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment dessiner une tête d&#x27;humain en SVG</title>
      <link>https://dkvz.eu/breves/119</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/119</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art3.png"/>
      
      <description><![CDATA[<p>Fini de rire, on passe dans les pures visions du cauchemar et on essaye d'ajouter une tête d'humain (je précise) au dessous de désormais classiques <a href="https://dkvz.eu/articles/105" target="_blank">t-shirt</a>, <a href="https://dkvz.eu/articles/95" target="_blank">slip</a> et <a href="https://dkvz.eu/articles/91" target="_blank">pantalon</a>.</p>

<p>Bon c'est pas comme si les dits articles avaient un franc succès mais c'est pas grave on est là pour s'amuser et en apprendre davantage sur l'art, la vérité, et l'univers. Commencez déjà à réfléchir.</p>

<h2>Modèle de base</h2>
<p>On commence tout de suite avec le modèle papier, comme d'habitude hein.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/svghead/svghead_drawing.jpg" target="_blank"><img src="https://dkvz.eu/stuff/svghead/svghead_drawing_500.jpg" alt="Ah ouais quand même" class="responsive-img center-image"></a></img-lightbox></p>

<p>OK parfait, on voit bien la perspective DE&nbsp;FACE, un truc que, je le rappelle, les égyptiens avaient du mal à faire. Alors qu'ils ont des mages et tout (c'est dans l'ancien testament donc c'est surement vrai).</p>

<p>Contrairement aux autres <b><i>DESIGNs</i></b> qui étaient constitués d'un seul chemin, il va nous en falloir plusieurs complètement séparés ici, alors allons-y étape par étape.</p>

<p>Ceci va nous permettre d'introduire un élément SVG dont je n'avais pas encore parlé: <i>g</i>. Oui c'est tout, juste <i>g</i>.</p>
<p>C'est un élément créé pour contenir d'autres éléments et regrouper leur style entre autres choses (autres choses étant "LES GROUPER ENSEMBLES" quoi, c'est plutôt pas mal) &mdash; Ne vous étonnez donc pas si vous voyez quelques "g" autour des différentes parties anatomiques représentées.</p>

<h2>La tête</h2>
<p>Les vrais dessinateurs ils s'entrainent avec des genres de guides de proportions comme sur <a href="https://assets.dragoart.com/images/38359_502/how-to-draw-heads-step-3_5e4c8853bc9144.57993998_27383_3_3.jpg" target="_blank" rel="noopener noreferrer">cette image que je mets pas parce qu'elle est pas à moi</a>. Les oreilles sur ce sketch sont d'ailleurs notablement un petit peu mieux que les celles qui finiront sur mon dessin. Je suis pas encore un professionnel (puis j'en avais marre aussi).</p>

<p>Pour les proportions j'ai donc décidé que... 1 tiers au dessus et 2 tiers en dessous ce serait bien. C'est plus facile que racine de 2 sur 2 et euh... 1 moins ça. Ouais. En plus 1/3 et 2/3 c'est proche de la proportion du nombre d'or. On s'en fout. Non vraiment on s'en fout.</p>

<p>Pour bien fai...<p><b><a href="https://dkvz.eu/breves/119">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Expérience support client Lenovo - PAS GENIAL</title>
      <link>https://dkvz.eu/breves/118</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/118</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>J'utilise un ordi portable sous Linux pour travailler et développer à la maison, ce qui, de base est stupide vu que j'ai aussi un ordi de bureau avec un 12-coeurs et 32GB de RAM mais j'ai pas envie d'installer 40GB de dépendances de Visual&nbsp;Studio et autres plugins VSCode sur le volume principal de Windows donc je le garde juste pour prendre tous les jeux gratuits sur l'Epic&nbsp;Store et jamais y jouer de la vie.</p>

<p>Seulement voilà, l'autre jour, mon Linux il démarre plus avec une erreur de stockage bizarre dans syslog (reste sur le logo de Linux&nbsp;Mint pour toujours).</p>

<p>Truc étrange, l'install Windows de base qui était dessus fonctionne normalement (bien que HWInfo64 indique que le SSD est <b>en train de crever</b>). Allez savoir.</p>

<p>Du coup j'essaye de réinstaller Mint, mais l'installeur me met une grosse erreur vraiment pas claire. Il semblerait que le check SMART du SSD ne passe pas:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/laptop_issues.png" alt="Montre que le test SMART ne passe pas" class="responsive-img center-image"></img-lightbox></p>

<p>Le revendeur me dit qu'ils peuvent le prendre en garantie mais doivent "faire des tests" et ça va prendre genre trois semaines. OK.</p>

<p>J'essaye le support Lenovo, ils ont trois (en fait quatre) numéros de téléphone pour la Belgique. <b>AUCUN DE REPOND</b>.</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/lenovophone.png" target="_blank" rel="noopener noreferrer"><img src="https://dkvz.eu/stuff/lenovophone.png" alt="Contact Lenovo en Belgique" class="responsive-img center-image"></a></img-lightbox></p>

<p>J'ai même essayé leur numéro "datacenter" où c'est écrit en ROUGE de PAS LES APPELER SI TU PAYES PAS DES SERVICES TRES CHERS POUR LES PROS et ça répondait pas non plus.</p>

<p>Ceci dit, le service datacenter m'a rappelé après. Chouette! Un humain! (c'est genre la première fois de ma vie que je dis ça).</p>

<p>Il me dit que c'est étrange que ça répond pas sur le numéro support client, je lui parle de mes histoires de garantie et je lui demande si je peux ouvrir la machine et le changer moi-même &mdash; Il me dit qu'ils ont des mécanismes top secret qu'il peut pas me révéler pour savoir si on a ouvert la machine, auquel cas, <b>plus de garantie</b>.</p>

<p>- <i>Donc on peut même pas changer la pile de sa carte-mère soi-même?</i> &mdash; NON - Tu crois que c'est magique la vie ou quoi?</p>

<p>Au final, après avoir insisté je ne sais pas combien de fois, j'ai eu un autre humain sur leur ligne de support cli...<p><b><a href="https://dkvz.eu/breves/118">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>RAID sous Windows - Les &quot;storage spaces&quot;</title>
      <link>https://dkvz.eu/breves/117</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/117</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows2.png"/>
      
      <description><![CDATA[<p>Suite de mes <a target="_blank" href="https://dkvz.eu/breves/113">aventures avec les volumes dynamiques</a>, j'explore la méthode recommandée par Windows pour créer un volume de deux disques avec tolérance de panne en 2020.</p>

<p>Il va être super passionnant cet article, accrochez-vous à votre thé camomille.</p>

<p>J'avais initialement un RAID&nbsp;1 de deux disques de 1.5TB via le gestionnaire de la carte mère (Intel ICH-quelque chose), des WD Caviar Green. Suite au décès d'un des membres, j'avais dû racheter un Seagate tout neuf de 2TB (parce que plus personne ne vendait du 1.5TB).</p>

<p>Du coup je perdais ~400GB dans l'aventure avec aucun moyen de les réutiliser.</p>

<p>Etant donné que 2020 ressemblait déjà fort au jugement dernier avant le printemps, j'avais décidé de <a href="https://dkvz.eu/articles/setup_2020_ryzen_x570" target="_blank" rel="noopener noreferrer">mettre à jour ma vénérable machine de bureau/jeux</a> et en profiter pour entreprendre un gros nettoyage (de printemps, du coup) qui impliquait de recréer un RAID.</p>

<p>J'aurais pu utiliser un RAID AMD mais j'aurais eu le même soucis du disque de 2TB qui a 400GB qui servent à rien.</p>

<p>Les "disques dynamiques" permettent de créer un mirroir entre deux partitions, comme les RAID logiciels du noyau Linux, ce qui veut dire que je peux créer une partition en plus de 400GB sur le disque de 2TB et l'utiliser.</p>

<p>J'étais plutôt content des performances, quoi que c'était difficile à dire à quel point c'était dû à la nouvelle plateforme et au nettoyage, mais évidemment cette histoire de disques dynamiques est <a target="_blank" href="https://dkvz.eu/breves/113">secrètement considérée comme dépréciée</a>. Et personne ne vous le dit quand vous en créez un. Normal quoi.</p>

<p>Pour poursuivre avec les analogies Linux, si les disques dynamiques sont les RAID noyau (<i>mdadm</i>), les <i>storage spaces</i> sont l'équivalent de <a href="https://fr.wikipedia.org/wiki/Gestion_par_volumes_logiques" target="_blank" rel="noopener noreferrer">LVM</a> et sont le remplacement recommandé des disques dynamiques.</p>

<p>Je me dis que ce serait pas plus mal de tester les <i>storage spaces</i>, surtout que les disques dynamiques ont un gros désavantage: au moindre crash/panne de courant/overclock foireux il tout DOIT vérifier sur le RAID et ça prend des plombes et contrairement à un RAID Intel ou AMD, il n'y a aucune option pour arrêter la vérification.</p>

<p>Evidemment il est impossible de transformer directement un couple de disques dyn...<p><b><a href="https://dkvz.eu/breves/117">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>React, c&#x27;est pas ce que je préfère</title>
      <link>https://dkvz.eu/breves/116</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/116</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>J'ai déjà parlé deux ou trois fois de React, mais je m'étais jamais mis dans les bottes de quelqu'un qui doit l'apprendre en 2020 comme première techno frontend.</p>

<p>Quand j'ai découvert le truc, <a href="https://dkvz.eu/articles/66" target="_blank" rel="noopener noreferrer">j'étais vraiment pas fan</a>, particulièrement à cause du JSX et de la confusion du CSS qui se trouvait partout, dans des fichiers séparés, dans des variables dans le composant, créé par une fonction, ...</p>

<p>Bon, je pense que le fait que je captais rien à Webpack n'aidait pas non plus.</p>

<p>Et puis il y a ma vieille aversion aux systèmes de gestion de dépendances. Effacer un projet React qui vient d'être créé avec </p>
<pre class="screen"><code>npx create-react-app UNE_APP_REACT</code></pre>

<p>Sous Windows, ça prend genre 30 secondes, même sur un SSD M.2. Bon j'avoue que sous Linux c'est quasi immédiat et à mon avis c'est pareil sur Mac. Mais quand même, 45000 fichiers???</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 515px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/react_pantalon.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/react_pantalon.png" alt="Nombre de fichiers dans une app React fraichement créée" class="responsive-img"></a></img-lightbox>
<div class="image-legend">On dit parfois que Windows 95 est plus petit que Chome, mais Chrome est plus petit qu'une appli React vide. Et ouais les gens.</div>
</div>

<p>Je me suis un peu calmé depuis mes années de détestage de React. D'autant plus que la librairie en question n'a pas baissé en popularité. Au contraire, React est plus populaire que jamais.</p>

<p>J'en parle de manière beaucoup plus nuancée dans ma <a href="https://dkvz.eu/articles/javascript_revue_frameworks_2019_2020" target="_blank" rel="noopener noreferrer">gigantissimique revue des frameworks 2019-2020</a>.</p>

<p>J'évite d'y parler de <i>hooks</i> mais je tombe tout de même sur l'histoire où <i>setInterval</i> ne fonctionne pas dans le corps d'un composant fonctionnel et je résous le truc à ma manière sans utiliser la méthode préconisée qui est d'utiliser <i>useEffect</i> en comprenant bien qu'en fait tout ce qui est asynchrone ou utilise des timers n'est jamais censé être directement dans le corps de la fonction composant.</p>

<p>Dit comme ça, ça a l'air simple. Mais ça n'est expliqué comme ça nulle part. La doc parle "d'effets de bord". C'est quoi un effet de bord?</p>

<p>Bon après, on s'en fout, personne n'a lu mon article. Mais tout de...<p><b><a href="https://dkvz.eu/breves/116">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Si vous trouvez mes &quot;designs&quot; étranges, je fais les mêmes IRL</title>
      <link>https://dkvz.eu/breves/115</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/115</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art1.jpg"/>
      
      <description><![CDATA[<p>Quelques créations originales que j'ose dévoiler ici (me volez pas l'idée pour un concours d'architecture okay?):</p>

<p>
<img-lightbox><a href="https://dkvz.eu/stuff/pull_house.jpg" target="_blank" rel="noopener noreferrer">
<img src="https://dkvz.eu/stuff/pull_house_500.jpg" class="responsive-img center-image" />
</a></img-lightbox>
</p>

<p>
<img-lightbox><a href="https://dkvz.eu/stuff/mribus.jpg" target="_blank" rel="noopener noreferrer">
<img src="https://dkvz.eu/stuff/mribus_500.jpg" class="responsive-img center-image" />
</a></img-lightbox>
</p>

<p>PS: J'ai un vrai article en préparation - Ce sera encore une histoire de frontend par contre. Burp.</p>]]></description>
    </item>
    
    <item>
      <title>Image pour présentation / Mockup de site web responsive</title>
      <link>https://dkvz.eu/articles/presentation_site_web_responsive</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/presentation_site_web_responsive</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/responsive_preview/rainbow_tablet.png"/>
      
      <description><![CDATA[<!--
TODO
- Expliquer qu'un background blurred c'est stylé.

- Tester le lien qui est censé download le xcf.

- Expliquer que je fais le large avec un fullscreen navigateur sur écran 16/9.

- Parler des possibilités d'utiliser un machin qui screenshot les pages avec pupetteer ou autre. J'ai des links dans l'autre "projet".
-->

<h1>Introduction</h1>
<p>L'autre jour je cherchais comment créer un macro d'image qui montre un design de site web sur plusieurs appareils différents côte à côte.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/responsive_preview/resp_example.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/responsive_preview/resp_example_500.png" alt="Montre mon blog sur plusieurs appareils" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Un truc comme ça, quoi</div>
</div>

<p>Et je n'ai rien trouvé qui réponde à mes besoins. En partie parce que c'est difficile de savoir que taper dans la recherche (qui est aussi la raison principale du titre vraiment louche de cet article) et ensuite parce que trouver des images gratuites sur les Internets c'est assez épuisant psychologiquement à moins que ça se trouve directement sur <a href="https://commons.wikimedia.org/wiki/Accueil" target="_blank" rel="noopener noreferrer">Wikimedia</a>.</p>

<p>Résultat: je l'ai fait moi-même à l'arrache, et je le livre dans cet article en espérant que ça puisse aider quelqu'un dans la même situation, pourvu que cet article puisse être trouvé sur un moteur de recherche parce que c'est difficile de prédire ce que les gens vont taper comme mots clés à la recherche d'une macro d'image de... Démonstration prévisualisation de site web responsive que je suis même pas sûr que <i>responsive</i> ça se dise en Français.</p>

<p>Et puis de toutes façons si ça sort dans la recherche, ce sera dans une recherche d'images et personne va lire cet article trop long, phrase qui sera écrite sur ma tombe.</p>

<h1>Il n'y a vraiment rien qui existe déjà?</h1>
<p>Peut-être qu'il existe un outil en ligne quelque part.</p>

<p>Après tout, les outils qui testent si votre site est est responsive utilisent parfois ce type d'infographie pour afficher vos résultats.</p>
<p>Quoi qu'il en soit, ça m'arrange pas trop parce que je veux pouvoir travailler avec des sujets qui ne sont pas en ligne sur l'Internet public.</p>

<p>En pratique, ce <a href="http://ami.responsivedesign.is" target="_blank" rel="...<p><b><a href="https://dkvz.eu/articles/presentation_site_web_responsive">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>RAID sous Windows - Finalement c&#x27;est nul</title>
      <link>https://dkvz.eu/breves/113</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/113</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows1.png"/>
      
      <description><![CDATA[<p><a href="https://dkvz.eu/articles/setup_2020_ryzen_x570#toc_1_9">A la fin de l'article sur ma nouvelle machine</a> j'étais content d'avoir trouvé</a> un RAID&nbsp; sous Windows qui a des performances plus ou moins correctes, mais en fait il est déprécié 😀 Youpiiiie</p>

<p>Petit résumé rapide: quand on est sous Windows, fut un temps où il n'y avait qu'une option pour du <a href="https://fr.wikipedia.org/wiki/RAID_(informatique)" target="_blank" rel="noopener noreferrer">RAID</a> logiciel et c'était de créer le RAID depuis un outil fourni par la carte mère qu'on peut ouvrir avant le démarrage de Windows.</p>

<p>A condition d'avoir activé le support RAID dans le BIOS pour les ports SATA et/ou M.2, il apparait alors un second genre de setup BIOS après le setup BIOS normal (???) &mdash; Ouais on a pas encore créé de RAID et c'est déjà nul.</p>

<p>Une fois que le RAID est créé, c'est toujours pas fini, il faut encore installer les drivers RAID spécifiques à cette carte mère sous Windows.</p>

<p>Pour AMD c'est facile, leurs drivers chipset sont assez simples à trouver <a href="https://www.amd.com/fr/products/chipsets-am4" target="_blank" rel="noopener noreferrer">sur leur site</a>, mais pour les vieilles cartes mères Intel, ça se transforme rapidement en truc triste.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 490px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/sp_intel_dlcenter.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/sp_intel_dlcenter.png" alt="Le download center Intel" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Oh mon dieu</div>
</div>

<p>Et là ils l'ont rebrandé le "download center" Intel, il est plus propre qu'avant mais c'est toujours pratiquement impossible de trouver la version exacte du chipset de votre carte mère <b>ET</b> esnuite que Windows accepte de l'installer, parce que j'ai pas mal d'expériences qui se sont finies en "EUUUH CA MARCHE PA SUR 7 VERSION DE WIndwos".</p>

<p>Une fois toute cette douleur enfin passée et le RAID créé et les bons pilotes installés, reste plus qu'à découvrir les vitesses de transfert max de l'ordre de 2&nbsp;MB/s. Excellent.</p>

<p>Vous comprenez pourquoi j'étais fort content de découvrir cette histoire de disques dynamiques sous Windows, en me disant que c'est une implémentation similaire au RAID Linux, qui est plutôt cool et permet aussi de créer des RAID entre partitions et pas nécéssairement disques physiques complets (comme c'est le cas pour les RAID "...<p><b><a href="https://dkvz.eu/breves/113">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Ma soirée sur Marketplace</title>
      <link>https://dkvz.eu/articles/ma_soiree_sur_marketplace</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/ma_soiree_sur_marketplace</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/marketplace/marketplace-logo.png"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Oui la seule fois ou je parle pas de JavaScript, je vous parle de FACEBOOK MARKETPLACE.</p>

<p>Un peu comme <a href="https://dkvz.eu/articles/104" target="_blank" rel="noopener noreferrer">quand je captais rien à Instagram</a> (je capte toujours rien à Instagram), tout le bagage autour des sites de vente et les étranges conventions qui s'y créent... Pour moi c'est un peu comme regarder un de ces nids de fourmis didactiques dans du plexiglas, c'est incompréhensible mais fascinant.</p>

<p>Avec une petite touche de déspespoir puisqu'on parle d'humains tout de même hein.</p>

<h1>C'est quoi ça Marketplace?</h1>
<p>Faut pas rire, je savais pas ce que c'était y a pas si longtemps.</p>
<p>Marketplace est un système de petites annonces intégré à Facebook depuis 2016 (ou quelque part par-là).</p>
<p>On ne peut que saluer l'idée; les jeunes ont disparu de la plateforme depuis longtemps avec comme résultat une affluence de mamies, papys (papies?), tontons, tatas, la page de l'oganisation anti-5G et moult autres réjouissances.</p>

<p>Par contre, ce public a un taux d'engagement potentiellement sous-optimal, puisque ces gens ont souvent de vraies choses à faire pendant la journée et n'ont pas envie de parler à Rodolphe sur Messenger après l'avoir vu toute la journée au boulot puis de toutes façons il a rien à raconter et son dernier post est article qui dit que la Nasa avoue que le changement climatique c'est juste le soleil et pas les Hummers. Du contenu Facebook classique entre deux <a href="https://dkvz.eu/articles/facebook_et_les_maths" target="_blank" rel="noopener noreferrer">"problèmes de math"</a>.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 723px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/marketplace/nasa-changement-climatique.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/marketplace/nasa-changement-climatique.png" alt="lel le changement climatique" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Le pire c'est quand tu te fais un steak en conduisant le 4x4 parce qu'en plus c'est carrément dangereux</div>
</div>

<p>On est malheureusement loin des jeunes qui passent leur vie sur au moins trois réseaux sociaux en simultané que je comprends même pas comment ils font.</p>
<p>Tout ce que je sais c'est qu'il n'y a pas Facebook dedans, sinon on verrait beaucoup plus de publications sur <a href="https://www.roblox.com" target="_blank" rel="noopener noreferrer">Roblox</a>. Puis accessoirement y a leur maman sur Fac...<p><b><a href="https://dkvz.eu/articles/ma_soiree_sur_marketplace">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Setup 2020 - L&#x27;aventure Ryzen et chipset x570</title>
      <link>https://dkvz.eu/articles/setup_2020_ryzen_x570</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/setup_2020_ryzen_x570</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/ryzen/amd-logo_110.png"/>
      
      <description><![CDATA[<!--
TODO
- Il faut revérifier toutes les images, certains n'ont pas de alt.
-->

<h1>Introduction</h1>
<p>Ma vénérable machine fixe vient juste de prendre sa retraite, après 8 ans de loyaux services.</p>

<p>Dans ce post j'examine si l'upgrade vallait vraiment la peine étant donné que mon vieux <i>Sandy Bridge</i> overclocké comme l'enfer n'était pas très loin derrière les tous derniers CPUs Intel à <a href="https://www.techpowerup.com/download/super-pi" target="_blank" rel="noopener noreferrer">SuperPI</a> (lol).</p>

<p>J'en profite pour <b>PASSER CHEZ AMD</b> et radoter sur les "architectures modernes" et comment tout était plus simple avant, avec mes explications sur le chipset x570 et pourquoi ne pas choisir une carte mère Asus.</p>

<p>Sachant que le premier ordi que j'ai assemblé avait un Core&nbsp;2&nbsp;Duo avec deux coeurs (ben ouais), j'aurais jamais pensé que le futur ressemblerait à ça:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 486px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/ryzen/lotsofcores.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/ryzen/lotsofcores.png" alt="Le Ryzen 3900x vu du Gestionnaire dees tâches Windows" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'était pas vraiment nécessaire</div>
</div>

<p>Le Ryzen&nbsp;3900x s'avère être une chouette geekerie mais NONDIDJU que les choses se sont compliquées en 8 ans.</p>

<h1>8 ans d'âge!</h1>
<p>Aaaah ma vieille tour... Construite principalement pour me perdre dans <b>Skyrim</b> quelque part entre 6 mois et 1 an après sa sortie.</p>

<p>C'était l'époque du <a href="https://en.wikipedia.org/wiki/Sandy_Bridge" target="_blank" rel="noopener noreferrer">Sandy&nbsp;Bridge</a> mais genre 1 mois avant la sortie d'<b>Ivy&nbsp;Bridge</b> parce qu'il y a toujours une nouvelle génération qui sort 1 mois après qu'on ait assemblé son nouveau jouet, c'est une règle majeure du jeu.</p>

<p>Le seul moyen de d'essayer de se libérer du cette destinée c'est acheter un CPU directement à sa sortie quand il est bien bien cher. Ou alors avoir de la chance parce que la concurrence d'AMD et le 5ème cycle de recyclage de la même architecture Intel a un résultat direct sur les prix de mise sur le marché.</p>

<p>Pour mieux vous imaginer l'odeur de vieux d'il y a 8 ans, les gens ils mettaient des graveurs DVD dans leurs tours. Je vous jure. C'était genre normal.</p>

<h2>L'âge d'or de l'overclocking</h2>
<p>Quand je parle d'âge d'or de l'overcl...<p><b><a href="https://dkvz.eu/articles/setup_2020_ryzen_x570">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Vague sélection de polices de caractère pour le dev</title>
      <link>https://dkvz.eu/breves/110</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/110</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<!-- TODO
Expliquer qu'on peut installer fira via paquet
-->

<p>Après avoir changé 12 fois de thème de couleurs pour votre éditeur, tapé <i>git&nbsp;pull</i> 6 fois et même en arriver à merge les 10 branches que DEPENDABOT a créées parce qu'il y a une faille obscure dans un package npm obscur que tout le monde utilise pour une raison que vous n'arrivez pas à raisonner,  vous commencez à sentir qu'il va falloir s'y mettre un moment ou l'autre.</p>

<p>Alors vous ouvrez Twitter pour découvrir que tous les <i>climato-sceptiques</i> ont abandonné le climat et s'accrochent à absolument toutes les théories vaguement conspiratorielles (conspiratoriales?) sur la plus grande épidémie de cette décénie. Duo-décénie. Tricénie. Longtemps.</p>

<p>En fait je me rends compte maintenant que j'aurais dû écrire à ce sujet et ç'aurait été beaucoup plus intéressant (pour moi). Ce sera pour un article.</p>

<p>Il reste une option de procrastination à laquelle vous n'aviez peut-être pas pensé: la police de caractère de votre éditeur, terminal, tout ce que vous voulez.</p>

<p>Je vais vous en présenter quelques-unes que j'utilise dans <a href="https://code.visualstudio.com" target="_blank" rel="noopener noreferrer">VS&nbsp;Code</a>, <a href="https://cmder.net" target="_blank" rel="noopener noreferrer">Cmder</a> (sous Windows) et le terminal de base de mon Linux.</p>

<h2>Le classique</h2>
<p>Pour les amateurs de rustique, sobriété et téléphone à rabat, difficile de battre <a href="https://dejavu-fonts.github.io" target="_blank" rel="noopener noreferrer">DejaVu Sans Mono</a>.</p>
<p>Je l'utilise pour mon terminal Linux. Enfin je pense.</p>

<h2>Toujours classique mais un peu moins</h2>
<p>J'ai longtemps utilisé <a href="https://www.google.com/get/noto/#mono-mono" target="_blank" rel="noopener noreferrer">Noto Mono</a> pour mes éditeurs, cette police est bien ronde et propre (???) et du coup très reposante.</p>

<p>Exemple:</p>
<p><img-lightbox><img src="https://dkvz.eu/stuff/fonts/fonts_noto.png" alt="Montre la police Noto Mono dans VS Code" class="responsive-img center-image"></img-lightbox></p>

<p>Dans le même genre mais en plus rond et avec un vague look plus cursif (COMIC SANS), si c'est ça que vous aimez: <a href="https://fonts.google.com/specimen/Ubuntu+Mono" target="_blank" rel="noopener noreferrer">Ubuntu Mono</a>:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/fonts/fonts_ubuntu.png" alt="Montre la police Ubuntu Mono dans VS Code" class="responsive-img center-image"></img-lightbox></p>

<h2>...<p><b><a href="https://dkvz.eu/breves/110">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le tiercé de langages qui fait tout</title>
      <link>https://dkvz.eu/articles/meilleurs_langages_prog_2020</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/meilleurs_langages_prog_2020</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/tierce-language/superbabelpreact.jpg"/>
      
      <description><![CDATA[<h1>Introduction</h1>
<p>Cet article était censé être une brève puis ça s'est avéré dépasser le seuil de brévité pourtant extrêmement flottant que je m'autorise.</p>
<p>Je vous rassure on va quand même essayer de faire moins long que l'article qui précède celui-ci (qui a écrasé tous les records).</p>

<p>Voilà le topo: je suis sorti de l'école il y a 1000 ans avec des connaissances correctes en Java et PHP. Avec PHP appris en extra-scolaire (quelqu'un se souvient de <a href="https://img-19.ccm2.net/RUjlkBUh9_i8zv9a9r4-m-gDJA8=/440x/c7d21fed2133452685ea0ce770d6043e/ccm-download/B9KhTW8mAWtRwLRr.jpg" target="_blank" rel="noopener noreferrer">EasyPHP</a> :D?).</p>

<p>On avait aussi chipoté Perl dans son cas d'utilisation "tripoter des fichiers texte" du genre "sors moi une liste des adresses IP uniques présentes dans ce fichier log". Ce qui est un peu surprenant de la part de ce professeur parce qu'il est plutôt du genre à demander de créer des implémentation de <a href="https://fr.wikipedia.org/wiki/Liste_cha%C3%AEn%C3%A9e" target="_blank" rel="noopener noreferrer">linked lists</a> et autres transformées de Fourier de machins bidules (c'était un mathématicien je pense) &mdash; mais pas pour le cours de Perl.</p>

<p>Ce cours était génial, parce que non seulement il m'a forcé à apprendre les regex à leur source, mais en plus j'allais continuer à m'en servir pour mon quotidien de sysadmin, puisque Perl s'applique aussi bien à investiguer/transformer des fichiers logs qu'à rédiger des petits scripts d'automation &mdash; l'interprêteur Perl étant installé par défaut sur Mac et Linux (peut-être plus sur Mac aujourd'hui? Sais pas).</p>

<p>Perl fonctionnait sous Sierra en tous cas:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1024px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/osx_perl.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/osx_perl.png" alt="Capture d'écran montrant l'interprêteur Perl sous OSX" class="responsive-img"></a></img-lightbox>
<div class="image-legend">C'est pas en JS avec tous les Prettier et "format on save" qu'on verrait du code en forme de chameau</div>
</div>

<p>Pour terminer, on a eu du C/C++. Avec examen sur papier. La vraie expérience rustique quoi.</p>
<p>Ma pratique du C++ consistait plus ou moins à faire l'équivalent local d'un <a href="https://exercism.io/my/tracks/cpp" target="_blank" rel="noopener noreferrer">parcours exercism</a>.</p>

<p>Créer un buffer circulaire ça sert à rien du tout p...<p><b><a href="https://dkvz.eu/articles/meilleurs_langages_prog_2020">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Avancement de mes aventures de web &quot;designer&quot;</title>
      <link>https://dkvz.eu/breves/108</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/108</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Pour la future mouture du présent blog j'ai décidé de partir de 0, sans framework CSS ni copier-collage sauvage.</p>

<p>J'en suis toujours à la modélisation et j'ai décidé de caser deux choses présentées auparavant dans des brèves:</p>

<ul>
<li><a href="https://dkvz.eu/breves/88" target="_blank">Menu navigation "responsive" sans JavaScript</a> &mdash; Utilise un checkbox caché et un sélecteur CSS obscur pour afficher ou masquer un menu sans que JS ne soit nécessaire;</li>
<li><a href="https://dkvz.eu/breves/98" target="_blank">Modal et Overlay simples et propres sans jQuery</a> &mdash; Je reprends juste la technique d'avoir un overlay en tant qu'élément <i>:after</i> de body qui s'active sur la présence d'un attribut.</li>
</ul>

<p>Ce qui m'amène à avoir un prototype assez sympa de menu de navigation, qui est en plus hypothétiquement accessible aux <i>screen readers</i>, et fonctionne très bien sans JavaScript (avec les transitions, mais pas d'overlay).</p>

<p>Je me suis aussi mis en tête d'utiliser BEM pour les CSS mais... Mes noms de classes sont immenses et j'ai l'impression que ça augmente considérablement la taille du HTML. Je vais peut-être devoir explorer les possibilités de minifier les noms de classe CSS pour le build prod.</p>

<p>J'utilise également les variables CSS dans l'idée d'avoir un système de thème dynamique plus tard (pourra être utilisé pour le MODE NUIT) sachant qu'il faudra peut-être polyfill ce truc. Joie.</p>

<p>Finalement, j'expérimente le chargement de SVGs de meilleure qualité dans l'en-tête après le chargement initial. L'idée ce sera d'avoir ce comportement pour certaines images aussi, j'ai piqué l'idée du projet <a href="https://www.gatsbyjs.org/" target="_blank" rel="noopener noreferrer">Gatsby</a> qui crée automatiquement une version floue légère des images qui charge la version finale.</p>

<p>Par contre je ne suis pas certain de comment ils l'implémentent pour que ça fonctionne sans JS. Peut-être avec un tag <i>picture</i> et plusieurs sources?</p>

<p>Y a encore du travail.</p>

<p><a href="https://dkvz.eu/stuff/blog-pof-2" target="_blank" rel="noopener noreferrer">Voir l'état du chantier</a>.</p>

<p>Puis dans une iframe comme d'hab:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 1200px">
<iframe src="https://dkvz.eu/stuff/blog-pof-2/index.html" style="max-width: 1200px; width: 100%;" height="700"></iframe>
</div>

]]></description>
    </item>
    
    <item>
      <title>JavaScript: Etat du web dev et meilleurs frameworks 2019 - 2020</title>
      <link>https://dkvz.eu/articles/javascript_revue_frameworks_2019_2020</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/javascript_revue_frameworks_2019_2020</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/js_logo_110.png"/>
      
      <description><![CDATA[<!--
TODO:
- Check toutes les iframe sur mobile, peut-être dans le simulateur avec plusieurs dimensions.
- Mettre plus de trucs dans le .npmignore de img-lightbox.
-->

<h1>C'est quoi ce titre?</h1>
<p>On est en janvier, j'ai le droit.</p>

<h1>Introduction</h1>
<p>Comme je disais déjà dans <a href="https://dkvz.eu/breves/78" target="_blank" rel="noopener noreferrer">cette brève</a>, pour moi la finalité de JavaScript (affectueusement abrégé "JS" pour la suite de cet article) résidait dans l'ajout de petits morceaux de code pour afficher un petit calendrier qui permet de choisir une date, ou pour ouvrir une fenêtre popup.</p>
<p>Quand tous les navigateurs ont commencé à massivement bloquer les fenêtres popup... Ben ça servait plus que pour faire un <i>date picker</i>. Je suis désolé je ne vois pas d'autre utilisation.</p>

<p>Le web 2.0 n'est pas de mon avis, et la révolution de l'<a href="https://fr.wikipedia.org/wiki/Ajax_(informatique)" target="_blank" rel="noopener noreferrer">AJAX</a> (plus personne n'utilise ce terme de vieux) et des réseaux sociaux sont à l'origine d'une demande massive pour du web plus réactif avec moins de génération côté serveur avec notamment l'idée d'absolument devoir afficher quelque chose à l'utilisateur pendant que l'énorme <i>timeline</i> bourrée de publicités et de mentions que Facebook va devenir payant et qu'il faut poster une déclaration de propriété intellectuelle sur son mur est téléchargée en arrière-plan.</p>

<p>C'est seulement en 2016 que j'ai commencé à m'intéresser à ces <b>FRAMEWORKS</b> JS dont tout le monde parle. Je me souviens, Angular&nbsp;2 venait tout juste de sortir.</p>

<h1>C'est un vrai langage sérieux le JavaScript?</h1>
<p>Mis à part le côté "lel JS c'est pas un vrai langage" que je ne vais pas m'abaisser à discuter ici, une caractéristique ancestrale de JavaScript c'est que les gens l'utilisent rarement tel quel.</p>
<p>La tendance générale a toujours été d'ajouter au moins une occurence d'un genre de couche ou abstraction au dessus du langage.</p>

<p>Je vais pas unilatéralement cracher sur cette pratique, parce qu'elle a l'avantage de permettre d'utiliser le même code sur plusieurs navigateurs qui présentent des implémentations différentes de JavaScript, et ça, à l'époque glorieuse d'Internet&nbsp;Explorer, c'était plutôt important.</p>

<p>Aujourd'hui, c'est moins important. Internet&nbsp;Explorer a fini par disparaître, non sans atroces souffrances, suivi par son successeur Edge qui est maintenant basé sur C...<p><b><a href="https://dkvz.eu/articles/javascript_revue_frameworks_2019_2020">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Je suis en retard sur mes publications</title>
      <link>https://dkvz.eu/breves/106</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/106</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>Mon blog a une division étrange en "<a href="https://dkvz.eu/breves">brèves</a>" (qui sont en général pas mal longues quand même) et en "<a href="https://dkvz.eu/articles">articles</a>".</p>

<p>Les articles traduisent une de mes psychoses d'être le plus complet possible et d'aller au fond des choses, du coup ils sont super longs. Trop longs.</p>

<p>Qu'ils soient lus 3 fois ou des miliers de fois (l'article sur le Teralyst dans Warframe doit dépasser les 10000 vues) m'importe peu, c'est aussi un truc de développement personnel. Puis c'est chouette d'écrire. Sans filtres.</p>

<p>Ceci dit, si on place bout à bout le temps passé à écrire un article, le montant dépasse plusieurs jours complets (en comptant pas la nuit dedans, je précise). Je dirais donc quelque part entre 8 et 56 heures de travail, sans compter le temps de développement d'un éventuel projet lié à l'article.</p>

<p>La situation s'empire quand on sait que je tiens également un autre blog tech avec un article par mois. Puis à côté de ça j'essaye aussi de faire du sport plusieurs fois par semaine, je dois essayer de maintenir mon niveau sur plusieurs instruments de musique, en plus d'apprendre le piano, d'être en train de lire plusieurs bouquins, d'avoir des projets qui pendent en électronique et un tas de jeux vidéo à finir. Sans compter la gestion du ménage et du stock de croquettes des chats et tout ce genre de choses.</p>

<p>Malgré tout, en terme de "brèves" (lol) je tiens plus ou moins la cadence fixée.</p>

<p>Par contre pour les articles c'est très moyen:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/retard_date_article.png" alt="Date de dernière publication d'article" class="responsive-img center-image"></img-lightbox></p>

<p>La bonne nouvelle c'est qu'il y en a un gros en préparation depuis un moment sur mes aventures en JavaScript et pour lequel je dois encore trouver un titre. Si possible putaclick pour une fois.</p>

<p>Je vous laisse avec cette oeuvre qui a plus ou moins un rapport:</p>

<p><a href="https://dkvz.eu/stuff/bandit/" target="_blank">Click-moi!</a></p>
]]></description>
    </item>
    
    <item>
      <title>Comment dessiner un t-shirt SVG</title>
      <link>https://dkvz.eu/breves/105</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/105</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art3.png"/>
      
      <description><![CDATA[<p>Ben alors là on en est déjà au t-shirt? J'ai vraiment pas vu le temps passer alors là dis donc!</p>

<p>Ce post est la suite d'une série sur l'art et le développement personnel pour laquelle on a bien pris soin de suivre l'ordre anatomico-vestimentaire normal:</p>

<ul>
<li><a href="https://dkvz.eu/breves/91" target="_blank">Le pantalon</a></li>
<li><a href="https://dkvz.eu/breves/95" target="_blank">Le slip</a></li>
</ul>

<p>Aujourd'hui: le t-shirt. Avec tout ça vous allez pouvoir ouvrir votre propre ligne vestimentaire en ligne comme <a href="https://images.complex.com/images/fl_lossy,q_auto/ajjn07eogupaeyip1wg6/kanye-west-jesus-is-king-merch-installation" target="_blank" rel="noopener noreferrer">Kanye West</a>.</p>

<p>Alors allons-y et soyons bref comme d'habitude puisque j'ai appelé ces articles "brèves" n'est-ce pas.</p>

<p>Le système de coordonnées est toujours le même, de 0 à 100 sur les deux axes. Néanmoins, pour une fois, on va prévoir le coup et ne pas dessiner aux extrémités de la toile (dit aussi <b>ZONE OUSKON DESSINE</b>) et commencer à dessiner à au moins 5 unités de distance des extrémités.</p>

<p>Qui sait, peut-être qu'on ne devra pas tordre le <b>viewBox</b> cette fois-ci (<i>clin d'oeil clignotant</i>). Voici le croquis initial:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 800px">
<img-lightbox><a href="https://dkvz.eu/stuff/shirt/tshirt_plan.jpg" target="_blank"><img src="https://dkvz.eu/stuff/shirt/tshirt_plan.jpg" alt="Plan du futur dessin" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Purée tu sais même pas dessiner un truc droit?</div>
</div>

<p>Avec toute notre expérience ça devrait être du gateau, je commence mon chemin, puis j'arrive là:</p>
<p><img-lightbox><img src="https://dkvz.eu/stuff/shirt/shirt_beginnings.png" alt="Début du dessin sur Codepen" class="responsive-img center-image"></img-lightbox></p>

<p>Et... Je sais pas où mettre les coordonnées du point suivant. Peut-être que ce serait pas mal sur un angle droit depuis la dernière ligne? Genre comme ça:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/shirt/tshirt_2.jpg" alt="Suite du dessin" class="responsive-img center-image"></img-lightbox></p>

<p>Admettons que l'on fixe une distance pour la <b>ligne de manche</b>, comment on peut trouver ce point?</p>

<p>J'ai essayé de me souvenir de l'école primaire et les histoires d'hypoténuse et autres bidules pythagoriciens mais euh...J'ai pas envie de calculer des racines carrées de machin bidules et des sinus de trucs.</p>

<div class="car...<p><b><a href="https://dkvz.eu/breves/105">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Je comprends pas Instagram</title>
      <link>https://dkvz.eu/breves/104</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/104</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic3.png"/>
      
      <description><![CDATA[<p>Les réseaux sociaux sont forcément très influencés par les mouvements de masse.</p>
<p>On est des animaux de meute, on s'intéresse naturellement à ce qui semble intéresser nos pairs.</p>

<p>Depuis quelques années, quelqu'un qui vise une présence sérieuse sur les réseaux sociaux (par ex. pour promouvoir une marque / entreprise) elle|il doit passer par Instagram.</p>

<p>En fait c'est même pire que ça, il semblerait que Snapchat soit quasiment en tête selon certaines infographies qu'on peut trouver par-ci par-là. Snapchat! Il n'y a qu'un pas à faire avant de se retrouver à suivre Dr. Oetker sur Snapchat et recevoir des photos du community manager tout nu avec une pizza surgelée en lieu d'une feuille de vigne.</p>

<p>Mais moi ce que je comprends pas c'est Instagram. Pas au niveau capitaliste, je comprends que des "influenceurs" gagnent leur vie uniquement avec un compte Instagram, c'est au niveau personnel que je comprends pas.</p>

<p>Déjà et surtout, les hashtags. J'ai lu quelque part qu'à partir de 30 hashtags Instagram pénalisait les posts.</p>

<p>Mais euh... Du coup <b>tous les posts</b> que j'ai regardé en chipotant par-ci par là avaient <b>exactement</b> 29 hashtags.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 326px">
<img-lightbox><a href="https://dkvz.eu/stuff/insta/insta1.png" target="_blank"><img src="https://dkvz.eu/stuff/insta/insta1.png" alt="Hashtags sur Instagram" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Hashtags normaux pour une photo de type très masculin sans t-shirt (photo non-incluse)</div>
</div>

<p>Je comprends que c'est comme ça qu'on est censé vous trouver dans la recherche et que des inconnus pourront commenter comment vous êtes trop beau|belle et toussa et que vous pourrez peut-être devenir CELEBRE.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 266px">
<img-lightbox><a href="https://dkvz.eu/stuff/insta/insta2.png" target="_blank"><img src="https://dkvz.eu/stuff/insta/insta2.png" alt="Hashtags sur Instagram" class="responsive-img"></a></img-lightbox>
<div class="image-legend">Je me souviens plus trop du sujet mais je sais que ce n'était ni du #food ni du #girl (peut-être non-binaire?)</div>
</div>

<p>Par contre je comprends pas pourquoi les gens comme vous et moi adhérent à ces règles.</p> 
<p>Qui a vraiment absolument besoin d'avoir des inconnus qui viennent voir leurs photos persos et laissent des commentaires inutiles au point de devoir composer ses 29 hashtags de l'absurde obl...<p><b><a href="https://dkvz.eu/breves/104">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Réflexions technologiques sur le blog idéal du turfu</title>
      <link>https://dkvz.eu/breves/103</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/103</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>Mon grand recyclage/décryptage des "nouvelles" (lol) technologies du web à base de JavaScript et Node.js est presque terminé (enfin, j'ai décidé).</p>
<p>Il aura débuté avec Polymer 1.0 (re-lol mais avec deux ou trois larmes) et <i>devrait</i> s'achever par un projet en TypeScript.</p>
<p>Je pensais à Angular du coup, tant qu'à finir avec une chaîne complète et bien grasse d'outils après avoir essayé de tout faire moi-même avec le moins d'outils possible.</p>

<p><b>Petit problème</b> néanmoins: c'est le présent blog que je voudrais refaire et j'ai quelques prérequis bien spécifiques déterminés avec grand soin en résultat de mes désormais nombreuses (deux? 1 et demi? JE SAIS PAS COMPTER LES ANNEES) années de JavaScript.</p>

<h4>Taille compressée de toutes les libs ~50kb ou moins</h4>
<p>C'est ce qui exclut Angular. Dans ma tête il tournait autour de 200&nbsp;Kb mais d'après <a href="https://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks" target="_blank" rel="noopener noreferrer">ce super article Wikipedia qui est en retard parce que c'est impossible à suivre toute cette histoire de FRAMEWORKS</a>, on voit que ça parle de plus de <b>500&nbsp;Kb</b> pour Angular minifié <b>et compressé</b> et je pense que ça n'inclut même pas RxJS donc euh... Ouais je comprends pas comment on peut oser utiliser ce truc quand on est un peu enthousiaste de la tech et qu'on fait un petit peu attention aux performances.</p>

<p>Je pensais pouvoir avancer avec la rédaction de cet article mais ce truc à attiré tous mes yeux dans l'article Wikipedia pré-cité:</p>
<p><img-lightbox><img src="https://dkvz.eu/stuff/openui.png" alt="Il y a apparemment un framework qui prend 50 MB" class="responsive-img center-image"></img-lightbox></p>
<p>Il y avait l'histoire de Chrome qui prend plus de place que tout l'espace nécessaire à Windows&nbsp;95 (~70MB VS ~50MB) mais là... Une page web c'est un demi-Chrome? Sérieusement? Maintenant je dois écrire un autre article sur ce Framework parce que j'ai pas la place pour écrire toute une tirage dans cette brève déjà plus du tout brève alors que j'y étais presque pour une fois <b>PROUT</b>.</p>

<h4>Performances quasi-natives</h4>
<p>Ce que j'entends pas "quasi-natives" n'est pas le vrai sens que devrait avoir "quasi-natives" comme si on parlait de performance en comparaison à l'assembleur, moi je parle juste de "comme s'il n'y avait pas de framework" (il faut baisser ses attentes de temps en temps).</p>
<p>Je ne sais pas si vous avez entendu parler du...<p><b><a href="https://dkvz.eu/breves/103">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Des emoji dans ton terminal (Linux)</title>
      <link>https://dkvz.eu/breves/102</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/102</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_linux2.png"/>
      
      <description><![CDATA[<p>Les gens cools ils ont des emojis dans leur terminal.</p>
<p>D'autres iront jusqu'à vous dire qu'ils préfèrent <i>yarn</i> à <i>npm</i> (ce sont des gestionnaires de paquets pour Node.JS, j'explique au cas où) parce que yarn il a des emoji dans sa sortie, trop choupinou quoi. C'est d'office une bonne raison de migrer tous les projets.</p>

<p>Les gens sur Mac ont de la chance parce que le support emoji-dans-le-terminal est présent depuis longtemps et permettait d'avoir des trucs du genre:</p>
<p><img-lightbox><img src="https://dkvz.eu/stuff/emoji-terminal/emoji_terminal_1.png" class="responsive-img center-image" alt="Terminal avec emoji" /></img-lightbox></p>

<p>En fait, c'est très simple à obtenir sur un GNU/Linux moderne aussi. La capture d'écran ci-dessus en vient parce que forcément j'ai pas de Mac. Pas parce que Linux c'est trop génial mais parce que je peux trouver un ordi d'occasion sous les 500€ qui est plus puissant qu'un MacBook tout neuf. Alors bon... Ca vaut bien de devoir galérer avec son driver graphique pendant 4 heures.</p>

<p>L'idée est de simplement modifier la variable d'environnement <b>PS1</b>. Vous pouvez le faire en live dans le terminal courant avec un petit:</p>
<pre class="screen"><code>export PS1="Coucou$ "</code></pre>
<p>La modification sera perdue si vous ouvrez un autre terminal. Pour que ça soit permanent il va falloir éditer votre fichier .bashrc (il est dans <b>~/.bashrc</b>) ou équivalent selon votre shell et trouver la ligne qui applique PS1 dans votre environnement graphique.</p>
<p>Je capte rien à mon fichier .bashrc mais chez moi c'est autour de la ligne 58:</p>

<p><img-lightbox><a href="https://dkvz.eu/stuff/emoji-terminal/emoji_bashrc.png" target="_blank"><img src="https://dkvz.eu/stuff/emoji-terminal/emoji_bashrc.png" 
class="center-image responsive-img" alt="Fichier .bashrc" /></a></img-lightbox></p>

<p>Vous avez ensuite besoin d'une appli pour visionner les codes unicode des emojis (il y a des sites web qui font pareil) d'une police de charactère à emoji. Enfin je pense. lol.</p>

<p>Perso j'ai tous ces paquets d'installés:</p>
<pre class="screen"><code>gnome-characters fonts-symbola ttf-ancient-fonts-symbola fonts-noto-color-emoji</code></pre>
<p>Lancez <i>gnome-characters</i> pour sélectionner les emojis que vous voulez:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/emoji-terminal/emoji_picker_gnome.png" class="center-image responsive-img" alt="Application Gnome character map" /></img-lightbox></p>

<p>Puis copier-collez l'affaire dans votre bashrc:</p>

...<p><b><a href="https://dkvz.eu/breves/102">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Enregistrer son terminal Linux en vidéo</title>
      <link>https://dkvz.eu/breves/101</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/101</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_linux1.jpg"/>
      
      <description><![CDATA[<p>En fait c'est pas que pour enregistrer son terminal, vous pouvez enregistrer ce que vous voulez.</p>
<p>Je me disais juste que ce titre avait plus de chances de correspondre à une recherche Google. Oui je suis comme ça maintenant.</p>

<p>Je suis tombé sur un petit utilitaire qui s'appelle <a href="https://github.com/phw/peek" target="_blank" rel="noopener noreferer">Peek</a>.</p>

<p>Pour les gens qui, comme moi, sont sur des dérivés d'Ubuntu (et probablement Debian aussi, si vous l'utilisez comme machine de bureau pour satisfaire vos tendances masochistes), vous pouvez installer Peek avec les commandes suivantes:</p>

<pre class="screen"><code>sudo add-apt-repository ppa:peek-developers/stable
sudo apt update
sudo apt install peek</code></pre>

<p>Ce qui nous donne cette manifique fenêtre transparente à dimensionner pour représenter la surface à enregistrer (attention le curseur est enregistré avec s'il traine dans le coin):</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/terminal_peek/terminal_peek.jpg" class="responsive-img center-image" /></img-lightbox></p>

<p>Par défaut, ça enregistre en gif. Je vous ai concocté un petit exemple qui affiche le dernier commentaire de mon blog dans le terminal:</p>

<p><img-lightbox><img src="https://dkvz.eu/stuff/terminal_peek/terminal_gif_final.gif" class="responsive-img center-image" /></img-lightbox></p>

<p>Alors oui, c'est lent et ça m'a peut-être ou peut-être pas pris deux heures de test pour y arriver. OK ça m'a pris deux heures de tests pour y arriver.</p>

<p>Bon en pratique pour le web c'est peut-être mieux de se tourner vers une solution plus velue comme <a href="https://asciinema.org/" target="_blank" rel="noopener noreferer">Asciinema</a>. Ou pas hein, un gif ça n'a aucune dépendances, le rêve quoi.</p>]]></description>
    </item>
    
    <item>
      <title>Plus de PHOTOS DE CHATs</title>
      <link>https://dkvz.eu/breves/100</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/100</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic2.png"/>
      
      <description><![CDATA[<p>J'ai un projet aussi hautement sophistiqué qu'artistiquement accompli qui est un générateur de cartes de voeux avec des photos de (mes) chats (et quelques lapins aussi (??)).</p>

<p>La dernière mise-à-jour ajoute plusieurs nouveaux arrière-plans:</p>

<p class="image-row">
  <img-lightbox><a href="https://github.com/dkvz/capricartes/raw/master/static/pulleur_lack_1.jpg" target="_blank" rel="noopener"><img src="https://github.com/dkvz/capricartes/raw/master/static/pulleur_lack_1_preview.jpg" /></a></img-lightbox>
  <img-lightbox><a href="https://github.com/dkvz/capricartes/raw/master/static/pulleur_lack_2.jpg" target="_blank" rel="noopener"><img src="https://github.com/dkvz/capricartes/raw/master/static/pulleur_lack_2_preview.jpg" /></a></img-lightbox>
  <img-lightbox><a href="https://github.com/dkvz/capricartes/raw/master/static/yawning_pull.jpg" target="_blank" rel="noopener"><img src="https://github.com/dkvz/capricartes/raw/master/static/yawning_pull_preview.jpg" /></a></img-lightbox>
  <img-lightbox><a href="https://github.com/dkvz/capricartes/raw/master/static/pullboite_1.png" target="_blank" rel="noopener"><img src="https://github.com/dkvz/capricartes/raw/master/static/pullboite_1_preview.png" /></a></img-lightbox>
</p>

<p>J'ai aussi corrigé un bug qui faisait que les partages sur Facebook ne permettaient pas d'avoir plus d'un effet à la fois. Désolé pour les trois partages qui ont été fait sur la vie du projet (par moi lel).</p>

<p><a href="https://capricartes.dkvz.eu" target="_blank">Ouvrir Capricartes</a>.</p>]]></description>
    </item>
    
    <item>
      <title>Corrections au &quot;Modal et Overlay simples et propres&quot;</title>
      <link>https://dkvz.eu/breves/99</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/99</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_cooking1.jpg"/>
      
      <description><![CDATA[<p>Rapport à la brève précédente, je me suis un petit peu planté.</p>

<p>Il n'y a pas si longtemps en terme de périodicité de publication du présent blog, je vous racontais à quel point <a href="https://dkvz.eu/breves/97" target="_blank">le "Mobile First" ça me rend triste</a>.</p>

<p>Et bien... Il se trouve que si j'avais vraiment testé sur mobile mon histoire de <a href="https://dkvz.eu/breves/98" target="_blank">Modal et Overlay sans jQuery</a>, j'aurais constaté que ça le faisait pas trop.</p>

<p>L'overlay a une hauteur de 100%, mais s'il y a une barre de défilement on peut défiler en dessous de l'overlay, et c'est moche.</p>

<p>Ma solution était donc d'ajouter ça:</p>
<pre class="screen"><code>body[data-overlay] {
  overflow: hidden;
}</code></pre>

<p>Sauf que ça ne suffit pas parce que si on ouvre le modal alors qu'on est pas à la position 0 de scrolling vertical, l'overlay ne fait pas tout l'écran non plus.</p>

<p>Il convient d'ajouter une ligne de JavaScript en plus lors de l'ouverture du Modal:</p>
<pre class="screen"><code>scrollTo(0, 0);</code></pre>

<p>Et là c'est bon. La démo a été mise-à-jour et le <a href="https://gist.github.com/dkvz/5d3592b2653f76c7ae517b39136953f6" target="_blank" rel="noopener noreferrer">gist</a> aussi.</p>

<p>Un de ces jours je corrigerai la brève précédente mais j'applique une pseudo-immutabilité à mes articles, qui ont, croyez-le ou non, des erreurs (si, je vous jure).</p>
<p>Bon ici j'ai corrigé cette brève parce que j'avais écrit "fist" au lieu de "gist" plus haut. Mais normalement je corrige pas. Trop.</p>]]></description>
    </item>
    
    <item>
      <title>Modal et Overlay simples et propres sans jQuery</title>
      <link>https://dkvz.eu/breves/98</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/98</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Quand on a besoin d'un modal vite fait mais qu'on n'utilise pas de framework CSS, c'est toujours la galère.</p>
<p>Je pense avoir trouvé ma technique de choix.</p>
<p>Je sais pas pourquoi je précise sans jQuery. Peut-être parce qu'hier encore je cliquais sur un pen qui avait l'air chouette sur Codepen et il avait un vieux <b>$(document).ready()</b>. Beurk.</p>

<p>Comme d'habitude en développement web il y a 12 moyens différents d'avoir le même résultat mais l'idée est toujours la même:</p>

<ul>
<li>Afficher une boîte de dialogue en avant plan;</li>
<li>"Griser" ce qu'il y a en dessous, ce qui empêche également d'interargir avec l'interface sous-jacente &mdash; On appelle ça un <b>overlay</b> en anglais donc je vais l'appeler comme ça plutôt que euh... Une couche? Un revêment? Un calque? Je sais pas trop.</li>
</ul>

<p>Vous le sentez peut-être déjà venir mais pour superposer des trucs on a générallement besoin de combinaisons de <i>position:&nbsp;absolute</i> ou <i>position:&nbsp;fixed</i> et/ou d'autres machins qui créent des CONTEXTES D'EMPILEMENT parce que oui, ça peut devenir extrêment compliqué avec <i>float</i>, l'opacité, etc.</p>

<p>Pourquoi l'opacité crée un contexte d'empilement? J'en sais rien! Je comprends rien. Lisez <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context" target="_blank" rel="noopener">cette page</a> si vous voulez avoir un avant goût des trucs de pure folie qu'un moteur de rendu de navigateur doit être capable de faire.</p>

<p>Avant j'utilisais un élément, genre un div, positionné de manière absolute (ou fixed) qui servait d'overlay.</p>
<p>Problème: il y a un vieux div vide qui traîne dans le code, et croyez-le ou non mais c'est mal vu de nos jours.</p>
<p>Autre problème: le même vieux div n'est probablement pas enfant de body mais d'autre chose (du modal par ex.) et ça peut compliquer massivement l'affaire et vous forcer à mettre des trucs en <i>position:&nbsp;relative</i> au hasard sur la page (c'est ça ou comprendre l'article dont je parlais plus haut).</p>

<p>J'ai trouvé mieux: un pseudo élément de type <b>:after</b> (support navigateurs&nbsp;>&nbsp;IE8) couplé à un sélecteur d'attribut. Voici à quoi ressemble les styles pour body:</p>

<pre class="screen"><code>html, body {
  min-height: 100%;
}

body {
  font-family: sans-serif;
  color: #333;
  padding: 0;
  margin: 0;
}

body[data-overlay]:after {
  content: "";
  display: block;
  position: absolu...<p><b><a href="https://dkvz.eu/breves/98">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le &quot;mobile first&quot; ça me rend triste</title>
      <link>https://dkvz.eu/breves/97</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/97</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code1.png"/>
      
      <description><![CDATA[<p>Etant donné que le traffic mobile dépasse générallement la moitié des visites, c'est conseillé de dessiner les interfaces utilisateur avec l'usage mobile en première considération.</p>
<p>Moi ça me rend triste.</p>

<p>Déjà parce que cette pratique est loin d'être généralisée... Entre les projets qui ont un "MODE MOBILE" (Gmail il n'y a pas si longtemps, très glorieux sur mobile) et les autres qui sont tout foireux dans leur apparence responsive (en cela qu'il manque des trucs dans le menu et tout ce genre de choses), c'est pas la fête à la <a href="https://en.wikipedia.org/wiki/Knackwurst" target="_blank" ref="noopener">Knackwurst</a>.</p>

<p>Qui n'a pas entendu ou ne s'est pas déjà dit "ah non, pour faire ça je dois être sur un ORDINATEUR". Parce que même si on est dans l'âge du <i>mobile first</i> depuis plusieurs années, la réalité c'est qu'on ne peut toujours pas tout faire sur mobile.</p>

<p>Ensuite viennent tous les autres détails qui rendent l'expérience mobile détestable, comme les popups "HEY TU VEUX PAS INSTALLER L'APPLI REDDIT ELLE EST BIEN".</p>

<p>Le site medium.com est tellement aggressif avec ces pratiques qu'il y a une tendance visible sur la Twittosphere tech de créer son propre blog perso sur un site à part entière (comme ici par exemple, bienvenue!).</p>

<p>Il y a toujours le bon vieux "Demander la version ORDINATEUR" qui offre toujours une impression de grande productivité (NOT).</p>

<p>Je pense qu'écrire ses <abbr title="Cascading Style Sheets">CSS</abbr> en Mobile&nbsp;First est une bonne pratique. Le problème c'est pour tester tout ça de manière réaliste parce qu'on ne développe pas (encore? BLEURPS) sur mobile.</p>

<p>Ma méthode de test primordiale consiste à <b>réduire graduellement la largeur de la fenêtre et s'assurer que ça ressemble à quelque chose avec toutes les tailles horizontales jusqu'à quelque part autour de 600px</b>.</p>

<p>Je serais particulièrement intéressé d'entendre comment les vrais développeurs font.</p>

<p>La vitesse supérieure consiste à enclencher le mode responsif des navigateurs. D'expérience, ce mode responsif ne se comporte pas exactement comme un vrai mobile. Déjà, la barre d'adresse fait normalement partie du viewport et sur le mode responsif, elle n'est soit pas présente du tout soit hors des calculs de viewport.</p>

<p>Bien entendu, tester les <i>gestures</i> est également plutôt compliqué dans ce mode.</p>
<p>Au final, je découvre toujours des problèmes liés à la saisie de données. En ef...<p><b><a href="https://dkvz.eu/breves/97">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment dessiner une culotte échancrée en SVG</title>
      <link>https://dkvz.eu/breves/95</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/95</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art2.png"/>
      
      <description><![CDATA[<p>Lien vers là où tout a commencé: <a href="https://dkvz.eu/breves/91" rel="noopener" target="_blank">https://dkvz.eu/breves/91</a></p>

<p>Il est temps de continuer notre série sur le dévloppement, l'art, et la méthode, ou comment arriver à ses fins étape par étape.</p>

<p>Aujourd'hui: Le slip.</p>

<p>- <i>Attends, sérieusement tu vas dessiner un slip sur ton site vitrine hautement professionnel?</i></p>

<p>A une époque où il y a des conventions de furries, des porte-écrans Apple à €1000 et des chats sans poils, c'est un type qui dessine des slips vectoriels qui vous dérange? Il est peut-être temps de grandir et considérer le sujet avec maturité. Comme moi, quoi.</p>
<p>Même Wikipedia aborde le sujet de façon encyclopédique, avec illustrations sérieuses.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 645px">
<img-lightbox><img class="responsive-img center-image" src="https://dkvz.eu/stuff/slip/slip_wiki.jpg" loading="lazy" /></img-lightbox>
<div class="image-legend">Un des meilleurs articles sur le sujet d'après mes recherches</div>
</div>

<p>De toutes manières le slip est essentiel pour notre développement artistique parce qu'il a des courbes, contrairement au t-shirt. Pour moi c'est évident mais j'imagine que tout ça est encore frais pour vous.</p>

<p>Commençons la méthode par son commencement: un Croquis de Départ Sommairement Annoté, dit aussi CDSA.</p>

<img-lightbox><a href="https://dkvz.eu/stuff/slip/slip_croquis_800.jpg" target="_blank" rel="noopener"><img class="responsive-img center-image" src="https://dkvz.eu/stuff/slip/slip_croquis_800.jpg" loading="lazy" /></a></img-lightbox>

<p>Bon euh... C'est un peu plus compliqué que le pantalon.</p>
<p>C'est courant en développement: être face à un problème qui semble au delà de vos capacités.</p>
<p>En réalité, avec patience, méthode, discipline, détermination et Google, vous pouvez transformer tout ça en expérience d'apprentissage hautement transférable dans d'autres domaines de compétence par la même magie associative de notre cerveau qui fait qu'on est persuadés que notre horoscope dans Marie-Claire ne peut pas correspondre aussi précisément sans qu'il y ait une réalité concrète entre le mouvement des corps célestes, nos dates de naissance, et le futur.</p>

<p>Oui, le cerveau est à la fois extrêmement stupide et extrêmement habile, mais ce post est trop long pour parler de dualité universelle **bruit de météorisme**.</p>

<p>Bon mais du coup comment on va faire avec ces courbes...</p>
<p>Je décide de...<p><b><a href="https://dkvz.eu/breves/95">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>L&#x27;ElasticSearch du pauvre: SQLite Fulltext Search</title>
      <link>https://dkvz.eu/breves/94</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/94</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Qui d'autre a une véritable fonction recherche qui se comporte un peu bizarrement sur son site, hein?</p>
<p>Bon, Wordpress a une fonction recherche, mais qui réagit <b>INSTANTANEMENT</b>? Non MDameSieur!</p>

<p>Voyez par vous-mêmes en inscrivant des termes de recherche, par exemple "bruit de prout", sur <a href="https://dkvz.eu/search" target="_blank">cette page</a>.</p>

<p>Tout a commencé parce que chipotais avec <a href="https://www.elastic.co/" target="_blank" ref="noopener">ElasticSearch</a> parce que parfois on s'ennuie comme quand on est à une soirée intime chez des gens et qu'on se fait chier alors on tripote cette masse en céramique qui est posée sur la table et qui s'avère en fait être un moule des dents de l'arrière grand père. C'est plus fort que nous.</p>

<p>Qu'est-ce que ça fait ElasticSearch? Ca cherche. C'est un service REST que vous lui postez une requête et il vous répond tout de suite. Et c'est ça qui est important, le tout de suite. Le service utilise des index similaires à des index de recherche fulltext pour produire ses résultats.</p>

<p>A vrai dire je ne suis pas certain de comprendre ce qui est différent, à part le support natif de <i>sharding</i>, et, plus globalement de mise-à-l'échelle sur plusieurs noeuds.</p>
<p>Quand on creuse un petit peu il apparaît clairement qu'ES pousse la recherche fulltext bien plus loin que ce qu'un index fulltext de moteur de DB est capable de faire et le tout avec des tas d'options pour créer des index optimisés à certains types de recherche.</p>

<p>Par contre, tout ça est loin d'être gratuit en terme de ressources.</p>

<p>Mon blog tourne sur une pomme de terre à chair ferme mais très modeste dans sa fermeté (?) ce qui n'est pas un problème puisque je suis admin système au départ et spécialiste en architectures avec un très étonnant ratio performances/prix de l'hébergement.</p>

<p>Si comme moi vous voulez tenter l'aventure VPS-à-4€-par-mois, la meilleure base de donnée pour une application de type blog, c'est SQLite.</p>

<p>Oui, je sais qu'il y a des tiers gratuits pour <i>firebase</i> et autres <i>MongoDB&nbsp;Atlas</i> et j'ai pas le temps de vous expliquer à quel point c'est puant par rapport à votre SQLite local parce que c'est censé être une brève et c'est à nouveau déjà tout sauf bref.</p>

<p>Sinon, contrairement à ce qu'on pourrait croire, Redis n'est pas une trop mauvaise idée non plus. MongoDB, MySQL et les autres sont à éviter.</p>

<p>Vous pouvez même coupler Wordpress à SQLite. Mais là auss...<p><b><a href="https://dkvz.eu/breves/94">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>PHP - Contre l&#x27;hégémonie Laravel et Symfony</title>
      <link>https://dkvz.eu/articles/php_alternative_a_laravel_et_symfony</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/php_alternative_a_laravel_et_symfony</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/php/php_logo.png"/>
      
      <description><![CDATA[<!--
TODO:
- Lier l'article retrospective algorithmique avec un exemple de code puisque j'ai du vieux code de mes projets quelque part
- Penser à ajouter des liens: Redis, fuites mémoire, ...
- Regarder les trucs à faire dans mon téléphone et sur knowledgebase
-->

<h1>Introduction</h1>
<p>Il sonne hyper prétentieux ce titre. Je veux dire, plus que d'habitude.</p>

<p>Avant, PHP, c'était comme mes titres: sans prétention, libre, flexible, ouvert, une porte vers un nouveau monde de développement d'applications.</p>

<p>Aujourd'hui, qu'est-ce que c'est PHP? Un langage qui passe <b>obligatoirement</b> par un de ces <i>FRAMEWORKS</i> modernes, "propres", avec un système de gestion de dépendance et sujet de conventions et de stickers qu'on colle sur son MacBook Pro (à savoir qu'afficher un sticker PHP c'est un peu comme dire à tout le monde que vous allez à des concerts de flûte à bec - pas de jugement mais bon voilà, quoi).</p>

<p>En toute innocence, Je voulais vous montrer comment assembler une application PHP avec une structure moderne, des composants modernes, une gestion de ressources statiques par Webpack, et le style de code que vous voulez, <b>sans frameworks</b>.</p>

<p>Et vous savez quoi? C'est beaucoup plus rapide comme ça. Et je vais vous le prouver.</p>

<p>J'ai le logo PHP qui traîne sur ma page ENGAGEZ-MOI (n'allez pas voir elle craint cette page) &mdash; Il est temps de le prouver (rires).</p>

<h1>Je suis vieux</h1>
<p>PHP c'est tellement de bons souvenirs. Ce n'est pas juste un langage de programmation, c'est un phénomène en terme d'accessibilité à créer des applications web avec une facilité extrème.</p>

<p>Et ce même en sachant qu'à l'époque, il fallait utiliser un programme comme <b>EasyPHP</b> pour facilement tester ses développements sous Windows. A vrai dire je suis un peu épaté que le projet coure toujours, je pensais qu'il était remplacé par les serveurs de dev inclus avec les frameworks, Docker, ou encore XAMPP (qui est plus ou moins la même chose que EasyPHP en fait?).</p>

<p>Et justement ça fait partie de mes demandes pour la base de développement que je veux vous présenter: il faut pouvoir fournir un moyen de tester l'application sans devoir installer ou configurer un bidule comme XAMPP. Parce que je trouve ça sale.</p>

<p>A la limite tester avec une machine virtuelle (avec Vagrant ou une recette Ansible pour l'installation) ou Docker est plus élégant, mais ce serait-y pas encore mieux de pouvoir tester avec juste PHP d'instal...<p><b><a href="https://dkvz.eu/articles/php_alternative_a_laravel_et_symfony">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai réussi à mettre à jour Windows</title>
      <link>https://dkvz.eu/breves/92</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/92</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows1.png"/>
      
      <description><![CDATA[<p>Il s'agit de la résolution tant attendue de <a href="https://dkvz.eu/breves/85">cette aventure</a>.</p>

<p>J'ai finalement réussi à installer le FEATURE UPDATE d'avril de l'année passée. Ou un truc du genre.</p>

<p>Qui sait, ce sera peut-être utile à quelqu'un.</p>

<h3>Récap. du problème</h3>
<ul>
<li>Une fois l'update installé, l'ordi redémarre mais bloque sur l'icône de Windows, statique (sans aucune animation de truc plus ou moins rassurant qui tourne), et pour toujours.</li>
<li>Utiliser l'<a href="https://www.microsoft.com/fr-fr/software-download/windows10" target="_blank" rel="noopener">outil de téléchargement Windows 10</a> bloque à 99% (pour toujours aussi, hein), cf l'autre article.</li>
<li>Utiliser le <i>Media Creation Tool</i> comme suggéré dans l'autre article ne fonctionne pas non plus, on bloque sur l'icône Windows au démarrage comme dans le premier point, sauf que cette fois-ci l'ordi est totalelemnt inutilisable et ruiné. Haha.</li>
</ul>

<h3>La solution</h3>
<p>Le problème vient en grande partie de l'âge de la plateforme. Il s'agit d'un vieux i7 930 sorti quelque part autour de 2010, une plateforme qui a au moins 8 ans mais qui est toujours solide (mis à part sa consommation électrique).</p>

<p>Je lisais des sujets de forum "ouais donc je n'ai pas de BIOS UEFI et j'ai du mal à créer ma clé USB pour installer Windows" - Ce à quoi quelqu'un répond - "Mais attends les BIOS UEFI ça date d'il y a 10 ans, t'as quoi comme genre de vieille croutte? Tu sais qu'on est dans un système qui s'écroule si on arrête de consommer? Tu veux que tout devienne SOCIALISTE OU QUOI".</p>

<p>J'ai fini par tout réinstaller et euh... Logo Windows statique au démarrage sur l'écran bleu foncé (content qu'ils aient abandonné leur fameur bleu <span style="color: #00f">#00f</span> :D).</p>

<p>D'après ce que je comprends, le bug serait lié à un chipset très particulier (carte mère Asus P6T dans mon cas) et à l'option Intel&nbsp;VT/d activée dans le setup BIOS.</p>

<p>J'étais réticent à l'idée de désactiver ce truc parce que j'utilise des machines virtuelles. Mais il se trouve que ça n'est pas du tout utilisé par VirtualBox (ni par les autres sous systèmes de virtualisation dans un usage "machine virtuelle" classique) donc je l'ai désactivé tranquille, et tout refonctionne.</p>

<p>Morale de l'histoire: si Windows refuse de vous dire pourquoi il coince au démarrage, essayez d'activer&nbsp;/&nbsp;désactiver toutes sortes de trucs dans le setup BIOS jusqu'à ce que ça marche.</p...<p><b><a href="https://dkvz.eu/breves/92">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Comment dessiner un pantalon en SVG</title>
      <link>https://dkvz.eu/breves/91</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/91</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art1.jpg"/>
      
      <description><![CDATA[<p>Il y a des humains ici bas qui se disent "waaah être développeur ça doit être super dur jamais que je pourrais y arriver" - On va démystifier tout ça aujourd'hui, OK?</p>

<p>Ce à quoi vous allez assister dans un instant risque de changer votre façon d'envisager les différents problèmes que la vie nous donne généreusement à résoudre. Non, en fait, je pense que je peux aller modestement jusqu'à dire que tout ça risque de changer le sens de votre vie.</p>
<p>Je vous parle d'une méthode de travail mais qui est aussi une philosophie, qui dans son essence même nous permet de nous façonner au jour le jour en quête de connaissance et de perfection.</p>

<p>Commençons par une question qui, j'en suis sûr, n'a encore jamais été abordée auparavant tant dans les grandes librairies ancestrales que sur Tumblr: dessiner un froc en SVG. Il s'agit dès lors, je tiens à le préciser, d'un froc VECTORIEL.</p>

<p>Nous autres les développeurs, ont résout des problèmes, on euh... Remplit des... Besoins?</p>
<p>Un matin ça peut être créer une app. qui analyse les schémas migratoires des phoques tachetés à crêtes afin d'anticiper les endroits à surveiller contre le braconnage, et deux jours plus tard ça peut être dessiner un pantalon.</p>

<h2>Le modèle sur papier</h2>
<p>Tout commence par le papier. Que ça soit un carton de bière ou un carnet scolaire, nous aurons besoin d'un support et d'un stylo. Pas de crayon, on est pas là pour corriger des trucs, nous allons réaliser plusieurs itérations non-mutables (immutables? Inmutables?) c'est-à-dire qu'elles ne mutent pas. Vous comprendrez plus tard dans votre carrière de développeur.</p>
<p>Bon en pratique on va se limiter à maximum 1.5 itérations parce qu'on a pas que ça à faire et qu'il faut assez rapidement sortir de l'étape modèle sinon on avance pas. C'est de la pure sagesse ce que je vous dis là alors je vous conseille de prendre note.</p>

<p>J'ai décidé de partir sur un système de coordonnées de 0 à 100 sur x et y. En SVG ça se passe dans ce sens-là:</p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/pantalon/pantalon_coordo.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/pantalon/pantalon_coordo.jpg" class="responsive-img center-image" /></a></img-lightbox>

<p>Reste à préparer un croquis hyper réaliste avec une grande partie des coordonnées. Pas nécessairement toutes parce que... Il y a des chances que certaines choses devront être ajustées une fois que l'on sera face à un visuel.</p>
<p>L'important en programmation est de ne ...<p><b><a href="https://dkvz.eu/breves/91">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le truc le plus important à désactiver sur Firefox</title>
      <link>https://dkvz.eu/breves/89</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/89</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web3.jpg"/>
      
      <description><![CDATA[<p>Je sais pas qui s'est dit un jour que ce serait trop sympa que les navigateurs soient capables d'afficher des notifications, même si la fenêtre n'est pas en avant plan, et sur commande d'un site obscur auquel vous êtes censé faire confiance de ne pas abuser de son pouvoir en envoyant 400 notifications par minute, et ne pas faire apparaître une petite boîte qui indique qu'un fétichiste de ballons est disponible dans la région pour votre soirée donjon vendredi soir alors que vous êtes occupés à donner votre cours de navigation de commentaires politiques sur Facebook à des personnes agées pour l'administration communale.</p>

<p>C'était déjà assez pénible d'avoir le "HEY TU VEUX PAS INSTALLER L'APPLI MOBILE??????????????????????" (Reddit et Medium, je vous regarde en faisant pipi du sang) qui s'affiche non-stop et laisse une petite barre "APPLI MOBILE CLICK ICI" en haut de la page juste au cas où tu vois, on sait jamais.</p>
<p>Après il y a les habituels avertissements sur les cookies, le GDPR, les droits d'auteur et tout ce que je sais pas quoi. Tant qu'on y est, pourquoi ne pas demander si on veut activer les NOTIFICATIONS?</p>
<p>Je sais pas pour vous mais parfois quand je suis fatigué j'accepte des trucs par erreur.</p>

<p>Vous trouvez ça chouette vous autres quand votre mobile affiche 47 notifications de bidules en tout genre? Parce que ouais, évidemment chaque appli mobile se doit d'envoyer des notifications, c'est très important pour qu'on se souvienne qu'elle existe. Baaaaaaak il y a pas pire endroit pour se sentir comme un produit et une cible marketing que sur son prorpe mobile.</p>

<p>Z'avez pas envie d'avoir ça sur votre ordi en plus?</p>

<p><b>NON</b>. Les "notifications" sont et seront toujours une plaie.</p>

<p>"Oui mais tu sais, ça m'aide à savoir quand mes petits enfants mettent une photo de leur bébé joufflu, immonde et somme toute, raté que je suis obligé d'aimer quand même" &mdash; Oui, alors, d'accord, mais si tu vas sur Facebook toutes les 30 minutes de toutes façons, ça n'a aucune utilité. Et de toutes manières ça n'a aucune utilité parce que la notification qui concerne les petits enfants a été noyée derrière 50 autres posts de vidéos de recette de cuisine à base de pâte brisée, de lard, de pommes de terre et de pâtes (oui, tout ensemble) ainsi que les 1000 commentaires de votre petit filleul engagé anarcho-communite et sa tante néo-nazi.</p>

<p>Pour rester dans le sujet des grands mères, ça a dû arriver un jour ou l'autre, que...<p><b><a href="https://dkvz.eu/breves/89">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Menu navigation &quot;responsive&quot; sans JavaScript</title>
      <link>https://dkvz.eu/breves/88</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/88</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Que je sache les seuls plans "faire apparaître/disparaître un bidule sans JavaScript" impliquent des pseudo-sélecteurs CSS, particulièrement ":hover" et éventuellement des pseudo-sélecteurs d'états, en particulier ":checked" (pour un &lt;input type="checkbox"&gt; hein, j'explique au cas où).</p>

<p>
On peut mettre un bloc en "display: none", qui devient "display: block" (ou autre hein) quand on passe sur un élément. Ce qui peut servir à afficher des tooltips par exemple.
</p>

<p>Une autre application similaire consiste à utiliser une checkbox pour afficher ou masquer un élément. Problème (selon mes connaissances actuelles c'est un problème, dites-moi dans les commentaires si je me trompe): il faut absolument que l'élément à montrer/cacher soit un(e) frère/soeur du checkbox, où c'est impossible de sélectionner cet élémént... A moins peut-être de le mettre comme enfant de &lt;input&gt, mais c'est pas un peu bizarre ça? C'est un peu comme coller une jambe sur un nez, quoi (il faut applatir le nez d'abord).</p>

<p>Prenons cet exemple:</p>
<pre class="screen"><code>&lt;label for="chk1"&gt;Experience 1&lt;/label&gt;
 &lt;input type="checkbox" id="chk1" /&gt;
 &lt;div class="hidden"&gt;
   &lt;p&gt;Hidden message&lt;/p&gt;
 &lt;/div&gt;</code></pre>

<p>Puis dans les styles:</p>
<pre class="screen"><code>.hidden {
  display: none;
}

#chk1:checked ~ .hidden {
  display: block;
  padding: 1rem;
  background-color: deeppink;
  color: white;
}</code></pre>

<p>Ici j'utilise le sélecteur que-personne-n'utilise "~" qui sélectionne le bidule qui est exactement précédé par le machin est avant le "~" (j'explique hyper bien), donc dans le cas ci-dessus, je sélectionne les éléments qui ont la classe "hidden" et qui sont exactement précédé par un élément qui a l'ID "chk1" et qui est dans l'état "checked".</p>

<p>Il y a aussi le sélecteur non moins obscur "+", qui euh... Ben qui fait la même chose en fait non? Ouais **bruit de slip qui craque**. Truc du genre.</p>

<p>Je me suis dit, "hey mais, on pourrait-y pas utiliser cette astuce pour afficher et cacher un menu de navigation?" &mdash; Il suffit de masquer la checkbox en elle-même pour la remplacer par une icône de menu, et ça c'est plus facile que ça en a l'air parce que, je ne sais pas si vous avez remarqué, mais cliquer un &lt;label&gt; associé à un checkbox ça actionne le dit checkbox.</p>

<p>Il s'agit donc juste de mettre un genre d'image dans un label et cacher le checkbox sans le retirer du DOM. J'ai choisi...<p><b><a href="https://dkvz.eu/breves/88">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Je ne vais pas mettre à jour ma notice de copyright</title>
      <link>https://dkvz.eu/breves/87</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/87</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Bon ce tweet date d'il y a 1000 ans mais on nous refait le même tous le ans:</p>
<img-lightbox><img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/updatingtheirfooter.jpg" /></img-lightbox>

<p>Pourquoi est-ce qu'on se donne la peine de mettre cette notice? Le contenu n'est-il pas protégé avec ou sans?</p>

<p>Même s'il est vrai que la loi en général c'est compliqué, tous les pays ont leurs propres lois, générallement subtilement différentes. Comprendre toutes les subtilités des droits de copie demande générallement l'expertise d'un de ces gens qui a passé 5 ans d'étude et X années supplémentaires submergé de moultes lectures indigestes qui sentent le vieux grenier.</p>

<p>En ce qui concerne les sites web, notice de copyright ou pas, j'ai deux questions:</p>
<ul>
<li>Qui va aller poursuivre légalement une hypothétique personne-non-identifiée qui habite très probablement dans un autre pays parce qu'elle a copié le contenu de votre article sur l'histoire du slip kangourou pour le mettre sur son blog hébergé sur le Multimania Biélorusse?</li>
<li>Qui va se dire: "ah ben j'allais voler ce contenu mais il y a une notice de copyright alors finalement non c'est beaucoup trop dangereux, on a menacé la vie de mon hamster pour moins que ça".</li>
</ul>

<p>Gardez-bien vos propositions de réponse en tête, et interrogez-vous maintenant sur l'utilité d'avoir l'année actuelle dans la dite notice de copyright. Vous pouvez même translater les questions en ajoutant ce nouvel aspect. Par exemple:</p>
<blockquote>
Qui va se dire: "ah ben j'allais voler ce contenu mais il y a une notice de copyright avec l'année en cours dedans alors finalement non c'est beaucoup trop dangereux, à un ou deux ans près je l'aurais fait je me serais senti aussi vivant qu'après avoir bu un bol de carapils passé au micro-onde".
</blockquote>

<p>Dans le genre véritable citation, vu sur <a href="https://www.nolo.com/legal-encyclopedia/when-do-you-need-copyright-notice-websites-and-where-do-you-place-it.html" rel="noopener noreferer">ce site</a>:</p>
<blockquote>
Although not mandatory, using a copyright notice costs nothing, and may help to deter infringements
</blockquote>

<p>Il y a une vague chance que dans certains pays obscurs il soit nécessaire d'avoir la notice. Peut-être. J'en doute.</p>

<p>Quid aussi des gens qui utilisent 1970-Present, on peut faire ça?</p>
<p>Je sais que beaucoup de gens utilisent PHP ou Javascript pour automatiquement mettre la date du jour. Ce qui est ...<p><b><a href="https://dkvz.eu/breves/87">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Facebook et le Clickjacking</title>
      <link>https://dkvz.eu/breves/86</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/86</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_philo1.jpg"/>
      
      <description><![CDATA[<p>Il est techniquement possible de planquer des boutons "Like" voire tout le formulaire de partage de Facebook en arrière-plan de manière invisible, et provoquer un clic non-désiré qui partage ou "Like" quelque chose contre votre gré.</p>
<p>Particulièrement aujourd'hui c'était la fête à ce genre de posts:</p>
<img-lightbox><img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/facebook_clickjack.jpg" /></img-lightbox>

<p>Cette page affiche un bidule "HEY EST-CE QUE T'AS 16 ANS:</p>
<img-lightbox><img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/facebook_clickjack2.jpg" /></img-lightbox>

<p>Et si vous cliquez sur l'icône de fermeture ou le gros bouton en étant connecté sur Facebook dans ce navigateur, BOOM, auto-partage!</p>
<p>Notez qu'à l'heure actuelle, Facebook a bloqué le partage de ces éléments donc vous devriez pouvoir cliquer tranquille en ce moment.</p>

<h3>Comment éviter le clickjacking</h3>
<p>Outre les solutions vraiment brutales comme désactiver le Javascript, ce n'est pas nécessairement simple d'éviter le clickjacking. Particulièrement sur un mobile.</p>
<p>Voici quelques idées:</p>
<ul>
<li>Si le lien affiche un popup de "consentement" en premier ou vous demander de cliquer sur un truc, ça sent déjà très mauvais;</li>
<li>Vérifier le nom de domaine du lien, si c'est un hébergement gratuit comme <i>s3.amazonaws.com</i> c'est pas bon signe;</li>
<li>Ouvrez le lien sur un autre navigateur non connecté à Facebook;</li>
<li>Deconnectez-vous de Facebook avant d'ouvrir le lien.</li>
</ul>

<p>Le dernier plan consiste à ne pas cliquer mais utiliser le clavier. La faille exploitée se base entièrement sur des superpositions de bidules qui créent des chaines d'évènement quand on clique. Utiliser le clavier est normalement sans risque.</p>
<p>Je dis normalement parce qu'ils pourraient intercepter tous les évènements clavier et créer artificiellement des évènements click, mais je ne pense pas que ça puisse affecter les éléments en arrière-plan comme un clic direct.</p>
<p>Sur un ordinateur fixe, utiliser la touche tab et la barre d'espace pour sélectionner le bouton devrait sérieusement limiter les risques.</p>

<p>Avoir un antivirus, firewall, bloqueur de pub et autres n'a aucun effet sur ce type d'attaque. Tout se calme naturellement quand Facebook se décide à bloquer l'indésirable.</p>

<h3>Pourquoi?</h3>
<p>Je ne comprends pas pourquoi.</p>
<p>J'ai d'abord pensé à un <a href="https://fr.wikipedia.org/wiki/Attaque_par_d%C3%A...<p><b><a href="https://dkvz.eu/breves/86">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;arrive pas à mettre Windows à jour</title>
      <link>https://dkvz.eu/breves/85</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/85</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows2.png"/>
      
      <description><![CDATA[<p>Vous connaissez les FEATURE UPDATES de WIndows 10? Ces mises à jour qui remettent le raccourci Microsoft Edge sur votre bureau et réinstallent Windows au dessus de Windows en prenant au moins 6&nbsp;GB (12 c'est bien aussi) de backup et autres trucs chouettes ce qui met à genou l'ordi de votre grand-mère qui évidemment n'a pas de SSD et a le pire disque dur du monde en plus d'avoir un Atom comme CPU, et du coup elle vous appelle parce que RuTube lag à mort.</p>
<p>He ben je suis votre grand mère.</p>
<p>Sauf que moi je reste bloqué à je ne sais quel feature update qui refuse de s'installer. Mais qui essaye quand même. Tous les X temps j'ai cette super chouette fenêtre "WOWOWOW ON A UN UPDATE TU VEUX RESTART MAINTENANT ET ABANDONNER TOUT CE QUE TU FAIS?<small>on sait que tu regardais des meme</small></p>

<p>Et puis ben... Si je laisse ma machine allumée, de temps en temps il redémarre tout seul, vu qu'il n'y a personne pour lui dire de ne pas redémarrer. Et du coup ma machine n'est plus accessible à distance parce que chaque fois, elle reste coincée sur l'écran "logo" au démarrage. Pour toujours. C'est génial.</p>

<p>Apparemment on ne peut plus désactiver ces redémarrages sauvages et autres popup qui apparaissent au pire moment au dessus de votre travail super sérieux (sisi).</p>
<p>Soit... Le plan que je vois revenir souvent et qui a fonctionné sur un de mes ordis c'est télécharger leur bidule "Téléchargez la dernière version de Windows 10!" qui... Ouais je comprends pas ce que ce truc fait de différent du processus Windows Update normal vu qu'il a aussi l'air de simplement installer Windows sur Windows.</p>

<p>Cet article va encore être beaucoup trop long je vais devoir me retenir très fort de parler des autres problèmes de Windows 10, ça va me muscler le grand fessier un truc de dingue.</p>

<p>Okay donc revenons au programme de mise-à-jour-qu'on-sait-pas-top-pourquoi-il-existe, il se trouve qu'il met <b>6 heures</b> (je vous promet que j'exagère pas) pour arriver à 96% alors que la "copie de backup" devrait être rapide vu que je suis sur un SSD (un qui coute cher avec "PRO" dans le nom en plus), mais je sais pas le process reste à 0.8% de CPU, soit moins qu'une appli Electron au repos,
 et de temps en temps il utilise un peu de réseau.</p>

<p><b>Ca vous trouerait le sac à main masculin de me fournir une option qui permet d'avoir des détails sur CE QU'IL SE PASSE???</b></p>
<p>Le pire c'est la fonction <i>progrès par rapport au temps</i>, parce qu...<p><b><a href="https://dkvz.eu/breves/85">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai un flux RSS</title>
      <link>https://dkvz.eu/breves/84</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/84</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art2.png"/>
      
      <description><![CDATA[<p>J'ai fait quelques recherches scientifiques sur "QUI UTILISE ENCORE LES FLUX RSS", et on dirait qu'il reste quelques amateurs.</p>
<p>Mon flux est un peu bizarre, sans catégories, et du coup légèrement peut-être trop hétéroclite.</p>
<p>Pour ceux qui ne veulent surtout pas rater mon mono-article bi-mensuel (avec optimisme) - Essayez-vous aux flux RSS. En fait c'est pas si mal. Ce sont plutôt les lecteurs de flux qui sont un peu... Rares.</p>
<p>C'est soit une web app où il faut s'inscrire, soit un drôle de truc des années 90.</p>
<p>Mon <a href="https://dkvz.eu/rss.xml" target="_blank">flux RSS</a>.</p>]]></description>
    </item>
    
    <item>
      <title>MaterializeCSS largue jQuery</title>
      <link>https://dkvz.eu/breves/83</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/83</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web3.jpg"/>
      
      <description><![CDATA[<p>Après avoir bien veillé à ne jamais mettre à jour <a href="https://materializecss.com/" target="_blank">Materialize</a> (ni aucune autre dépendance d'ailleurs), je découvre avec enthousiasme qu'ils n'ont plus jQuery comme dépendance.</p>

<p>jQuery est désormais une sorte de zombie évoqué dans un grand nombre d'anciens écrits sur Stackoverflow. C'est bien comme ça je trouve.</p>

<p>Retirer jQuery de leur code a dû être une sacrée aventure.</p> 
<p>Je me souviens qu'ils disaient que le garder permettait de réduire significativement la taille de leur code.</p>

<p>J'ai dû modifier quelques trucs, des noms de classe qui ont changé et le code d'initialisation des éléments qui utilisent du JS.</p>
<p>Cependant j'utilise toujours jQuery pour l'AJAX et pour la détection du scrolling, ce sera à retirer plus tard pour gagner pas mal d'espace sur la taille finale de mon JS.</p>

<p>Accessoirement, je me suis enfin occupé d'un bug qui empêchait totalement de charger plus que quelques articles sur tablette, depuis genre un an. Ou plus, je suis nul en décomptage temporel.</p>

<p> Ah oui et la police de caractère n'était pas Roboto comme mentionné dans le CSS depuis le début. Il semblerait que la police était chargée en http et pas https. Du coup la police a changé partout sur le site en dehors des articles et je pense que je vais devoir augmenter la taille générale.</p>

<p>J'ai peut-être aussi instauré une centaine de nouveaux bugs, allez savoir.</p>]]></description>
    </item>
    
    <item>
      <title>Faut-il vraiment supporter Internet Explorer 11?</title>
      <link>https://dkvz.eu/articles/faut_il_vraiment_supporter_ie11</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/faut_il_vraiment_supporter_ie11</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/ie110.jpg"/>
      
      <description><![CDATA[
<h1>Intro</h1>
<p>Le web n'a jamais été aussi chouette que depuis que IE 6 est officiellement mort pour toujours.</p>
<p>Mais du coup... On en veut encore plus maintenant.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 357px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/ie11supp/browserstate2018.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/ie11supp/browserstate2018.png" class="responsive-img" alt="Statistiques d'usage des navigateurs 2018"></a></img-lightbox>
<div class="image-legend">Faut avouer que moins de 2.8% c'est pas beaucoup de pourcents</div>
</div>

<p>Il semblerait qu'un grand nombre de sites (ça s'appelle des APPS maintenant, joie) ait commencé à officiellement ne plus supporter Internet Explorer 11 (abbrévié affectueusement ci-après IE 11 comme les jeunes disent). Même que carrément le présent site qui est écrit en ES5 sans transpilonnage pour des raisons non-exclusivement neurotiques (je l'ai déjà faite celle-là non?), he ben... Il est un peu foireux sur IE 11.</p>
<p>Bon c'est pas tout à fait ma faute, c'est <a href="https://materializecss.com/" target="_blank">MaterializeCSS</a> qui a laché le support IE 11 et le projet de me passer totalement de <i>framework CSS</i> sera pour plus tard parce que j'ai des millions d'autres projets et ça commence à faire comme si j'avais 30 onglets ouverts dans mon cerveau (qui ressemble sûrement davantage à la version Wii d'Opera qu'à IE 11 d'ailleurs (???)).</p>

<p>La question qu'on se pose aujourd'hui: <b>Est-ce qu'il reste une bonne raison d'essayer d'avoir un support IE 11?</b></p>

<p><b>La réponse pourrait vous étonner</b>. Promis que c'est vrai.</p>

<h1>Petite histoire inutile</h1>
<p>Je passe ma vie sur <a href="https://caniuse.com/" target="_blank">caniuse.com</a> et la base de connaissance Mozilla pour voir quel navigateur supporte tel ou tel truc.</p>
<p>Récemment je découvrais qu'il était possible d'utiliser <i>addEventListener</i> avec une option <i>once</i>, qui a pour effet d'ajouter un listener normalement, mais en le retirant automatiquement la première fois qu'il est appelé.</p>

<p>En quoi c'est intéressant ce truc? Admettons que vous vouliez fermer un menu mobile qui apparaît supperposé à votre site avec un clic en dehors du menu.</p>
<p>Il va nous falloir un Event Listener de clic sur un élément accessible en dehors du menu (un overlay ou bien carrément body) ; une fois qu'il est appelé on ferme le menu.</p>
<p>Cet Event Listener n'est plus néces...<p><b><a href="https://dkvz.eu/articles/faut_il_vraiment_supporter_ie11">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Capricartes - Version Alpha</title>
      <link>https://dkvz.eu/breves/81</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/81</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic3.png"/>
      
      <description><![CDATA[<p>Quelqu'un est nostalgique des DROMACARTES à l'époque où ce n'était pas une vieille vidéo à lancer au milieu de 12 pubs pour des pilules de poussage-de-cheveux?</p>
<p>Je vous présente mon dernier projet: <a href="https://capricartes.dkvz.eu" target="_blank">capricartes.dkvz.eu</a></p>

<p>Pour aller un petit peu plus en profondeur, le but du projet était de:</p>
<ul>
<li>Ecrire une app. 100% Javascript, sans frameworks, avec ES6, sans Babel (je n'utilise par exemple pas les </i>string litterals</i>, <i>spread operators</i>, <i>ES6 modules</i> (très récent celui-là).</li>
<li>Ne pas utiliser de "framework CSS", je fais tout moi-même ici, ce qui m'a rappelé à quel point c'est horrible d'essayer de styler des éléments de formulaire - Et de faire des formulaires en général. La nature du projet est une excuse naturelle aux choix esthétiques douteux et couleurs dégeulasses.</li>
<li>Relatif au dernier point, utiliser SASS.</li>
<li>Ne pas utiliser le contexte global. Le présent blog greffe un gros objet appelé "app" au contexte global (l'objet window) - Capricartes utilise une classe isolée du contexte global, qui se voit injecter <i>document</i> et <i>window</i>.</li>
<li>Le but étant d'explorer comment on peut tester ce type d'objet (avec Puppet?).</li>
<li>Utiliser du SVG, dessiner des trucs en SVG, comprendre leurs transformations, comment changer leur taille et styler (y compris animer) indépendamment des morceaux de SVG.</li>
</ul>

<p>Reste encore à implémenter l'internationalisation, avec une classe que j'ai l'intention d'écrire moi-même pour exercice.</p>
<p>Au départ je pensais utiliser <a href="https://www.i18next.com/" target="_blank">i18next</a>, mais son build minifié prend plus de 40 Kb. Pour ce que j'en fais, je peux reécrire ça en beaucoup plus compact.</p>

<p><a href="https://github.com/dkvz/capricartes/blob/master/src/moving-img-effect.js" target="_blank">Certains effets</a> sont écrits sous forme de classe et sont facilement recyclables dans d'autres projets, par exemple en utilisant un import ES6 (truc du futur).</p>

<p>Tout ceci est un tremplin à mon plan final (je dis ça pour éviter de dire solution finale parce que ça fait bizarre) qui consiste à rassembler une chaine d'outil légère et stable, autour de Webpack, pour générer des apps sans frameworks qui fonctionnent bien, avec Babel pour créer plusieurs builds différents (+ polyfills), internationalisation, routage maison et server-side rendering entre autres choses.</p>

<p>C'est un...<p><b><a href="https://dkvz.eu/breves/81">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Tu fais quoi depuis tout ce temps?</title>
      <link>https://dkvz.eu/breves/79</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/79</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic1.png"/>
      
      <description><![CDATA[<p>Euh...</p>

<video class="responsive-video" preload="none" controls poster="/wp-content/stuff/capricartes_poster.jpg">
  <source src="https://dkvz.eu/wp-content/stuff/capricartes.mp4" type="video/mp4">
</video>]]></description>
    </item>
    
    <item>
      <title>Utilise Javascript pour TOUT</title>
      <link>https://dkvz.eu/breves/78</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/78</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code2.jpg"/>
      
      <description><![CDATA[<p>Un jour (quelque part autour de l'an 2010), j'ai ri d'un pote qui m'expliquait qu'ils apprenaient le Javascript à son cours d'informatique en école d'ingénieur.</p>

<p>A l'époque, Node n'existait pas (ou était aussi rare qu'un torrent de Howard le Canard avec plus de 2 seeds) donc ils apprenaient surtout à programmer une calculatrice foireuse avec des &lt;TABLE&gt; partout.</p>

<p>Je trouvais ça tellement stupide. C'est même pas un langage de programmation, y a pas de types, pas de compilation en exécutable,
 pas de multithreading (dans le sens multithreading comme en Java) et le côté "orienté objet" (à l'époque je pense que language orienté objet&nbsp;=&nbsp;LA SEULE ET UNIQUE ET MEILLEURE MANIERE DE CODER) à la sauce vraiment louche et encore plus capilotractée que "l'orienté objet" en PHP 4 (lol).</p>

<p>De plus, JS tourne dans un bac à sable fourni par le navigateur. Pas moyen d'écrire ou lire des fichiers (dieu merci, d'ailleurs). Comment tu crée ton appli de gestion de cave à vin ou ton BLOG (ben tiens) sans pouvoir écrire de fichiers (ou modifier une base de données, bien entendu)?</p>

<p>Alors oui, aujourd'hui il y a des services de base de données gratuits qui peuvent être directement consommés par JS, pour ce que ça vaut. Mais à l'époque, ça n'existait pas.</p>

<p>En fait c'est un peu ça le thème du jour, désormais on peut TOUT faire en JS. Y compris:</p>
<ul>
<li>Des applications natives, avec <a href="https://electronjs.org/" target="_blank">Electron</a> ou, aujourd'hui plus obscur, <a href="https://nwjs.io/" target="_blank">nw.js</a>&nbsp;;</li>
<ul><li>Sachant que même Microsoft s'y met puisque Skype est désormais écrit avec Electron</li></ul>
<li>Des applications serveur, en tout genre, et qui sont étonnamment efficaces malgré leur simplicité (<i>l'event loop</i> JS est monothread mais fait appel à différent mécanismes asynchrones pour toutes les opérations blocantes)&nbsp;;</li>
<li>Mettre des types dans son JS, avec Typescript. Parce que pourquoi pas hein?</li>
<li>Ecrire des scripts d'amin système, pour analyser des logs, surveiller un service, envoyer des notifications, ...</li>
</ul>

<p>Malgré tout mon scepticisme encore bien intact autour des packages managers, des 1000 dépéndances et 10879 contributeurs nécessaires pour installer un driver de base de données et des 180 MB de node_modules qui vont avec, je dois avouer que je me retrouve à charger des fichiers ligne par ligne, tout coller fans un filter suivi d'un map suivi d'u...<p><b><a href="https://dkvz.eu/breves/78">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>GDPR - Exemple de service de pseudonymisation de données</title>
      <link>https://dkvz.eu/articles/pseudonymisation_de_donnees</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/pseudonymisation_de_donnees</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/pseudo/pseudo_verhofstadt.png"/>
      
      <description><![CDATA[<!-- Titre: GDPR - Exemple de service de pseudonymisation de données -->

<h1>Le Gédépé-air</h1>
<p>Aaah... Le GDPR. On en a tous entendu parler, personne ne sait exactement ce qu'il faut faire avec précision, les services légaux se pressent à rédiger divers accords et autres contrats afin de ne pas oublier d'installer un antivirus sur le logiciel qui détecte le niveau restant de papier hygiénique sur la toilette connectée du rez-de-chaussée.</p>

<p>Je pense qu'on a un peu de temps avant qu'il n'y ait une réelle conséquence légale de cette loi en terme de poursuites et dédommagements (suite à une fuite d'information par exemple).</p>

<p>En fait, l'idée du GDPR était surtout (selon moi, mais je pense selon tout le monde aussi) d'imposer des règles et un genre de contrôle sur les géants de l'information et du BIG DATA comme Facebook et autres Google.</p>

<p>Si le boucher Franck Defruscheleer a laissé trainer un tableau Excel avec trois commandes qui lui ont été passées par email sur son comptoir et a dû rapidement rejoindre l'arrière-salle pour répondre à une urgence d'effondrement d'une pile de côtes à l'os alors que l'heure d'affluence suivait son cours et que plusieurs clients auraient pu avoir accès aux données, il y a des chances qu'il ne doive pas payer 130€ à chaque victime de cette terrible fuite de données personnelles.</p>


<!-- MORE -->


<p>Enfin... Je pense. A nouveau, il faudra voir ce qui va ressortir vraiment de cette loi (à mon avis pas grand chose LUL).</p>

<p>Quand on voit comment tout un chacun décide d'interprêter les consentements à sa manière, avec parfois un petit popup en bas de page:</p>
<blockquote>Si tu cliques "d'accord", tu accepte que tes données personnelles soient désormais notre propriété avec tout ton consentement maximum et pour toujours. Allez, bonne visite et grosses bises au chat :)</blockquote>

<p>Je ne suis pas certain que ça soit légal. Mais qui va poursuivre ces gens?</p>

<p>L'europe a d'autres trucs à faire. Notamment gérer ces pays qui décident de faire des "referendum" et puis se rendent compte que les gens sont hyper influençables, et que si on leur dit qu'une armée de Polonais arrive tous les ans pour voler leur travail et que sortir de l'Europe sera la meilleure solution je-vous-jure, ils y croient.</p>

<p>Non mais sérieusement, ça ne fonctionne pas les referendum. Peut-être éventuellement en Suisse parce que tout le monde est riche, beau et intelligent là-bas, mais pas ailleurs.</p>

<p>A côté de ça, ...<p><b><a href="https://dkvz.eu/articles/pseudonymisation_de_donnees">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Animations &amp; défilement</title>
      <link>https://dkvz.eu/breves/76</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/76</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Je me suis enfin décidé à modifier la manière dont les animations qui révèlent les nouveaux articles / brèves se manifestent.</p>

<p>Avant, tout se révèlait en une fois, c'était moyen cool et induisait du lag sur certaines machines (genre partulièrement mon ancien ordi portable de dev., qui est retourné aux plus profonds des enfers dans sa maison de vacances, dieu merci).</p>

<p>Voir le refresh ici de la page "Brèves" (vidéos de moins 2 MB):</p>

<video class="responsive-video" controls preload="none">
<source src="https://dkvz.eu/wp-content/stuff/anims_avant.mp4" type="video/mp4">
</video>

<p>Et désormais:</p>

<video class="responsive-video" controls preload="none">
<source src="https://dkvz.eu/wp-content/stuff/anims_apres.mp4" type="video/mp4">
</video>

<p>J'ai ajouté un event listener pour les évènements de défilement qui détermine les éléments qui sont en actuellement en vue dans la fenêtre de navigateur, et applique l'animation à ces éléments-là uniquement, avec un délai incrémenté pour chaque élément.</p>

<p>Au départ je voulais un résultat un peu comme ce que j'ai fait sur ce pen:</p>
<p><a href="https://codepen.io/dkvz/pen/vrMqxZ/">Staggered animation</a></p>

<p>Mais en réagissant selon ce qui est visible à l'écran à ce moment là.</p>

<p>J'ai volé la majorité du code qui accomplit cette mission <a href="https://tympanus.net/Development/GridLoadingEffects/js/AnimOnScroll.js" target="_blank">ici</a>.</p>

<p>Plus sérieusement, il y a des librairies pour obtenir ce genre d'effets (je ne les utilise pas, mais ça a l'air cool!):</p>
<ul>
<li><a href="http://michalsnik.github.io/aos/" target="_blank">http://michalsnik.github.io/aos/</li>
<li><a href="https://github.com/jlmakes/scrollreveal" target="_blank">https://github.com/jlmakes/scrollreveal</a></li>
</ul>

<p>Au niveau performances j'ai essayé toutes sortes de plans, y compris utiliser requestAnimationFrame (???) mais le mieux (selon moi et mon blog bizarre) c'est de pouvoir <i>return</i> <b>au plus vite</b> de l'observateur d'évènement de défilement s'il n'y a pas lieu de l'utiliser à ce moment-là.</p>

<p>Je vais jusqu'à return immédiatement si un observateur d'évènement est toujours en cours d'exécution, de sorte de n'en avoir qu'un seul qui effectue une quelconque réelle tâche à un moment donné.</p>]]></description>
    </item>
    
    <item>
      <title>A propos de Microsoft...</title>
      <link>https://dkvz.eu/breves/75</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/75</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_windows1.png"/>
      
      <description><![CDATA[<p>On parle beaucoup de Microsoft ces derniers temps suite à leur acquisition de Github.</p>

<p>Alors moi aussi.</p>

<!-- MORE -->

<p>Dans <a href="https://dkvz.eu/breves/70" target="_blank">ce billet</a> je parlais de différentes technologies pour mon backend et je disais ça:</p>
<blockquote>
Je pense que le C# est un bien meilleur langage que Java avant la version 8. Mais... Microsoft n'était pas encore dans le fameux combat Github des titans du Javascript et des jeunes développeurs sur des Mac plein de stickers quand .NET aurait dû garder toute sa traction.

Comme ils ont de l'argent infini j'imagine qu'ils nous sortirons un truc un jour ou l'autre.
</blockquote>

<p>Et vous savez quoi? Ils nous ont sorti un truc.</p>

<p>Genre, racheter le mono-site qui héberge les sources de la majorité des projets OpenSource et du 99% des 80000 frameworks Javascript. <b>Pour 7.quelque-chose MILLIARDS DE DOLLATS</b>.</p>

<p>Je sais bien qu'ils ont de l'argent infini mais ça doit quand même chatouiller là, non? Et je pense qu'ils ne se rendent pas compte du volume de données que ça représente, il y a quand même à peu près 10 milliars de TB de <i>node_modules</i> qui ont été commit par erreur sur Github.</p>

<hr />

<p>J'ai un article qui devrait être publié sous-peu qui est une expérience de bourrer plein de tags &lt;video&gt; sur une page web et voir ce que ça fait.</p>

<p>Outre le fait que je ne vous conseille pas de le faire, il s'agit absolument d'utiliser un attribut du tag video qui s'appelle "preload".</p>
<p>On peut le placer sur "metadata" pour ne récupérer que le début de la vidéo (mais ça peut faire pas mal de MB en pratique) ou sur "none" pour ne télécharger que si on clique sur Play.</p>

<p>Ca me semble assez basique comme fonctionnalité. Je vérifie à tout hasard la compatibilité des navigateurs:</p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/iepreloadsupport.png" target="_blank">
<img src="https://dkvz.eu/wp-content/stuff/iepreloadsupport.png" class="responsive-img">
</a></img-lightbox>

<p>Il semblerait que même sous Edge, le truc du futur en navigateur par défaut sur Windows 10 et qui affiche un message "T'es sûr, il est bien Edge en fait!" quand on veut le remplacer par un autre dans une page obscure du panneau de config, ne supporte pas non plus cet attribut.</p>

<p>Donc en gros, Edge se met à tranquillement télécharger TOUTES les vidéos.</p>
<p>Du coup si vous êtes sur mobile dans un pays du tiers monde comme la Belgique votre forfat ridicule est explosé en q...<p><b><a href="https://dkvz.eu/breves/75">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Warframe - Comment soloter le Teralyst</title>
      <link>https://dkvz.eu/articles/warframe_solo_teralyst</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/warframe_solo_teralyst</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/wf/wf_jeanmichel_amp_mini.jpg"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Si comme moi vous n'avez pas d'ami, un clan totalement vide que vous conservez pour juste faire du commerce et vous préférez tout faire tout seul pour diverses raisons non-exclusivement-neurotiques et que vous n'avez encore jamais vaincu le <b>EiDoLoN TeraLYST</b>, allons-y let's go sparti les zamis <b>OKAY</b>?</p>
<p>Je parle ici uniquement du Teralyst "original", le truc qui se pointe la nuit en poussant des cris pleins d'optimisme.</p>

<p>D'autres gens ont déjà couvert ce sujet bien mieux que moi. J'aime bien présenter la perspective NOOB, le mec qui vient de découvrir ce qu'est le <i>bullet jump</i> et qui utilise <a href="http://warframe.wikia.com/wiki/Hammer_Shot" target="_blank">Hammer Shot</a> dans tous ses builds.</p>
<p>Vous inquiétez pas on est tous passés par là. Enfin je pense.</p>

<!-- MORE -->

<h1>Pre-préambule</h1>
<p>Pour ceusse qui pourraient être intéressés, j'ai <a href="https://dkvz.eu/articles/warframe_guide_preneur_profit" target="_blank" rel="noopener noreferrer">aussi un guide sur le <i>Profit&nbsp;Taker</i></a>, qui est un autre boss et qui demande un peu plus d'équipements que pour le Teralyst.</p>

<h1>Préambule</h1>
<p>J'ai commencé à écrire cet article il y a plusieurs mois. Je n'ai plus joué à Warframe depuis un certain temps et quoi qu'il en soit, le jeu évolue tout le temps donc il se peut que certaines informations présentes dans cet article soient obsolètes.</p>
<p>En fait, il se peut que certaines informations présentes dans cet articles soient complètement foireuses mais si ça peut aider quelqu'un, pourquoi pas?</p>

<p>Si vous voulez regarder une version vidéo, je vous conseille celle de Brozime, qui a une connaissance de Warframe qui dépasse vastement la mienne, rendez-vous sur sa <a href="https://www.youtube.com/watch?v=buxG4tU1sGE" target="_blank">vidéo</a>.</p>

<p>Il donne toutes sortes de détails sur le focus que nous n'aborderons pas dans mon guide de pauvre. Warframe c'est pas simple les enfants.</p>

<h1>Prérequis</h1>

<p>Okay, que la chasse commence! Enfin presque.</p>

<p>Soyons honnêtes, il y a quelques prérequis pour cette chasse.</p>

<p>Outres les bidules qu'il faudra farm dans les plaines, il va nous falloir de l'équipement spécifique.</p>

<p>En particulier, il nous faut un fusil de snipeur. Pourquoi vous me dites?</p>

<p>Les snipers ont un compteur de combo qui augmente leurs dégats. On arrive très vite au x1.5 en quelques coups (compte tenu d'utiliser des mods "multishot", on en parlera dans...<p><b><a href="https://dkvz.eu/articles/warframe_solo_teralyst">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>OK... Spring Boot c&#x27;est vraiment cool</title>
      <link>https://dkvz.eu/breves/72</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/72</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Il y a quelques jours <a href="https://dkvz.eu/breves/70">je radotais</a> sur le choix d'une technologie backend et j'expliquais à quel point Spring Boot avait l'air prometteur.</p>

<p>EH BEN C'ETAIT VRAI</p>

<p>Après la mise en pratique et la "re-création" du service REST foireux de ce blog, je peux le dire... C'est extrêmement simple.</p>

<ul>
<li>Il ne faut pas déclarer de classe contrôleur, ça se fait tout seul selon les annotations.</li>
<li>Je voulais utiliser directement JDBC, il y a un wrapper Spring appelé JdbcTemplate qui s'occupe pour vous de libérer les ressources et remplir des lists et des maps et des lists de maps (mon rêve).</li>
<li>En mode "Rest", on peut:</li>
<ul>
<li>Retourner directement des objets (des entités par ex.), ils sont auto-transformés en JSON par la MAGIE DU DIABBB'</li>
<li>Si ça fait peur, on peut toujours retourner une bonne vieille Map ou une List&lt;Map&lt;&gt;&gt;</li>
<li>Une annotation permet de transformer immédiatement un corps de requête (POST ou PUT) au format JSON en un objet Java. Comme ça, hop. Il le fait.</li>
</ul>
<li>Envoyer des données à un template est ultra-simple, et ce pour 3 moteurs de templates supportés!</li>
<li>Créer un .jar déployable immédiatement avec Tomcat intégré se fait proprement avec une seule commande Maven. le fichier de config rassemble toutes les options à un seul endroit bien pratique.</li>
<li>C'est extrêmement simple de créer un nouveau projet, et pas juste grâce à Maven, ils fournissent également un Eclipse modifié appelé Spring Tool Suite qui est parfait pour le développement rapide.</li>
</ul>

<p>Et il y a d'autres trucs magiques. Par ex. mes commentaires sont envoyés en www-urlencoded via une requête POST, alors que la manière "normale" de faire serait avec un corps en JSON.</p>

<p>Je pensais que ça allait être l'enfer, mais en fait il suffit d'ajouter un argument "consumes" à mon annotation RequestMapping au niveau du contrôleur, et les éléments postés en form-url-encoded sont automatiquement assignés aux variables de la méthode contrôleur. Comme ça, hop.</p>

<pre class="screen"><code>@RequestMapping(value="/comments", method=RequestMethod.POST, consumes=MediaType.APPLICATION_FORM_URLENCODED_VALUE)</code></pre>

<p>Autre truc embêtant, j'ai un endpoint (<a href="https://api.dkvz.eu/gimme-sitemap" target="_blank">https://api.dkvz.eu/gimme-sitemap</a>) qui vomit du XML balancé comme du texte (je ne travaille pas avec un parseur).</p>
<p>Juste retourner le texte XML ne fonctionne pa...<p><b><a href="https://dkvz.eu/breves/72">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Single Page Web App &amp; Open Graph</title>
      <link>https://dkvz.eu/articles/single_page_app_open_graph</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/single_page_app_open_graph</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/opengraph/opengraph_logo.png"/>
      
      <description><![CDATA[<!-- TITRE: Single Page Web App & Open Graph -->
<!-- Récupérer une image d'Open Graph pour l'article -->
<!-- URL: single_page_app_open_graph -->

<p>Depuis que j'utilise une single page web app comme blog, poster un lien vers un de mes article sur un réseau social ne produit plus une carte avec une image, une courte description, ce genre de choses.</p>

<p>La plupart des sites avec du contenu de type articles, vidéos, etc. Utilisent des tags particuliers pour apparaître de manière plus propres sur les réseaux sociaux.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 651px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/opengraph/ograph_twitter_651.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/opengraph/ograph_twitter_651.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">Le but du jeu: afficher une carte de ce genre sur Twitter (et Facebook, etc.) - Fonctionne rétroactivement.</div>
</div>

<p>Que je sache, les premiers à avoir affiché un standard pour ce que est de leur réseau social, c'est Facebook, avec un projet qui s'appelle <a href="http://ogp.me/" target="_blank">Open Graph</a>.</p>

<p>Le problème c'est que ça utilise des tags &lt;meta&gt; dans la balise &lt;head&gt;, et les modifier avec du Javascript n'a aucun effet parce que les robots des réseaux sociaux ne l'interprètent pas.</p>

<!-- MORE -->

<h1>Skoi une SINGLE PAGE WEB APP</h1>
<p>Je vais plutôt commencer par là.</p>

<p>Une app mono-page, app page unique, app simple page, euh... Je n'ai absolument aucune idée de comment ça se traduit.</p>

<p>Il s'agit d'un site web avec... Une seule page (index.html en général). Cette page gère tout ce dont le site est capable et est dès lors en mesure de modifier le contenu affiché et éventuellement de faire des requêtes de type AJAX.</p>

<p>Comment cette page HTML fait tout ça? Ben... Avec du Javascript. Vous savez pas encore qu'on peut tout faire avec du Javascript? Des programmes compilés qui prennent 200 MB de RAM, des applis serveur, des <a href="https://www.meteor.com/" target="_blank">applis serveur et client à la fois (???)</a> et d'autres trucs du futur avec une super gestion de dépendance qui fait que si on veut juste un outil de packaging web il faut 80 MB de code à télécharger sur 3000 sous-dépendances différentes.</p>

<p><b>[Trou de contexte]</b> - Petit carousel de dépendances pour un projet web qui utilise juste Webpack, aucun framework JS etc. (NONON CA FAIT PAS PEUR):</p>
<v...<p><b><a href="https://dkvz.eu/articles/single_page_app_open_graph">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Spring Boot a l&#x27;air plutôt cool</title>
      <link>https://dkvz.eu/breves/70</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/70</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_code1.png"/>
      
      <description><![CDATA[<p>La backend de ce site (API) est actuellement un projet <a href="https://www.playframework.com/" target="_blank">Play Framework</a> fait à l'arranche et dispo ici:</p>
<p><a href="https://github.com/dkvz/dorade-blog-engine" target="_blank">dorade-blog-engine</a></p>

<p>C'est moche.</p>

<p>Play est vraiment bien pour rapidement créer une application web, un peu comme avec Silex ou le-micro-framework-de-Laravel mais sans PHP quoi.</p>

<p>Justement c'est quoi les autres technos et ce que j'en pense? Je vais essayer de me limiter à une phrase:</p>

<h2>Node</h2>
<p>J'aime bien Express.js et Node en lui-même est très performant, de sorte que si on en croit les Tweets de gens qui bossent sur le projet, aurait un pré-compilateur tellement efficace que le code approche les performances de code compilé.</p>

<p>Le problème c'est que c'est Node, et Javascript. Les trucs les plus Hype de Github, le théâtre de batailles subtiles entre géants cotés en bourse qui payent très cher de grandes équipes de brillants jeunes ingénieurs plein d'étoiles dans les yeux pour réaliser le prochain truc-qui-brille dont on parle tout le temps en convention.</p>

<p>Je préfère quelque chose de stable qui ne demande pas 1000000 de dépendances dont certaines ne fonctionnent plus ou re-fonctionnent trois versions de <i>npm</i> plus tard (même npm est possiblement en train de se faire remplacer d'ailleurs).</p>

<p>J'ai plein d'exemples d'aberrence de gestion de dépendance sauvage avec Node, et j'aime pas ça.</p>

<p>Finalement, il y a aussi le soucis de la boucle évènementielle. Ce truc n'est pas prévu pour être facilement scalable horizontalement. Pas impossible, mais pas confortable.</p>

<h2>Python</h2>
<p>Honnêtement je serais parti sur Django ou Flask si Spring Boot n'était pas si simple à utiliser (j'avais juste le souvenir de Spring MVC, qui était rude à l'apprentissage).</p>
<p>Python peut compiler en bytecode et a l'air moins foireux que Java pour tout ce qui est optimisations de JVM.</p>
<p>De plus, je trouve le langage élégant si on met de côté son usage d'underscores plutôt que la CamelCase.</p>
<p>En fait c'est nul mais ça me trouble à mort. Et accessoirement mes connaissances en Python sont vraiment proches de 0.</p>

<h2>.NET</h2>
<p>lol</p>
<p>Je pense que le C# est un bien meilleur langage que Java avant la version 8. Mais... Microsoft n'était pas encore dans le fameux combat Github des titans du Javascript et des jeunes développeurs sur des Mac plein de stickers quan...<p><b><a href="https://dkvz.eu/breves/70">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Ancienne version du site en ligne</title>
      <link>https://dkvz.eu/breves/69</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/69</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art2.png"/>
      
      <description><![CDATA[<p>Pour me souvenir de mes glorieux débuts en JS, l'ancien blog réalisé à partir du starter kit de <a href="https://www.polymer-project.org/">Polymer</a> 1.0 est de nouveau en ligne.</p>

<p>Certains trucs visuels (les images surtout) risquent de ne pas avoir leur aspect normal mais sinon ça devrait fonctionner normalement.</p>

<p>
<a href="https://oldsite.dkvz.eu" target="_blank">oldsite.dkvz.eu</a>
</p>

<p>L'arrière-plan était classe quand même...</p>]]></description>
    </item>
    
    <item>
      <title>Cache Busting pour Polymer 2.0 et Apache</title>
      <link>https://dkvz.eu/articles/cache_busting_polymer_2_apache</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/cache_busting_polymer_2_apache</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/polymer_logo_110.png"/>
      
      <description><![CDATA[
<!-- TITRE: Cache Busting pour Polymer 2.0 et Apache -->


<h1>Intro</h1>
<p>De tous les artifices Javascript communément utilisés comme armes dans la guerre de qui-c'est-qu'a-le-plus-d'étoiles-sur-ses-projets-sur-github entre Facebook et Google et que les gens se mettent à utiliser sans trop réfléchir, <a href="https://www.polymer-project.org/" target="_blank">Polymer</a> est mon projet favori.</p>

<p>Techniquement pas un framework mais une librairie (ou un "helper"), cette technologie est loin (très loin) d'être sans failles mais ce n'est pas difficile de passer au dessus de <a href="https://dkvz.eu/breves/66" target="_blank">mon opinion abyssale de Réact.</a></p>

<p>Cette discussion sort (heureusement vous dites-vous n'est-il-pas) du cadre de cet article.</p>

<p>Ce qui m'intéresse moi c'est de pouvoir déployer de nouvelles versions de mon application et ne pas avoir des choses étranges qui se produisent parce qu'une partie des fichiers est en cache et l'autre pas. D'expérience sur les applications Polymer ce genre de soucis produit des pages blanches ou des pages qui cessent de réagir aux actions utilisateur, ce qui est plutôt embêtant.</p>

<!-- MORE -->

<p>Seul moyen de le résoudre, presser CTRL+F5 sur Chrome, ou faire une manip infernale depuis la console développeur sur Firefox (oui CTRL+F5 n'a pas l'effet force refresh sous Firefox, allez comprendre pourquoi...) ou encore, bien entendu, vider son cache.</p>

<p>Je ne suis pas certain que cet article soit super clair (oui, genre pire que les autres) mais si ça peut aider quelqu'un... Moi ça pourra peut-être m'auto-aider quand j'aurai tout oublié dans 1 mois.</p>

<h1>Sékoi le cache beusting?</h1>
<p>Pour être honnête je dois vous avouez que ma connaissance des mécanismes précis de comment-je-met-quoi-en-cache des navigateurs est empirique.</p>

<p>Pour observer ce qu'il se passe au niveau réseau, cache, et requêtes, il s'agit au préalable d'afficher le VOLET DEVELOPPEUR avec Ctrl+Shift+I (pour Chrome et Firefox en tous cas). L'un des onglets du volet développement (je vous conseille de détacher en tant que fenêtre propre) s'appelle Network/Réseau. Il ne se remplit que si on réalise une (nouvelle) requête.</p>

<p>Il y a une différence entre demander directement une ressource, du style <i>Donne-moi slip-propre.jpg</i> ou <i>Donne-moi index.html</i>, et demander des ressources qui sont mentionnées par la ressource que l'on vient de demander. Euh... Ouais je me comprends.</p>

<p>Demander directement un fichier ...<p><b><a href="https://dkvz.eu/articles/cache_busting_polymer_2_apache">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Adieu, arrière-plan qui fait peur</title>
      <link>https://dkvz.eu/breves/67</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/67</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_art1.jpg"/>
      
      <description><![CDATA[<p>Ce site a eu l'embarras de porter les pires arrières-plans au monde pendant des années, sous forme de motif répété comme sous Windows 95.</p>
<p>J'ai décidé que la blague était officiellement mise à la retraite et j'essaye un arrière-plan dégradé foireux à la place.</p>
<p>Si les dégradés avaient existé de la sorte quand je commençais à découvrir les CSS (à genre 16 ans), j'en aurais mis <b>PARTOUT</b>.</p>
<p>J'étais obligé de créer une image de 1px de large avec un dégradé et répéter cette image horizontalement pour créer le même effet. C'était le bon vieux temps.</p>
<p>J'ai tout de même laissé un bouton pour changer d'arrière-plan dans le footer:</p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/blog_footer.jpg" target="_blank"><img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/blog_footer.jpg" /></a></img-lightbox>]]></description>
    </item>
    
    <item>
      <title>Pourquoi React est une mauvaise idée</title>
      <link>https://dkvz.eu/breves/66</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/66</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Mon histoire personnelle avec le Javascript peut se résumer à ça:</p>
<ul>
<li>2009 - Javascript sert à afficher / cacher du contenu ou afficher un calendrier dans un formulaire. Stout.</li>
<li><i>Période de douce innocence.</i></li>
<li>2017 - <b>IL Y A 300000 FRAMEWORKS JAVASCRIPT, LES MEILLEURS OUTILS DE FRONTEND DEV TOURNENT TOUS SUR NODE ET TOUT LE MONDE EST SUR MAC.</b></li>
</ul>
<p>Je suis admin système moi à la base, à voir tout le monde parler de Angular je me suis juste dit que c'était une phase de hipster lié à l'engouement autour de Node (et de npm surtout, en fait).</p>
<p>Je n'ai jamais été fan des PACKAGE / DEPENDENCY managers particulièrement parce qu'ils ont tendance à être mortels alors qu'une vielle croutte de module Perl sans dépendance tourne toujours sur toutes les machines *NIX actuelles sans devoir installer quoi que ce soit, c'est-à-dire que ce type d'application est quasi immortelle.</p>
<p>Peut-être davantage dans le style vampire que manifestation angélique mais là n'est pas la question.</p>

<p>Je ne prétends pas être expert de ces différentes solutions, mais j'ai utilisé Bower par exemple (toujours utilisé avec Polymer que je sache).</p> 
<p>Si vous utilisez Bower aujourd'hui, Node vous prévient qu'il est temps de passer à autre chose sur votre vieux projet moisi qui n'a même pas un an ou de vous recycler dans un domaine plus adéquat comme la maintenance de mainframes.</p>

<p>Merci de migrer vers Yarn qui va sûrement rester d'actualité pendant au moins 5 mois (je plaisante, Yarn est un bon projet (QUE JE DETESTE)).</p>
<img-lightbox><img src="https://dkvz.eu/wp-content/stuff/bower_thankyou.png" class="responsive-img center-image" /></img-lightbox>

<p>Je compte bien écrire un article sur le frontend dev et le web en général selon mon point de vue de dinosaure asmathique quand je trouverai le courage.</p>

<p>OK donc pourquoi j'aime pas React? J'y pense parce que lisais hier un article qui appuye bien fort sur mon biais de confirmation et me donne des poussées d'hormones de bonheur: <a href="https://www.pandastrike.com/posts/20150311-react-bad-idea" target="_blank">React Is A Terrible Idea</a></p>

<p>L'auteur de l'article est non seulement bien plus familier avec le milieu que je ne pourrai jamais l'être, mais il confirme toutes mes réactions d'à-priori du gosse qui voit un rollmops pour la première fois et lâche un BERK JM PÔ! sans même avoir goûté (sale gosse).</p>

<p>Concernant React, j'ai essayé de regarder des vidéos, lire des tu...<p><b><a href="https://dkvz.eu/breves/66">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Mon chat est long</title>
      <link>https://dkvz.eu/breves/65</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/65</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_pull1.jpg"/>
      
      <description><![CDATA[<p>Je vous l'avais dit qu'il était long.</p>

<video class="responsive-video" preload="metadata" controls>
    <source src="https://dkvz.eu/wp-content/stuff/longpull_sd.mp4" type="video/mp4">
 </video>

]]></description>
    </item>
    
    <item>
      <title>Nginx et la compression gzip</title>
      <link>https://dkvz.eu/breves/64</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/64</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web3.jpg"/>
      
      <description><![CDATA[<p>J'ai vu quelqu'un tweeter ses résultats de performances par ce site: <a href="https://www.webpagetest.org/" target="_blank">https://www.webpagetest.org/</a> - qui donne un score de performances sur plusieurs postes pour votre site web.</p>

<p>J'ai des A partout sauf en compression d'image, en caching et en compression de contenu statique.</p>

<p>Pour la compression d'image, je comprends bien et dois encore configurer mon Webpack pour processer les images tant que possible. Pour le caching je comprends aussi, mes en-têtes de caching sont complètement louches et j'attends d'implémenter un mécanisme de cache-busting au niveau de Webpack (il y aura une super note là dessus wiiiiii) avant de corriger ça.</p>

<p>Non le truc qui m'inquiète c'est la compression gzip. Mes fichiers JS et CSS ne sont pas compressés. Je pensais que ça se faisait par défaut moi ?</p>

<p>He ben non. C'est d'autant plus sale que la version précédente de ce blog utilisait Polymer 1.0 qui charge une coulée de polyfills et un gros bundle de composants avec plein de code pseudo-redondant.</p>

<p>Bon après on peut relativiser le problème en tenant compte que les plus gros éléments à transférer (pour le site actuel, avant je sais pas) sont les polices de caractères et les images (très largement les images ). Mais tout de même un chargement rapide des CSS et scripts est très important pour le rendu initial.</p>

<h3>Comment qu'on fait alors?</h3>
<p>Dans mon nginx.conf j'ai bien cette ligne:</p>
<pre class="screen"><code>gzip on;</code></pre>
<p>Sauf qu'en fait ça ne s'applique qu'aux contenus MIME de type <i>text/html</i>.</p>

<p>Pour rendre la compression utile, il s'agit donc d'ajouter (ou décommenter dans mon cas) cette ligne:</p>
<pre class="screen"><code>gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;</code></pre>

<p>Par défaut Nginx ne compressera pas le contenu qui fait moins de 20 bytes. J'ai changé ça en 500 bytes personnellement:</p>
<pre class="screen"><code>gzip_min_length 500;</code></pre>

<p>Un petit reload de la config et maintenant... </p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/webpageperf.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/webpageperf.png" class="responsive-img center" /></a></img-lightbox>

<p>C'est un peu étrange que maintenant la compression d'images est OK, j'imagine qu'ils n'essayent pas d'optimiser les images? Non en fait je ne comprends vraiment pas du tout pa...<p><b><a href="https://dkvz.eu/breves/64">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Mon Realforce ressemble à rien mais keskilé bien</title>
      <link>https://dkvz.eu/breves/63</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/63</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_computers1.jpg"/>
      
      <description><![CDATA[<p>Après plusieurs mois d'utilisation, je ne me lasse pas du plaisir de travailler sur cette planche à pain japonaise (ignorer les 9€ de pavé numérique):</p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/realforce_desk.jpg" target="_blank">
<img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/realforce_desk_680_418.jpg" /></a></img-lightbox>
<p>J'avais lu qu'il fallait s'habituer aux switches Topre et que certaines personnes les trouvaient trop "mushy".</p>
<p>C'est clair que comparé à du Cherry MX c'est très MUSHY. Mais il ya quelque chose dans la précision de la course des touches qui n'existe pas sur un Cherry MX, qui dispose d'un genre de jeu autour de son axe vertical.</p>
<p>Le "ressort" est également très différent. Selon la rigidité de la plaque utilisée dans le clavier les switches MX peuvent transmettre des bruits de ressorts (BOING) et des sensations de vibrations qui sont absentes sur les switches Topre.</p>
<p>La précision du Topre couplée à la sensation des touches en PBT donne un genre de sensation de "luxe". Je ne sais pas comment le décrire autrement.</p>
<p>Je pensais qu'avec la résistance un peu plus importante des touches j'allais taper moins vite que sur du Cherry, mais il semblerait que ça soit le contraire et qu'en plus je fasse moins d'erreurs (constatation très subjective, dois-je préciser).</p>
<p>Sur du Cherry MX marron je tourne autour de 80 mots/minutes. Sur le Realforce je dépasse régulièrement les 90. D'ailleurs Typeracer a pensé que je trichais la première fois:</p>
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/typeracer1.jpg" target="_blank">
<img class="responsive-img center-image" src="https://dkvz.eu/wp-content/stuff/typeracer1.jpg" /></a></img-lightbox>
<p>Je vais sérieusement considérer le nouveau Realforce RGB (made IN CHAÏNA) pour remplacer mon vénérable Ducky Shine 3 que j'utilise à la mézon. A condition qu'ils en sortent un en ISO...</p>]]></description>
    </item>
    
    <item>
      <title>Quelque petits trucs à règler</title>
      <link>https://dkvz.eu/breves/60</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/60</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web1.png"/>
      
      <description><![CDATA[<p>Petite liste des problèmes connus:</p>
<ul class="browser-default">
<li>FAIT &#x1F601; (avec des !important, j'ai mega honte) - Sur mobile il y a un scrolling vertical. Il ne devrait pas... Y avoir (??) ;</li>
<li>FAIT &#x1F601; (fonctionne peut-être pas sur Blackberry) - Sur mobile le sous titre est parfois déclaré dans le contenu, pour les longs sous-titres ;</li>
<li>Le scrolling infini ne fonctionne <i>peut-être</i> (lel) pas sur les écrans plus larges que 1920px ;</li>
<li>FAIT &#x1F601; - Les puces des listes dépassent sur les images flottantes dans les articles.</li>
</ul>

<p>Pour les puces qui dépassent sur les objets flottants il faut juste ajouter <i>overflow: hidden</i> à l'élément ul et c'est résolu.</p>
<p>Sûrement un vieux boulet d'une autre époque. Je pense que la plupart des gens seront d'accord avec moi si je dis que "float" est un gouffre démoniaque sans fond.</p>]]></description>
    </item>
    
    <item>
      <title>Nouveau site!</title>
      <link>https://dkvz.eu/breves/58</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/58</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_crapic3.png"/>
      
      <description><![CDATA[<p>A l'attention de mes deux hypothétiques visiteurs (qui incluent un robot Russe (aussi hypothétique)): des travaux sont en cours.</p>

<p>Tous les articles ont probablement besoin de réfactions, surtout au niveau du contenu multimédia.</p>

<p>Certains articles ont déjà vécu deux autres migrations et le plus gros problème là dedans c'est qu'il faut chaque fois que je les relise. Je veux dire, je pourrais juste les effacer. Au lieu de ça je m'inflige toutes les conneries ecrétées (oui ECRETEES) par le moi-du-passé.</p>

<p>Il peut également y avoir quelques soucis techniques (oui encore plus que sur l'ancien site) mais ça fait partie de l'exercice.</p>

<p>Particulièrement, j'ai encore beaucoup de tests à faire sur mobile, entre milliers d'autres choses.</p>

<p>Je vous tiendrai au courant.</p>

<p>Amour et propagation de matériel génétique,</p>
<p><b>VEZde</b></p>]]></description>
    </item>
    
    <item>
      <title>Codage paranormal</title>
      <link>https://dkvz.eu/breves/55</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/breves/55</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/shorts/shorts_web2.png"/>
      
      <description><![CDATA[<p>Je sais pas si ça n'arrive qu'à moi mais parfois j'ouvre du vieux code que je suis sensé avoir écrit et c'est tellement à la fois génial mais stylistiquement horrible que ça semble déconnecté de toute réalité dans laquelle j'aurais pu écrire ce code.</p>

<p>Par exemple le code qui génère la table des matières dans les articles, je l'ai récupéré de l'ancien blog. C'est un enfer récursif avec plein de déclarations de trucs inutiles (date de l'époque ou je captais vraiment rien à Javascript) - MAIS CA FONCTIONNE.</p>

<img-lightbox><img class="responsive-img" src="https://dkvz.eu/wp-content/stuff/hellish_function.jpg" /></img-lightbox>]]></description>
    </item>
    
    <item>
      <title>JavaFX - Prise en main rapide (ou presque)</title>
      <link>https://dkvz.eu/articles/javafx_prise_en_main_rapide</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/javafx_prise_en_main_rapide</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/javafx_icon.png"/>
      
      <description><![CDATA[<p>J'aurais dû écrire cet article beaucoup plus tôt parce que là je me souviens pas de tout.</p>

<p>J'ai "récemment" (lel) passé pas mal de temps à apprendre JavaFX, comme d'hab après tout le monde et quand le projet semble montrer des signes de souffrance et de sérieuse déprime post-hivernale. Genre comme si ça avait été l'hiver pour toujours, puis que l'hiver avait été racheté par Oracle.</p>

<p>Plutôt que de travailler à reécrire le moteur de mon blog qui a plein de problèmes, j'ai écrit un programme pour m'aider à rédiger les articles.</p>

<p>Auparavant j'écrivais mes articles dans Notepad avec des commentaires HTML dedans.</p>

<p>Je peux désormais jouir de cette magnifique interface:</p>
<div class="card-panel z-depth-3 article-image center-image" style="max-width: 350px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/javafx_blog_authoring.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/javafx_blog_authoring_350_190.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">C'est ça un THICK CLIENT?</div>
</div>

<p><a href="https://github.com/dkvz/blog-authoring-tool/" target="_blank">Le projet est sur Github</a>.</p>

<p>J'ai suivi toutes sortes de tutoriaux et autres vidéos Youtube. Je vais essayer de présenter dans cet article les éléments que j'aurais voulu voir soulignés davantage ou évoqués dans les tutoriaux existants.</p>

<!-- MORE -->

<h1>Intro à JavaFX</h1>
<p>JavaFX sert à faire des interfaces graphiques. C'est tout. Certaines sources vous le présentent comme quelque chose de beaucoup plus compliqué. Certes on peut afficher du contenu multimédia et aligner ses vues de manière plus moderne (par ex. avec des fichiers CSS) que ce les (vieilles) alternatives proposent mais ça reste une librairie qui sert à créer des interfaces graphiques.</p>

<p>Une maladie des applications graphiques en Java c'est qu'elles avaient une apparence qui dépend de l'OS utilisé. Et franchement cette apparence était en général BIEN MOCHE.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 350px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/javafx_swing_350_269.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/javafx_swing_350_269.png" class="responsive-img" alt="Interface moche" /></a></img-lightbox>
<div class="image-legend">Est-ce que vous reconnaissez ce style BLEU CIEL?</div>
</div>

<p>Vous avez peut-être déjà utilisé <a href="http://www.jdownloader.org/" target="_blank">JDownloader</a> et vous êtes demandés pourq...<p><b><a href="https://dkvz.eu/articles/javafx_prise_en_main_rapide">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Test de KDEnlive sous Windows</title>
      <link>https://dkvz.eu/articles/test_kdenlive_sous_windows</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/test_kdenlive_sous_windows</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/kdenlive_logo.png"/>
      
      <description><![CDATA[ <p>En terme d'édition vidéo et de logiciel libre, c'est pas l'opulence. Ce type de programme étant typiquement chasse gardée de quelques géants de l'informatique et maitrisés par les monteurs professionnels, avec des titres tels que Final Cut, Adobe Premiere ou, oserais-je le citer, Sony Vegas.</p>

<p>Je pense que ça a dû chipoter pas mal les quelques gens qui utilisent sérieusement un Linux comme machine de travail de tous les jours, parce que sur Mac il y a iMovie qui est gratuit et sympa, et sur Windows il y a Windows Movie Maker. Qui est juste gratuit.</p> 

<p>Ma machine de développement est un Linux Mint, mais le temps qu'elle encode une vidéo avec son CPU tout pourri j'aurai dû changer plusieurs fois de slip. Donc je monte mes vidéos sur une machine Windows.</p>

<p>Personnellement j'élimine d'emblée ce type de projets:</p>
<ul>
<li>Offre une version "gratuite" limitée (générallement en qualité d'encodage) à côté d'une version payante</li>
<li>Est un genre de Windows Movie Maker. J'aimerais bien avoir un peu plus d'options</li>
<li>N'a plus été mis-à-jour depuis plusieurs années</li>
<li>Ne fonctionne pas sous Windows (ben ouais)</li>
</ul>

<p>En pratique, reste donc:</p>
<ul>
<li><a href="https://www.shotcut.org/" target="_blank">Shotcut</a></li>
<li><a href="https://kdenlive.org/" target="_blank">KDEnlive</a></li>
</ul>
</p>

<h1>Shotcut</h1>
<p>Shotcut est une valeur sûre, la référence en édition vidéo non-linéaire de base gratuite et performante sous Windows.</p>

<p>Il utilise ffmpeg pour encoder (moteur d'encodage libre connu pour avoir un trilliard de paramètres différents tout bizarres en ligne de commande) avec support natif de tous les CPU disponibles (ce qui n'est pas le cas de KDEnlive soit dit en passant) et les différentes options d'encodage sont assez complètes au niveau du logiciel, bien qu'il soit possible également de spécifier ses propres paramètres ffmpeg comme un vrai velu.</p>

<div class="card-panel z-depth-3 article-image left" style="max-width: 350px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/shotcut_iface.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/shotcut_iface_350_210.png" class="responsive-img" alt="Interface de Shotcut" /></a></img-lightbox>
<div class="image-legend">L'interface de Shotcut est simple et efficace</div>
</div>

<p>Cet article n'est pas sur Shotcut donc je vais faire bref (ma spécialité). Dans Shotcut tout s'implémente en tant qu'<i>effet</i> à ajouter à un clip. On peut couper n'importe quel clip ...<p><b><a href="https://dkvz.eu/articles/test_kdenlive_sous_windows">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Taille du Soleil</title>
      <link>https://dkvz.eu/articles/taille_du_soleil</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/taille_du_soleil</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/sun_thumb.png"/>
      
      <description><![CDATA[<h1>Intro vaguement hors-sujet</h1>

<p>Ce blog était autrefois un blog Wordpress, comme la moitié de tout Internet. Puis un jour il s'est fait ruiner par je-ne-sais-plus-quelle-faille par vertu d'un robot-russe qui passait par là. Puis je l'ai jeté (le blog pas le robot-russe).</p>

<div class="card-panel z-depth-3 article-image right" style="max-width: 300px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/wordpress_market_shares.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/wordpress_market_shares.png" class="responsive-img" alt="Wordpress strop bien" /></a></img-lightbox>
<div class="image-legend">T'exagère c'est que 28.7%</div>
</div>

<p>Wordpress a quelques avantages par rapport à une app monopage Javascript du futur avec scrolling infini, en particulier les moteurs de recherche l'apprécient. Par curiosité avant d'achever mon blog, j'ai lancé un analyseur de logs qui présente une section dédiée aux requêtes de recherche qui ont été faites sur Google et ont mené quelqu'un sur mon site. Je vous présente les résultats:</p>

<!-- MORE -->

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 372px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/referralslol.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/referralslol.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">Ressource n°1 pour infos sur le micropeni africain</div>
</div>

<p>Tous ces termes viennent en réalité du même article: <a href="https://dkvz.eu/articles/l_homeopathie_c_est_quoi" target="_blank">l'homéopathie c'est quoi</a>. Parce qu'il est long et beau, comme mon chat.</p>

<p>Parmi ces termes, outre le micropénis chez l'enfant (qui est normal les gens, ça grandit à la puberté (la plupart du temps), calmez-vous OKAY?), c'est la taille terre soleil. C'est très difficile de représenter le volume du soleil et sa distance par rapport à la terre sur un schéma éducatif sans que ça occupe un accordéon de plusieurs pages. Résultat, ces représentations sont souvent incorrectes. A côté de ça, et en moins visible à moins que vous soyez capables de déduire la masse des objets célestes depuis leurs orbites gravitationnelles instinctivement, la masse de la terre et du soleil se séparent d'encore un autre genre d'ordre de magnitude.</p>

<p>Toujours sur le thème de l'autre genre d'odre de magnitude, il y a mes statistiques de requêtes de recherche actuelles:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 400px">
<img-light...<p><b><a href="https://dkvz.eu/articles/taille_du_soleil">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Animations CSS3 &amp; Centrer une image</title>
      <link>https://dkvz.eu/articles/animations_css3_et_centrer_images</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/animations_css3_et_centrer_images</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/center_elements_thumb.png"/>
      
      <description><![CDATA[<!-- Titre : Animations CSS3 & Centrer une image -->

<p>Centrer un élément sur une page web. Initialement on se dit que ça devrait être simple. Détrompez-vous jeune idéaliste, rien n'est simple en web "design".</p>

<p>Il existe plusieurs méthodes mais aucune n'est particulièrement intuitive.</p>

<p>En essayant de centrer des bidules sur des machines je me suis retrouvé à créer cette contribution magistrale au patrimoine de l'humanité:</p>
<p><a href="http://crapic.dkvz.eu" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/click_here_5.gif" width="79" height="60" />CLICK MOI<img src="https://dkvz.eu/wp-content/stuff/click_here_5.gif" width="79" height="60" /></a></p>

<p><b>ATTENTION</b>&nbsp; - Ne fonctionne pas sous Internet Explorer 6 (lel)</p>

<p>Aussi sur <a href="https://github.com/dkvz/crapic.dkvz.eu" target="_blank">Github</a>.</p>

<!-- MORE -->

<h1>ZE CENTRAGE</h1>
Oui, je suis au courant qu'il s'agit d'une liste non-exhaustive de moyens d'arriver au même résultat. Inutile de le répéter sans cesse dans les commentaires. Je n'étais pas prêt pour être célèbre si jeune.

<h2>CSS et arrière plan</h2>

<p>S'il s'agit de centrer une image, une des solutions les plus simples consiste à utiliser les styles <i>background-*</i>.</p>

<p>Exemple:</p>
<pre class="screen"><code>body {
	background-color: #285d7c;
	background-image: url('click_here_5.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center
}</code></pre>

<p>En plus du centrage j'aurais souhaité que la taille de l'image s'ajuste plus ou moins automatiquement (si possible sans Javascript) avec la taille de la fenêtre.</p>

<p>C'est possible avec <i>background-size</i>, qui je pense appartient au HTML5.</p>

<p>Si on ajoute <i>background-size: cover;</i> à notre CSS on obtient ce type de résultat qui est de toute beauté:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 400px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/background_size_cover.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/background_size_cover_400_306.png" class="responsive-img" alt="background-size: cover" /></a></img-lightbox>
<div class="image-legend">C'est sobre</div>
</div>

<p>Cette option étire l'image. Pour garder l'aspect, mais laisser éventuellement apparaître la couleur d'arrière plan, on peut utiliser <i>background-size: contain</i> pour obtenir ce type de résultat de non-moins relative toute beauté:</p>

<div class="card-panel z-depth-3 article-image center-ima...<p><b><a href="https://dkvz.eu/articles/animations_css3_et_centrer_images">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Boite mail catch-all avec Postfix et Mutt</title>
      <link>https://dkvz.eu/articles/email_catch_all_postfix_mutt</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/email_catch_all_postfix_mutt</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/catch_all_email_icon.png"/>
      
      <description><![CDATA[
<!-- TITRE: Boite mail catch-all avec Postfix et Mutt -->

<ul>
<li>Lien vers mes notes pour cet article (en anglais (???)): <a href="https://dkvz.eu/wp-content/stuff/postfix_mutt_catch_all.pdf" target="_blank">PDF</a></li>
</ul>

<p>Qui n'a jamais rêvé de lire ses emails en ligne de commande et de recevoir tout le courrier adressé au domaine dans une seule boîte?</p>

<div class="card-panel z-depth-3 article-image right" style="max-width: 260px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/catch_all_mutt.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/catch_all_mutt_260_187.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">Comme dans les années 80</div>
</div>

<p>Je suis sûr qu'il y a au moins un gèque au fond de la salle qui a toujours rêvé d'avoir une infinité d'adresses jetables, ce qui est également l'objet de cet article: on veut pouvoir envoyer depuis n'importe quelle adresse, recevoir sur n'importe quelle adresse, et éventuellement bloquer des adresses de réception une fois qu'elles sont trop polluées.</p>

<p>On vous demande une adresse email pour enregistrer votre CONTRAT DE CONFIANCE pour la centrifugeuse à carottes que vous venez d'acheter?</p>
<p>
- Ouioui vous pouvez utiliser je-vomis-sur-votre-service-client@dkvz.eu 
<img src="https://dkvz.eu/wp-content/stuff/spongebobtropcomik.gif" width="160" height="131" alt="TROP COMIK" />
</p>

<p>A ce propos je vais rajouter une adresse email en clair sur ma page de contact pour voir si des robots-spammeurs viennent visiter mon site. Tout visiteur est le bienvenu. OK je suis désespéré.</p>

<p>Ce don't cet article ne traite pas: l'antispam. Je passe par un service antispam externe. Je vous laisse faire vos recherches à ce propos. Comme d'habitude, j'essaye de limiter au maximum l'empreinte mémoire et le nombre de process impliqués sur mon serveur à €4 par mois.</p>

<!-- MORE -->

<h1>Mise en situation</h1>
<p>Mon setup:</p>
<ul>
<li>Une VM (Veurtchual Mechine) ULTRA CHEAPOS avec Debian 8 Stable</li>
<li>Postfix, version Debian Stable donc d'il y a 15 ans (2.11)</li>
<li>Service antispam externe</li>
</ul>

<p>Le fait que la VM soit ultra cheapos est un peu au centre du cas d'étude, je n'ai pas l'intention d'utiliser Mutt juste pour la classe et le feeling années 80, je souhaite utiliser Mutt pour éviter d'installer un serveur POP ou IMAP.</p>

<p>Le MTA (MAIL TRANSPORT AGENT) par défaut sur Debian est en fait Exim. Mais je ne sais pas pourquoi je l'ai toujours remplacé immédiatement par Postfix.</p>

<div...<p><b><a href="https://dkvz.eu/articles/email_catch_all_postfix_mutt">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Langue Française - Vrac orthographe</title>
      <link>https://dkvz.eu/articles/langue_francaise_vrac_orthographe</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/langue_francaise_vrac_orthographe</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/vieuxbouquin.jpg"/>
      
      <description><![CDATA[<p>Au vu du franc succès de mon premier <a href="http://dkvz.eu/articles/langue_francaise_gravement_grievement" target="_blank">article sur le sujet</a> (qui n'était en fait pas vraiment sur le sujet parce qu'il parle de sémantique et pas d'orthographe), voici quelques vieilles casserolles orthographiques que je traine depuis toujours et que quelques travaux récents de rédaction m'ont fait redécouvrir.</p>

<!-- MORE -->

<h2>Inclus, incluse, inclue, BMLFIFG</h2>
<p>Le verbe inclure est relativement rare dans la littérature classique, mais il est partout dans les textes commerciaux ou technique.</p>

<div class="card-panel z-depth-3 article-image right" style="max-width: 197px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/besch_197_272.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/besch_197_272.png" class="responsive-img" alt="Vieux truc vert" /></a></img-lightbox>
<div class="image-legend">Avant d'être rouge il était vert. Comme le pesto. Et le moisi.</div>
</div>

<p>Première chose à vérifier: se rendre sur un site qui reprend la conjugaison et chercher le verbe inclure. Ou ouvrir un Besch.. BechS... Baischeuraile tout moisi et chercher inclure. Je vois vraiment pas l'intérêt à l'époque où tout le monde a internet sur son téléphone mais bon.</p>

<p>C'est là que la première tangente, le bas-côté complètement hors sujet, s'infiltre subrebptis... Subtilement autant qu'une tâche de sauce tomate avec morceaux se diffuse lentement sur un slip blanc propre, Google me sort des drôles de résultats du style <i>la-conjugaison.nouvelobs.com</i> - WOWOWOW Google, qu'est-ce que la conjugaison a à voir avec le Nouvel Obs? Quelques résultats plus loin je vois: <i>leconjugueur.lefigaro.fr</i>. Non mais alors là quoi s'il vous plait?</p>

<p>Il faut laisser l'avantage réseaux sociaux à Nouvel Obs qui a inclus les obligatoires liens Twitter et Facebook, lesquels nous informent que 25 personnes aiment le verbe inclure. Mais genre, très fort.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/aimerinclure.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/aimerinclure_500_441.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">En fait ça fait très peu d'amateurs d'inclusion, toutes populations confondues</div>
</div>

<p>Sur Google les trois premiers résultats sont tous pour nouvelobs.com, avec ces intitulés:</p>
<ul>
<li>La conjugaison du verbe inclure</li>
<li>La conjug...<p><b><a href="https://dkvz.eu/articles/langue_francaise_vrac_orthographe">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Petite Rétrospective Algorithmique</title>
      <link>https://dkvz.eu/articles/petite_restrospective_algorithmique</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/petite_restrospective_algorithmique</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/getnetscape.png"/>
      
      <description><![CDATA[<h1>Les belles années</h1>
<p>
Aujourd'hui je vais vous parler de moi. Tout le monde s'en fout (même ma mère) mais moi-même j'aime bien regarder des vieux souvenirs sur les chiottes après 5 Duvel et un saucisson.</p>

<p>Dans les années 90-2000 les gens utilisaient régulièrement des graveurs de cédérom. Il fallait demander à sa mère d'acheter des piles de CD vierges à Carrefour
puis c'était la fête. 650 MB... 700 MB... 712.9358375 MB en OVERBURN. C'est une grande quantité de données pour l'époque. Les disques durs faisaient rarement plus de 80 GB,
c'était le début des connexions ADSL, l'époque du PENTIUM 4...</p>

<!-- MORE -->

<p>On avait tous ce modem en Belgistan:</p>
<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/raie.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/raie_500.jpg" class="responsive-img" alt="RAIE" /></a></img-lightbox>
<div class="image-legend">C'est... Une raie?</div>
</div>

<p>Récemment j'ai eu le plaisir de dépoussiérer un lecteur CDROM pour regarder ce qu'il y a sur des "backups" réalisés quelque part autour des années 2000 (j'avais 14 ans en 2000)
et j'ai déterré pas mal de vieux trucs. Voici quelques morceaux de mon adolescence sous son prisme techno-geek j'aimeuh-les-ordinateuuureuuh <span style="font-size: 0.5em">Windows quatre-vingt dix-huiteeeeuuhh</span>,
qui s'éparpillent avant et après les années 2000 sur une distribution qui sera partie intégrante du mystère spatio-temporel qu'est ma vie.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 450px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/caps.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/caps_450_616.jpg" class="responsive-img" alt="Pogs" /></a></img-lightbox>
<div class="image-legend">Un jour j'ai scanné mes pogs. Euh... Mes caps? Ouais ça n'a rien à voir désolé</div>
</div>

<h1>Un codeur est né</h1>
<p>Bien avant d'avoir un diplôme d'informatique en poche (qui n'est pas écrit en <i>Comic Sans</i> donc c'est un vrai) j'étais déjà interessé par les COMPUTERS. J'ai
eu la chance d'avoir un père technophile qui s'équipait systématiquement des derniers gadgets et s'essayait constamment aux nouvelles technologies bureautiques, en partant de l'Atari
(au moins, je ne l'ai jamais interrogé sur les calculatrices programmables).</p>

<p>J'étais beaucoup trop jeune pendant la période Atari, mais j'y reviendrai plus tard quand on aura rien trouvé de mieux que de caser...<p><b><a href="https://dkvz.eu/articles/petite_restrospective_algorithmique">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Vidéo: Tutoriel Javascript</title>
      <link>https://dkvz.eu/articles/tutoriel_javascript</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/tutoriel_javascript</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/ie110.jpg"/>
      
      <description><![CDATA[<!-- TITRE: Vidéo: Tutoriel Javascript -->

<p>Il était temps que je le fasse.</p>

<div class="video-container">
<iframe src="https://www.youtube.com/embed/i8wYSDk0Ro4" frameborder="0" allowfullscreen></iframe>
</div>
<div class="image-legend">Le langage du turfu</div>]]></description>
    </item>
    
    <item>
      <title>Contrôle du cache Nginx</title>
      <link>https://dkvz.eu/articles/controle_du_cache_nginx</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/controle_du_cache_nginx</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/nginx.png"/>
      
      <description><![CDATA[<!-- TITLE: Contrôle du cache sous Nginx -->

<p>Chaque fois que je mets le code de mon blog à jour (côté client), j'ai des problèmes avec mes navigateurs de test en cela qu'ils ne demandent jamais les dernières versions des fichiers. Le serveur de test de Node.js se comporte complètement différemment.</p>

<p>Il semblerait que par défaut, quelque soit le navigateur, les ressources telles que le HTML, Javascript et CSS, ne sont accompagnés d'aucune en-tête de cache. Résultat, ils sont en cache pour une durée indéterminée qui peut être considérée comme théoriquement infinie. Enfin moi je la considère infinie mais j'ai tendance à arrondir au supérieur parfois.</p>

<!-- More -->

<h1>Comportement par défaut</h1>
<p>Par défaut Nginx me renvoie une en-tête de ce type (ici pour un .js):</p>
<pre class="screen"><code>HTTP/1.1 200 OK
Server: nginx/1.6.2
Date: Thu, 02 Feb 2017 11:54:28 GMT
Content-Type: application/javascript
Content-Length: 40556
Last-Modified: Mon, 30 Jan 2017 09:46:06 GMT
Connection: keep-alive
ETag: "588f0b5e-9e6c"
Accept-Ranges: bytes</code></pre>

<p>La seule en-tête relative au caching qui soit présente ici est ETag. C'est une signature du fichier qui permet de contrôler si on a bien la dernière version ou pas de ce fichier, en envoyant le tag au serveur pour comparaison.</p>

<p>Ce n'est pas très clair quand ce truc est utilisé ou non. Si je fais un Ctrl+F5 mon navigateur envoie l'en-tête cache-control -> no-cache ce qui résulte toujours en une réponse 200 complète du serveur avec tout le fichier (enfin, sauf s'il est mort (le serveur)).</p>

<p>J'ai vu toutes sortes d'infos comme quoi les ressources étaient en cache pour 300s, mais vu les problèmes que j'ai eu avec mon blog en production, ça a l'air d'être caché pour beaucoup plus longtemps. J'ai trouvé d'autres sources qui parlent d'une durée illimitée. En pratique jusqu'à un nettoyage manuel du cache du nabigateur, ou à une purge rendue nécessaire par dépassement de l'espace disque maximal alloué au cache du navigateur (qui est énorme il me semble).</p>

<p>Je voulais être certain que l'on recharge plus ou moins tout en même temps.</p>

<h1>Rappel tout pourri sur les en-têtes de cache</h1>
<p>Les serveurs HTTP utilisent deux en-têtes pour le caching:</p>
<ul>
<li><b>expires</b></li>
<li><b>cache-control</b></li>
</ul>

<p>Le premier étant d'office une date, le second permettant davantage de flexibilité (standard HTTP 1.1 si je ne me trompe pas (comment ce mec prend genre, aucun risque q...<p><b><a href="https://dkvz.eu/articles/controle_du_cache_nginx">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Guild Wars 2 - Guide PvP</title>
      <link>https://dkvz.eu/articles/gw2_guide_pvp_1</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/gw2_guide_pvp_1</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/302.jpg"/>
      
      <description><![CDATA[<!-- TITLE: Guild Wars 2 - Guide PvP -->

<p>Guide écrit pendant la saison 5. Il y a énormément de choses à connaître et optimiser en PvP. Voici un guide plus ou moins complet sur la question.</p>

<h1>Contrôles & options</h1>
<p>Dans un combat, être un peu plus rapide que votre adversaire ou avoir votre curseur toujours en vue et prêt à cliquer sur l'écran (et pas sur une compétence) est crucial. Si vous êtes contre un envouteur et qu'il vient de se téléporter sur son clone du #3 de l'épée <img src="https://wiki.guildwars2.com/images/1/18/Illusionary_Leap.png" width="32" height="32" />, il faut à nouveau cibler l'envouteur. Si vous êtes en train de bouger votre souris pour cliquer sur votre compétence élite vous avez perdu de précieuses secondes et certains élites ne vont pas fonctionner sans cible ou vont être lancées sur un clone.</p>

<p>Je conseille donc d'oublier le raisonnement "oui mais y a 180s de cooldown donc je click!" ; Ce sera un frein à votre progression. Sans compter que de toutes manières il faut pouvoir enchainer ses animations le plus rapidement possibles.</p>


<!-- MORE -->


<h2>L'esquive</h2>
<p>Les esquives sont extrêmement importantes en PvP. Avec l'expérience vous allez voir plus clair dans ce qu'il faut esquiver, mais en règle générale c'est mieux d'esquiver comme un porc des trucs aléatoire que de ne jamais utiliser l'esquive. Si vous voulez voir du spam d'esquive sauvage regardez un stream de voleur. En gros le voleur Dague/Pistol peut techniquement enchainer 8 esquives (no shit).</p>

<b>Exemples de compétences à esquiver dans la méta actuelle écrits à l'arrache:</b>
<ul>
<li>Elem auramancer: la surcharge de foudre et le #3 en feu et les CC (en eau et air, mais leurs animations sont rapides).</li>
<li>Envout alté: bouclier #4, avec un léger délai et son CC (bouclier #5). Quand il essaye d'éclater ses clones, esquiver dans leur direction. Si l'envout s'est placé juste à coté de vous et que vous êtes pas immobilisé et qu'il a plusieurs clones, esquive! Il va les éclater. Si vous êtes immob, bloquez!</li>
<li>Guerrier: F1 de la mace, bouclier #4, espadon #5.</li>
<li>Necro: toutes ses compés linceul.</li>
<li>Voleur: son vol. Ensuite empêchez le de vous bourriner à la dague.</li>
<li>Revenant: épée #3, c'est plus intéressant de bloquer ce skill mais sinon il faut l'esquiver, son CC élite en légende dragon est à esquiver aussi (on voit un gros dragon battre des ailes lentement, y a moyen sur ce coup là non?). Baton #5 mais l'anima...<p><b><a href="https://dkvz.eu/articles/gw2_guide_pvp_1">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Petite Rétrospective Artistique</title>
      <link>https://dkvz.eu/articles/petite_retrospective_artistique</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/petite_retrospective_artistique</guid>
      
      <media:thumbnail url="https://dkvz.eu/assets/patgpibgray.jpg"/>
      
      <description><![CDATA[<h1>Je suis un artiste</h1>
<div class="card-panel z-depth-3 article-image left" style="max-width: 300px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/iknowphotoshop.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/iknowphotoshop_300.jpg" class="responsive-img" alt="I know Photoshop" /></a></img-lightbox>
</div>
<p>A l'époque ou j'avais vraiment rien d'autre à faire, quand je faisais mes études et que ma mère faisait mes lessives et s'occupait d'approvisionner la maison en papier toilette et tout ça, je faisais des papiers peints pour mes bureaux d'ordi.</p>

<p>Les moments d'inspiration se présentaient en général en cours. Ce qui est pratique quand on fait des études d'informatique (ou d'autres études de nos jours d'ailleurs) parce qu'on est sur son ordinateur, pendant le cours.</p>

<!-- MORE -->

<p>Le candidat idéal pour la productivité artistique ce sont par exemples les travaux pratiques sur le développement web. Le prof se casse après avoir suggéré d'installer EasyPHP et lire Wikipedia (expérience vécue) - reste plus qu'à créer une page dégueulasse style:</p>
<pre class="screen"><code>&lt;html&gt;
&lt;head&gt;&lt;/head&gt;
&lt;body&gt;
  &lt;?php echo $_POST['lol'] ?&gt;
  &lt;br /&gt;
  &lt;form method=&quot;POST&quot; action=&quot;#&quot;&gt;
    &lt;input type=&quot;text&quot; name=&quot;lol&quot; /&gt;
    &lt;input type=&quot;submit&quot; value=&quot;MLDSFKJD&quot; /&gt;
  &lt;/form&gt;
  &lt;body&gt;
&lt;/html&gt;</code></pre>

<p>Voilà le cours d'exercice est terminé, faisons des wallpapers!</p>
<p>A l'époque j'étais sur un ordi portable de l'enfer sous Debian je-sais-plus-combien en 1280x800 (ce qui explique la résolution pourrave des wallpapers qui suivent). C'était le bon vieux temps. Gimp n'avait pas encore de mode mono-fenêtre, il fallait endurer une des pires interfaces homme-machine jamais réalisée.</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/gimp.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/gimp_500.png" class="responsive-img" alt="Ce bon vieux Gimp" /></a></img-lightbox>
<div class="image-legend">Trop un truc de géque</div>
</div>

<p>L'arrière-plan jaune avec des bulles qu'on voit sur la photo d'écran a l'air infâme. En fait il est carrément infâme. J'ai pas dit que j'avais bon goût hein.</p>

<p>Je me souviens, les Linuxeurs de l'époque aimaient beaucoup poster leur bureau sur des forums. Parce que c'est vrai que poster ton bureau Windows XP a...<p><b><a href="https://dkvz.eu/articles/petite_retrospective_artistique">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Laisse ta trace sur mon blogue</title>
      <link>https://dkvz.eu/articles/laisse_ta_trace</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/laisse_ta_trace</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/poo-110.png"/>
      
      <description><![CDATA[<p>J'ai ajouté une section commentaires.</p>

<h1>Javascript ta mère</h1>
<p>
Il faudrait que je me décide à rassembler les infos glânées sur <a href="https://www.polymer-project.org" target="_blank">Polymer</a> et mes impressions, qui sont bien entendu loin d'être 97% positives. J'ai des vieilles notes qui ressemblent plus à rien avec des TODO partout parce que depuis mon introduction à la librairie les choses ont pas mal (entendez complètement) changé (<b>NB: depuis 2018 ce blog n'a plus rien à voir avec Polymer</b>).
</p>
<p>
Déjà faire du web dev de base c'était l'enfer pour moi, impossible à rendre de manière identique sur tous les browsers, trop besoin de &lt;table&gt; puis maintenant il faut quelque chose qui rende bien sur plusieurs formats d'écran, donc euh... Y a Bootstrap mais si tu veux étendre deux ou trois trucs il faut créer des media queries en CSS puis je suis une semi-quiche en CSS déjà de base.
</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/comment_section.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/comment_section_small.jpg" class="responsive-img" alt="CSS Expert" /></a></img-lightbox>
<div class="image-legend">Exactement le résultat que je voulais. J'ajoute Expert CSS à mon CV illico.</div>
</div>

<p>
Overlow, float, clear, display: block, display: cock, ... C'est quoi tous ces trucs? Je peux pas mettre deux gifs animés dans un tableau, un marquee comme titre et une iframe centrale qui change quand on clique sur un lien?
</p>
<p>
Comme si c'était déjà pas suffisant, il faut absolument passer par la case Javascript. Le fait d'utiliser un service relativement light comme backend, ça me dérange pas. Je préfères même. Par contre le Javascript client... Parfois on écrit de ces trucs on se demande si
</p>
<!-- Mettre l'image de test C# Avec supercaca etc légende: Maturité level 9000 ; csharptest.png -->
<div class="card-panel z-depth-3 article-image right" style="max-width: 428px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/csharptests.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/csharptests.png" class="responsive-img" alt="Maturité level 9000" /></a></img-lightbox>
<div class="image-legend">Maturité level 9000</div>
</div>
<ol>
<li>Ca va pas ruiner l'ordi de papy en ajoutant dynamiquement 100000 d'éléments</li>
<li>J'ai pas oublié un console.log('CACA DANS TA BOUCHE') quelque part</li>
<li>Internet Explorer. Merde.</li>
<li><b>POURQUOI IL Y A PLUS...<p><b><a href="https://dkvz.eu/articles/laisse_ta_trace">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Archéologie de la programmation: VB6 et les collections</title>
      <link>https://dkvz.eu/articles/vb6_collections</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/vb6_collections</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/coline.jpg"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>VB6? Skoi VB6? C'est un langage de programmation qui date de quelque part avant les années 2000, donc tout le monde a oublié.</p>

<p>Tout le monde? Non, certaines applications sont encore maintenues dans ce langage qui compile de magnifiques exécutables pour Windows qui fonctionnent à condition d'avoir installé une série de pré-requis obscurs, mais là n'est pas la question qui nous occupe aujourd'hui.</p>

<p>La problématique qui nous occupe aujourd'hui et sa résolution serviront peut-être à quelqu'un (moi dans 6 mois, probablement).</p>

<!-- MORE -->

<h1>Les collections</h1>
<p>Bon je suppose que vous savez ce que c'est un tableau (ARRAY en English) dans un contexte de programmation, si vous savez pas c'est, cet article va rapidement s'avérer être encore plus inutile pour vous que pour ceux qui savent.</p>

<p>De toutes manières c'est simple, un tableau c'est une série de cases mémoires réservées. Puis voilà quoi. Il faut réserver à l'avance le nombre de case, puis si t'essayes de dépasser ce nombre il se passe un truc foireux qui dépend du langage. En C ton programme va planter, en Java la JVM va te montrer/laisse sa (stack) trace, idem dans la plupart des langages modernes, et même les moins modernes.</p>

<p>La plupart des langages de programmation fournissent en plus des librairies qui définissent des objets bien pratiques que sont par exemple les listes et les tables de hachage, qui n'a rien à voir avec le monde de la charcuterie où parfois on hache des trucs sur des tables.</p>

<p>Une liste permet d'ajouter des éléments comme dans un tableau mais avec une gestion automatique de la dimension. On peut ajouter autant qu'on veut dans une liste dans planter le programme ou chier des traces (normalement).</p>

<div class="card-panel z-depth-3 article-image right" style="max-width: 320px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/dico1.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/dico1.png" class="responsive-img" alt="Wait, what?" /></a></img-lightbox>
<div class="image-legend">Parfois le dictionnaire ne peut plus rien y faire</div>
</div>

<p>Une table de hachage ou map, ou hash map, permet de stocker des paires clé / valeur. Le terme dictionnaire est parfois utilisé parce que quand on y pense, dans un dictionnaire, on recherche une clé (un mot) qui n'apparaît qu'une fois dans le dit dictionnaire, et qui correspond à une définition (la valeur). J'explique parce que depuis les années 2000 plus personne n'utilise de dictionnaire.</...<p><b><a href="https://dkvz.eu/articles/vb6_collections">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Backup de serveur sur Google Drive</title>
      <link>https://dkvz.eu/articles/backup_serveur_google_drive</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/backup_serveur_google_drive</guid>
      
      <media:thumbnail url="https://dkvz.eu/wp-content/stuff/gdrive2.png"/>
      
      <description><![CDATA[<h1>Intro</h1>
<p>Les backups c'est pas mal quand même.</p>

<p>Cet article donne une solution simple pour réaliser un backup de fichiers et répertoires sur Google Drive.</p>

<!-- MORE -->

<h1>Cahier des charges</h1>
<p>Je voulais une solution simple pour copier quelques fichiers et répertoires d'un serveur sur un de ces storages à la mode, dans le <i>CLOUD</i>, tu sais?</p>

<p>Le cloud c'est quelque part, tu sais pas trop où, tu sais pas trop ce qui s'y passe, tu sais que ça consomme probablement la moitié des ressources de la planète mais à part ça l'abstraction est de la plus haute élégance, il faut bien l'avouer n'est-ce pas.</p>

<p>
J'avais initialement en tête trois providers de storage cloud, les trois empires d'Internet, en gros:
</p>
<h2>Google Drive</h2>
<p>
On peut mettre des fichiers dessus. Plutôt cool hein? Google Drive gère l'historisation de vos données, jusqu'à 30 jours de révisions disponibles. Wow!
</p>
<p>
Un compte Google s'accompagne d'un espace alloué qui tourne aujourd'hui autour de 15 GB. Ce nombre augmente lentement avec le temps pour faire genre "ouais on l'a calculé par rapport à l'évolution de l'infrastructure". Ouais.
</p>
<p>
Cet espace est partagé entre toutes les applis Google, que je sache. L'idéal s'il s'agit d'utiliser Google Drive, serait dès lors de créer un compte spécifique rien que pour ça.
</p>

<h2>Microsoft SkyDrive</h2>
<p>Sky parce que c'est le cloud vous comprenez? En fait ça s'appelle OneDrive maintenant. Parce que... OUais je sais pas. Peut-être qu'ils veulent que vous mettiez toute votre vie dessus.</p>

<p>Le service gratuit est à 7 Go de stockage offert d'après ce que je vois. Pourquoi pas 5 ou 10 Go? Euh... Peut-être qu'ils font (semblant de faire) comme Google. Ou peut-être que c'est des vieux rats.</p>

<p>Je trouve leur insistance "LES GARS ENVOYEZ NOUS TOUTES VOS PHOTOS" un peu effrayante.</p>

<p>Ils ont une API. La classe ou quoi.</p>

<h2>Amazon S3</h2>
<p>
Plutôt un service entreprise qu'autre chose, préfère vendre des TB d'espace plutôt que 7 vieux malheureux GB balancés monchalament gratuitement à votre tronche tel un malapris balancerait un reste de burrito sauce à l'ail plein de fuites et de virus de l'herpès à un sans-abri. C'est sympa dans une certaine mesure. Dans une certaine mesure.
</p>

<p>Ils ont un "Essai gratuit" mais ça pue le <i>"donne quand même ta carte de crédit et signe ce pacte après avoir tracé un pentacle avec ta souris"</i>.</p>

<h2>Partons sur Google drive</h2>
<p>C'...<p><b><a href="https://dkvz.eu/articles/backup_serveur_google_drive">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Facebook et les Maths</title>
      <link>https://dkvz.eu/articles/facebook_et_les_maths</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/facebook_et_les_maths</guid>
      
      <description><![CDATA[<p>
Je pense qu'on a un problème.<br />
Quand le contenu viral de Facebook ne concerne pas le salaire fictif des ministres, une déclaration inutile de propriété de contenu (tout ce que vous mettez sur Facebook appartient à Facebook. PUNT AAN ZE *¨%£%MCKING LINE) ou un genre d'illusion d'optique avec la mention "Est-ce que vous voyez une chèvre ou un bonhomme qui avale une clé dynamométrique?", on a ce genre de choses:
</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 400px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/the_question.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/the_question_red.jpg" class="responsive-img" alt="Oh merde..." /></a></img-lightbox>
<div class="image-legend">Facebook c'est l'éclate intellectuelle</div>
</div>

<!-- MORE -->

<p>
Je sais pas trop qui crée ces images, elles ont toujours le même look et un smiley hyper-pensif ou trop-content-dla-life.
</p>
<p>
Est-ce que le mec lache son image dans la nature puis jubile tout seul de voir le monde entier répondre? L'astuce est absolument toujours la même, il faut qu'il y ait un <b>x 0</b> dans l'expression comme ça des tas de gens vont répondre 0 parce qu'ils ont appris à l'école que tout ce qui est multiplié par 0 ça fait 0. C'est effectivement le cas, merci l'éducation nationale, excellent travail. Le problème c'est que le résultat des expressions sur ces images n'est quasiment jamais zéro, et c'est ça qu'ils trouvent... Marrant, ou je sais pas trop quoi.
</p>

<h1>Kan tu multiplie par 0 ça fée 0</h1>
<p>Cette vérité qui nie totalement l'existence des sommes et des priorités des opérateurs a pris un sens absolu dans l'esprit de pas mal de braves gens:</p>
<div class="card-panel z-depth-3 article-image center-image" style="max-width: 532px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/fb2.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/fb2.png" class="responsive-img" alt="Beurps" /></a></img-lightbox>
<div class="image-legend">Pourquoi être trop sûr de soi c'est mal? A cause de ça.</div>
</div>

<br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 529px">
<img-lightbox><a href="https://dkvz.eu/wp-content/stuff/fb4.png" target="_blank"><img src="https://dkvz.eu/wp-content/stuff/fb4.png" class="responsive-img" alt="Bon OK je m'y suis mis aussi en fait" /></a></img-lightbox>
<div class="image-legend">Bon OK je m'y suis mis aussi en fait. Je suis perdu. Et quinze types ont répondu 0 après.</div>
</div>

<p>Les absolus c'est cool, ça sent bon, faut pa...<p><b><a href="https://dkvz.eu/articles/facebook_et_les_maths">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Internet Debate Jargon: How to look smart on the Internet</title>
      <link>https://dkvz.eu/articles/internate_debate_jargon</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/internate_debate_jargon</guid>
      
      <description><![CDATA[<em>NB: It came to my attention that the URL to this article has "Debat" instead of "Debate" and that makes it look stupid but I think it's appropriate so let's leave it at that.</em><br />

<div class="card-panel z-depth-3 article-image left" style="max-width: 300px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2015/10/fb_montage.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2015/10/fb_montage-300x285.png" class="responsive-img" alt="Facebook IQ test" /></a></img-lightbox>
<div class="image-legend">Facebook IQ test</div>
</div><br />

Aah… Internet arguments. Such a beautiful, wonderful to behold manifestation of human intelligence and deep reflection, cutting deeper and deeper into the layers of thought as our collective intelligence slowly aligns to clearer and clearer ideas and consensus… Consensusis? Consensi or whatever.<br /><br />

So you like to have your opinion challenged, view things from different points of view and try to understand why people seem to feel THAT MUCH about something that you personally have not considered before or do not really understand fully from your perspective? Great. I think this is healthy behavior, thanks for pushing the human race further.<br /><br />

Some people say we're the sum of our experiences. Well I think we are the sum of a WHOLE BUNCH of experiences from a lot of different people. Don't we try to align ourselves, pick what we like in individuals we meet and try to emulate that, try to be better persons in our own way by learning through the wide spectrum of different ideas we have access to? At least I do. But you don't care about me and that intro sucks. I was going to add a bunch of pop culture references to make it cheaply funnier but no, sometimes it's no fun guys. <strong>IT'S NO FUN AT ALL</strong>.<br /><br />

Anyway, the goal of this article is to point out some of the most prominent parts of Internet argument vocabulary. 15 years old Call of Duty players on Twitter never use those terms, so there's your chance to finally be special by starting Internet arguments with them.<br /><br />

There are others but I felt like those were a good start and it took me way too long to write this stuff and I'm lazy.


<!--more-->

<h2>Euh... Pourquoi c'est en anglais?</h2>
La plupart des débats sur Internet se font en anglais. Ces définitions seront beaucoup plus utiles aux trois personnes qui vont lire cet article si elles sont dans leur habitat naturel.

<h2 id="wait_what_s_an_internet_argument">Wait wh...<p><b><a href="https://dkvz.eu/articles/internate_debate_jargon">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Le jour où j’ai installé Visual Studio 2013</title>
      <link>https://dkvz.eu/articles/le_jour_ou_j_ai_installe_visual_studio_2013</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/le_jour_ou_j_ai_installe_visual_studio_2013</guid>
      
      <description><![CDATA[<h1>Intro</h1>
Je m'en souviens encore, c'était il n'y a pas si longtemps, les petits oiseaux ne chantaient pas encore.<br /><br />

Développement C# à réaliser oblige, au départ je voulais me tourner vers <a href="http://www.icsharpcode.net/opensource/sd/download/" target="_blank">SharpDevelop</a>, parce qu'il est facile à installer, léger, ne consomme pas 12 GB de RAM et n'installe pas 12 nouveaux services au démarrage.<br /><br />

Problème, SharpDevelop n'a pas de template de service Windows et c'est précisément ce que je voulais faire. J'avais la flemme de chercher comment on écrit et installe ce genre de choses et je me suis dit que ça me ferais gagner du temps de me lancer dans une bonne vieille install de Visual Studio.

<h2>Quelques craintes préalables:</h2>
<ul>
	<li>Est-ce qu'il va m'installer SQL Server Express en ninja et ajouter +12s au temps nécessaire au démarrage de ma machine et -1284 MB de RAM?</li>
	<li>Est-ce qu'il va me faire un check qui check le check, termine jamais et me dis pas ce qu'il check ou aurait bien voulu, si possibler, checker ?<br />
Illustration:<br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 780px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2014/03/check.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2014/03/check.png" class="responsive-img" alt="Je check, merci d'attendre" /></a></img-lightbox>
<div class="image-legend">Je check, merci d'attendre</div>
</div><br /><br />

</li>
	<li>Est-ce qu'il va entièrement remplir mon disque système de rapports d'erreur +12 GB de fichiers d'installation extraits?</li>
	<li>Vais-je enfin avoir droit à la Bing Toolbar?</li>
</ul><br />
Découvrez la suite dans cet article qui décoiffe les poils de pieds... Je dirai aussi si c'est cool ou pas cool.

<!--more-->

<h1> Okay c'est parti !</h1>
Avec mon DVD fraîchement gravé je lance le setup. C'est un joli rectangle assez épuré, 460px de large, 640px de long. C'est quasi du 4:3 à la verticale quoi, on est pas trop trop près du nombre d'or, je trouve qu'ils auraient pu faire un effort.<br /><br />

Bon après c'est très simple, contrasté, efficace. Pas mal !<br /><br />

Je dois pouvoir changer le répertoire d'installation parce que mon disque système est un SSD de seulement 80 GB et il ne contient pas que Windows. Et là, c'est le drame:<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 508px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2014/03/visual-st...<p><b><a href="https://dkvz.eu/articles/le_jour_ou_j_ai_installe_visual_studio_2013">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>J&#x27;ai un compte Ask.fm</title>
      <link>https://dkvz.eu/articles/j_ai_un_compte_ask_fm</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/j_ai_un_compte_ask_fm</guid>
      
      <description><![CDATA[Pour me reconnecter avec ma jeunesse perdue, j'ai créé un compte ask.fm. Venez laisser votre trace les mecs (et les meufs aussi plz) :D<br /><br />

<a href="http://ask.fm/DrDorade" target="_blank">http://ask.fm/DrDorade</a><br /><br />

Ouais c'est tout ce que j'ai à dire en fait.<br /><br />]]></description>
    </item>
    
    <item>
      <title>Phishing old school</title>
      <link>https://dkvz.eu/articles/phishing_old_school</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/phishing_old_school</guid>
      
      <description><![CDATA[<h1>Intro</h1>
Le phishing, dit <em>hameçonnage</em> en Français si vous avez un monocle et un porte cigarette, consiste à tenter de récupérer des informations confidentielles sur vous, vos mots de pass, vos numéros de cartes de payement et ce genre de choses en vous invitant simplement à les entrer sur une interface qui est supposée inspirer confiance.<br /><br />

C'est là que quelqu'un qui a une expérience informatique de plus de 6 mois ne devrait pas se "faire avoir", parce que les pages ou emails de phishing ont toujours quelque chose de suspect qui devrait vous faire allumer les signaux d'alerte...<br /><br />

Je vais commencer par l'exemple que j'ai vu aujourd'hui puis par quelque chose de plus récent. Notons bien qu'<strong>un enfant est capable de lancer une "attaque" phishing</strong>, il faut pas être un pirate des pécés. Votre enfant l'a peut être déjà d'ailleurs fait sur vous pour récupérer tous vos mots de passe.

<!--more-->
<br /><br />

Comment ça se passe? Vous recevez un mail comme celui en bas de l'image. Idéalement c'est ciblé par rapport à votre banque, ou un site que vous utilisez (Caramail, Gmail, Paypal, ...). Ici c'est genre pas ciblé du tout.<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 625px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/09/oldschoolphishing.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/09/oldschoolphishing-1024x882.png" class="responsive-img" alt="Old school phishing" /></a></img-lightbox>
</div>
<br /><br />

<h1>Signal d'alerte number ouane</h1>
Mrs. Anita Richards utilise l'adresse email test@lycamobile.co.uk? Qui n'a rien à voir avec son nom? Ni son entreprise? Il y a "test" dedans? Hein ???

<h1>Signal d'alerte number tou</h1>
Regardez la cible du lien. Je l'affiche pas sur la photo d'écran mais c'est un site obscur qui n'a de nouveau rien à voir avec là ou l'hypothétique personne est employée ou comment elle s'appelle. Si vous voulez pousser le vice allez voir la racine de ce site.<br /><br />

C'est quoi la racine? Si votre lien est: <strong>http://supersite.com/truc_suspect/page_bizarre.html</strong> ; la racine est: <strong>http://supersite.com</strong>.<br /><br />

Chez moi ça parle de LABUTA ce qui est jamais bon signe:<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 625px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/09/racine.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/09/racine...<p><b><a href="https://dkvz.eu/articles/phishing_old_school">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Solution: WordPress n’enregistre pas les modifications sur un article</title>
      <link>https://dkvz.eu/articles/wordpress_enregistre_pas_les_modifs</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/wordpress_enregistre_pas_les_modifs</guid>
      
      <description><![CDATA[On trouve pas mal de sujets sur le net concernant des articles Wordpress qui ne s'enregistrent pas ou plus.<br /><br />

Comme solutions proposées on a, les plus pertinentes d'abord:<br />
<ol>
	<li>Essayer d'effacer cache et cookies du browser ;</li>
	<li>Mettre à jour browser et wordpress ;</li>
	<li>Se poser des questions sur l'interface chaise-clavier (entendez, VOUS (ou votre mère)).</li>
</ol><br />
Lors de l'édition de mon énorme article sur l'<a title="L’homéopathie, c’est quoi ?" href="https://dkvz.eu/articles/l_homeopathie_c_est_quoi">homéopathie</a> j'ai rencontré ce problème, mes modifications ne s'enregistraient plus bien que le bouton de sauvegarde n'indique aucune erreur. L'auto-enregistrement semblait ne plus fonctionner non plus.<br /><br />

J'ai vérifié avec d'autres navigateurs, en effaçant les cookies, le cache, en étant sobre etc. Rien n'y fait.
<h1>Ze solution</h1>
Il se trouve que pour moi c'était un problème de config PHP.<br /><br />

Vous utilisez un serveur Apache avec le module <em>Suhosin</em> (hardened PHP - module de sécurité)? Vous êtes susceptibles de ne pas pouvoir sauver des posts plus grands qu'une certaine limite de taille fixée par le module.

<!-- MORE -->

<br /><br />

Vous pouvez checker dans phpinfo(); si vous avez le module Suhosin actif. Personnellement je me suis douté du problème quand j'ai lu ça dans mes logs:<br />
<pre class="screen"><code>[Wed Jul 31 16:49:19 2013] [error] [client xxx.xxx.xxx.xxx] ALERT - configured request variable value length limit exceeded - dropped variable 'content' (attacker 'xxx.xxx.xxx.xxx', file 'xxx/drdorade.servebeer.com/httpdocs/wp-admin/post.php'), referer: http://drdorade.servebeer.com/wp-admin/post.php?post=105&amp;action=edit</code></pre>
<br />
Reste plus qu'à mettre les mains dans le fichier de config de Suhosin. Sur une Debian il est à <em>/etc/php5/apache2/conf.d/suhosin.ini</em> si le module a été installé à partir des paquets Debian.<br /><br />

Rester à décommenter et modifier certaines lignes un peu comme ci-dessous:<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 472px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/09/suhosin.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/09/suhosin.png" class="responsive-img" alt="suhosin.ini" /></a></img-lightbox>
</div>
<br /><br />

Vous avez le <em>max_value_length</em> pour les requètes GET et POST. Pour Wordpress je pense qu'il faut modifier les deux.<br /><br />

Un...<p><b><a href="https://dkvz.eu/articles/wordpress_enregistre_pas_les_modifs">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>L’homéopathie, c’est quoi ?</title>
      <link>https://dkvz.eu/articles/l_homeopathie_c_est_quoi</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/l_homeopathie_c_est_quoi</guid>
      
      <description><![CDATA[Je trouve que l'homéopathie est un sujet particulièrement intéressant mêlant histoire, science, pseudo-science/croyances et médecine.<br />

<div class="card-panel z-depth-3 article-image right" style="max-width: 150px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/08/4943.jpg" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/08/4943.jpg" class="responsive-img" alt="Chimay" /></a></img-lightbox>
<div class="image-legend">Remède de vieux moine</div>
</div><br />

Je compile ici un petit travail de recherche que je fais pour ma propre curiosité. J'essaye de rester neutre bien que je sois un scientifique athée qui boit régulièrement de la Chimay.<br /><br />

J'essaye de vulgariser les choses quand je peux parce que personnellement je préfère tout voir de la manière la plus claire et simple possible et j'aime pas trop le formalisme qui a l'air d'avoir été complexifié exprès pour que seule une certaine élite comprenne.<br /><br />

Désolé si je garde pas trace de toutes mes sources, ne prenez pas cet article pour la Bible. C'est une réflexion pas un évangile.

<!-- MORE -->

<br /><br />

<h1>1. Historique</h1>
Tout commence avec un personnage du nom de <strong>Samuel Hahnemann</strong>, médecin Allemand qui vécut entre 1755 et 1843, atteingant l'age impressionnant de 87 ou 88 avant sa mort si j'en crois mon cortex calculatoire frontal.<br /><br />

L'inventeur de l'homéopathie dispose d'un star-article (label de qualité) sur Wikipedia en Esperanto uniquement. Ceci soulève d'emblée des questions dans ma tête sur quel groupe de personne est le plus intéressé à fournir une discussion neutre sur la naissance de l'homéopathie. Je ne sais pas pourquoi mais quand j'imagine les gens qui parlent l'Esperanto je pense à ça:<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 300px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/07/2010-12-26_2235-periodic-martyns-hair-e1293421308127-300x246.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/07/2010-12-26_2235-periodic-martyns-hair-e1293421308127-300x246.png" class="responsive-img" alt="Type plein de cheveux" /></a></img-lightbox>
<div class="image-legend">C'est dommage que je sache pas parler l'Esperanto.</div>
</div>
<br /><br />

<h2>1.1 Pourquoi l'homéopathie ?</h2>
Samy était pas super heureux de l'état de la médecine à son époque qui date, je le rappelle, d'il y a <strong>plus de 200 ans</strong>.<br /><br />

Vous allez me dire Jésus aussi date d'il y a plus de 2...<p><b><a href="https://dkvz.eu/articles/l_homeopathie_c_est_quoi">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Les Mailing Lists commerciales (beurk)</title>
      <link>https://dkvz.eu/articles/mailing_lists_commerciales</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/mailing_lists_commerciales</guid>
      
      <description><![CDATA[Si vous chipotez l’Internet depuis plus d’un mois, vous avez probablement une adresse email. Qu’il s’agisse de jean-charles@henri.mc ou super_pubis_69@hotmail.com vous l’entrez régulièrement dans des formulaires sur des sites web qui vous demandent votre email. Parfois votre adresse apparâit en clair par-ci par-là parce que vous l’avez placée sur votre propre site ou... Parce que vous l’avez placée sur un autre site.<br /><br />

Quoi qu’il en soit, ça craint du boudin. Pourquoi ? Il existe des “robots” à l’instar des robots indexateurs des moteurs de recherche, qui moissonnent le net à la recherche d’adresse email. C’est tout. D'ailleurs ils vont chopper les deux adresses que j'ai mentionnées plus haut, et les propriétaires de ces adresses vont probablement me conspuer sans savoir que je suis responsable de la perte irrémédiable de l'intégrité de leur boite mail et/ou du 1300 non-lus qui apparaît dans leur répertoire de courrier indésirable, s'ils ont la chance d'en avoir un.<br /><br />

Ces listes immenses d’adresses sont vendues pour faire du marketing sauvage, ou de l’arnaque. Dans les deux cas on parle de <strong>SPAM</strong>. Je ne vais pas en expliquer davantage sur le sujet. Parce que vous le savez déjà sûrement, et parce que j'ai pas que ça à faire. OK j'ai que ça à faire.<br /><br />

Les mailing lists sont normalement différentes du spam à proprement parler en cela que vous devez, <strong>normalement</strong>,  vous y avoir été inscrit précédemment pour la recevoir (à moins qu'un "ami" ne vous y ait inscrit). Le spam vous est envoyé que vous le vouliez ou non et que vous soyez homme ou femme vous ne serez pas discriminé quant aux problèmes d'érections et de, je cite, feu d'artifice de sperme et de joie.<br /><br />

Je ne sous-entends bien entendu pas par là que les femmes soient privées d'organe érectile ou même de possibilités d'éjaculation, je suis entièrement ouvert à l'idée. Par contre je ne suis pas sûr que le Cialis ou Viagra n'aient pas d'effets pervers sur une femme. Une question intéressante à laquelle je serai certain de donner suite pour un prochain article.

<!--more-->
<br /><br />

Je me permet de revenir à la définition: une mailing list est simplement une base de données dans laquelle vous inscrivez votre adresse email. Elle peut ensuite être utilisée pour envoyer du courrier électronique à tous les membres de la dite base de données.<br /><br />

Ce qui m'intéresse particulièrement ici c'est l'usage commercial, dans lequel vo...<p><b><a href="https://dkvz.eu/articles/mailing_lists_commerciales">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Installation de Microsoft Exchange 2013 – Jour 3 (ou 4)</title>
      <link>https://dkvz.eu/articles/installation_microsoft_exchange_jour_3_ou_4</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/installation_microsoft_exchange_jour_3_ou_4</guid>
      
      <description><![CDATA[Lien vers les articles précédents:<br />
<ol>
	<li><a href="https://dkvz.eu/articles/aventure_installation_exchange_2013_jour_x">Jour 1</a></li>
	<li><a href="https://dkvz.eu/articles/installation_microsoft_exchange_jour_x_plus_1">Jour 2</a></li>
</ol>
L'installation est maintenant terminée. Reste à tout configurer. Naïvement je lance la console MMC qui a l'air d'être la console Exchange, mais euh... Elle sert à rien on dirait. En réalité tout est passé en web-based. Me dérange pas spécialement mais il pourrait y avoir un lien plus évident vers l'admin web-based dans la console qui-sert-à-rien.

<!--more-->

<h1>5.0 Administration</h1>
Rendez-vous en https sur votre serveur dans /ecp (pour EXCHANGE CONTROL PANEL BAPihdslk).<br /><br />

Première constatation, y a comme un problème avec l'espace et l'affichage sous IE:<br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/07/display.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/07/display-1024x640.png" class="responsive-img" alt="Portail ECP" /></a></img-lightbox>
<div class="image-legend">C'est joli</div>
</div>
<br /><br />

Remarquez tout l'espace inutilisé à gauche. C'est ça la beauté de Metro je suppose. Ce que j'aime bien dans ce type d'interfaces c'est que ça ressemble fort à ce que je faisais comme design quand j'étais au cours de développement (web ou desktop): des carrés partout, une seule vieille image au milieu de rien, beaucoup de vide et un jeu de couleur merdique avec genre blanc noir et bleu flash qui pète.<br /><br />

Faut avoue que moi j'aurais pas mis les label du formulaire en gris clair, ça c'est plutôt cool (je suis pas ironique hein).<br /><br />

Désormais on sait que tous les devs de Microsoft sont au moins en 1920x1080 et ont banni le 16:10 depuis longtemps. Ouais je pense qu'ils ont raison en fait, 16:10 ça craint.
<h2> 5.1 Je suis connectééééé</h2>
Premier soucis: toute mon interface est en Français. Vous allez me dire "t'es con, t'as choisi Français sur l'écran de login, apprends à lire et vas soigner ton syndrome de colon irritable."<br /><br />

C'est vrai j'aurais dû faire gaffe... Dans ma grande innocence je me dis que ça doit être facile à changer. Non ? Doit bien y avoir des préférences utilisateur planquées quelque part quand vous cliquez sur votre login en haut à droite.<br /><br />

Vous savez quoi ? Y a rien du tout pour changer la langue. Nada. Quedalle.<br /><br />

J'a...<p><b><a href="https://dkvz.eu/articles/installation_microsoft_exchange_jour_3_ou_4">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Langue Française: Gravement et Grièvement</title>
      <link>https://dkvz.eu/articles/langue_francaise_gravement_grievement</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/langue_francaise_gravement_grievement</guid>
      
      <description><![CDATA[Voilà plus de 25 ans que j'arpente cette terre (enfin, pour tout dire je reste beaucoup au même endroit :/) et c'est seulement maintenant, en lisant la presse (je précise que c'est pas la première fois que je lis la presse) que la question me vient comme ça BANG !<br /><br />

Pourquoi est-ce que quand on parle d'un blessé, brûlé etc. et que c'est plutôt grave on utilise <em>grièvement</em> au lieu de <em>gravement</em> ? Faites l'expérience, demandez à quelqu'un ce que ça veut dire grièvement, il va vous dire "gravement" puis vous demandez si vous avez rien d'autre à faire de votre vie.<br /><br />

Je me souviens d'ailleurs qu'avant de poser cette question, je pensais que grièvement ça voulait dire "légèrement". Genre ouille, ça fait mal, mais pas trop. En effet, <b>iè </b>sonne plus doux que <strong>AVE</strong> (je vous jure, prononcez l'un et l'autre successivement (je conseille de faire ça aux WC)).<br /><br />

On a pas suffisamment d'exceptions et de trucs loufoques en français pour pas devoir ajouter des règles d'usage sur des adjectifs qui veulent dire (quasiment) la même chose? Je veux dire, je suis pour la richesse de la langue et l'introduction de <em>fricadelle</em> et <em>plan-cul</em> au Robert mais là, faut quand même penser aux pauvres gens qui essayent d'apprendre la langue.<br /><br />
<h1>Bon c'est quand qu'on utilise quel mot alors ?</h1>
OK donc <strong>grièvement </strong>parle spécifiquement d'atteinte physique. Il y a eu bobo. Gravement bobo.<br /><br />

<strong>Gravement</strong> c'est un terme général qui peut se traduire en:<br />
<ul>
	<li>Vraiment pas cool</li>
	<li>Trashcore</li>
	<li>De manière solennelle, sérieuse, avec les sourcis bien froncés</li>
</ul><br />
Important à savoir:<br /><br />
<blockquote>Vous pouvez remplacer grièvement par gravement (vous risquez juste une remarque d'un snob de la langue dans des cas bien spécifiques (voir plus bas) mais vous pouvez vous moquer de son monocle en retour).

Vous pouvez <strong>pas </strong>remplacer gravement par grièvement sauf si on parle d'atteinte physique via les verbes <strong>toucher</strong>, <strong>blesser</strong>, <strong>brûler</strong>, ou <strong>se torcher la tronche</strong>.</blockquote>
<h1>Conclusion</h1>
Je vais utiliser gravement tout le temps. Comme avant.]]></description>
    </item>
    
    <item>
      <title>Import Excel avec retours à la ligne dans champs d&#x27;un fichier CSV - Ze solution</title>
      <link>https://dkvz.eu/articles/import_excel_retours_a_la_ligne_csv</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/import_excel_retours_a_la_ligne_csv</guid>
      
      <description><![CDATA[J'ai trouvé un workaround un peu naze mais qui démontre que le problème est dans Excel, en fait (je tiens à dire que je m'en doutais absolument pas).<br /><br />

Il s'agit d'installer OpenOffice. Ou LibreOffice je suppose. J'ai fait ça sur une VM parce que je voyais bien toutes mes associations de fichier refaites pour s'ouvrir dans OpenOffice et j'avais pas envie de le risquer. Ouais je suis comme ça.<br /><br />

Quand c'est installé, vous ouvrez le tableur qui répond au nom mélodieux de "CALC" (essayez de le prononcer très vite et fort 12 fois en regardant votre collègue avec une tête de psychopathe).<br /><br />

Vous allez dans Insertion -&gt; Feuille à partir d'un fichier. Sélectionnez votre fichier, puis vous arrivez là-dessus:<br /><br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 500px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/07/oocsv.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/07/oocsv.png" class="responsive-img" /></a></img-lightbox>
<div class="image-legend">Oubliez pas de sélectionner "Champ entre guillemets comme text", et c'est bon tout roule. Ceci fonctionne également si vous avez des virgules dans le texte entre guillemets !</div>
</div>
<br /><br />

Là je dis, merci OpenOffice. Après faut encore sauvegarder au format Excel.<br /><br />

La conclusion de ce Workaround c'est qu'Excel 2010 il craint du CSV sévère. Les autres j'en sais rien (mais mon petit doigt a pas l'air optimiste).<br /><br />
]]></description>
    </item>
    
    <item>
      <title>Le CSV, ça me fait ***QFG£DS</title>
      <link>https://dkvz.eu/articles/le_csv_ca_fait_bleurp</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/le_csv_ca_fait_bleurp</guid>
      
      <description><![CDATA[Voir article précédent pour ne rien rater de l'expérience.<br />
<h1>4. La revanche des prérequis qu'il y en a encore</h1>
Je commence par copier coller le rapport donné par le setup dans mes notes et suis le premier lien. Je m'attendais à tomber sur le centre de download Microsoft, qui est certes un peu complexe en raison du nombre élevé de fichiers qui font la même chose mais pour des versions différentes de Windows avec un nombres de bits qui change.

<!-- MORE -->

<br /><br />Pourtant cette fois-ci j'arrive sur ça:<br />

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 625px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/07/wtfMS.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/07/wtfMS-1024x907.png" class="responsive-img" alt="lol" /></a></img-lightbox>
<div class="image-legend">Rapidshare, version Microsoft</div>
</div>

<br /><br />

Je dois donc, pour télécharger mon bidule, entrer une adresse email (qui existe vraiment), l'entrer une seconde fois histoire d'être sûr que je submit pas leur formulaire pour rien (faut sauver les baleines hein) et en <strong>plus entrer un captcha de 10 caractères de long</strong>. Que j'ai évidemment merdé la première fois.<br /><br />

Plusieurs choses de bousculent alors dans ma tête:
<ol>
	<li>Ils ont pas envie d'aussi mettre un compteur décroissant de genre "Vous devez attendre 60s avant de lancer le téléchargement si vous avez pas de compte prémium" ?</li>
	<li>Les hotfix de cette catégorie peuvent être dangereux pour les utilisateurs non-expérimentés ou ceux qui se gourent de système ? Attendez y a pas moyen de mettre des check pour les versions de l'OS dans le hotfix ? Tout le monde fait ça normalement ! ... Non ?</li>
	<li>Pourquoi il y a un captcha pour ce truc ? Des bots téléchargent ces hotfix en série pour DDOS lees serveurs de Microsoft ? Le CEO d'Apple que j'ai oublié son nom parce que c'est plus Steve Jobss a écrit un bot qui entre des adresses email au hasard et fait que les gens installent des hotfix pourris sur leur ordi, le ruinent puis achètent un Mac ?</li>
	<li>Pourquoi pas une case à cocher ou un popup pour demander si on est vraiment, vraiment sûr de chopper ce hotfix pour le bon problème ?</li>
	<li>Quelqu'un qui installe Exchange a implicitement pas peur de ruiner des ordis. Mais je suppse que le hotfix est pas exclusivement lié à Exchange... Mmmmdgf</li>
</ol>
Après avoir entré mon email et réessayé trois fois d'entrer ce captcha de $µ^$ù% me vla av...<p><b><a href="https://dkvz.eu/articles/le_csv_ca_fait_bleurp">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Installation de Microsoft Exchange 2013 – Jour X+1</title>
      <link>https://dkvz.eu/articles/installation_microsoft_exchange_jour_x_plus_1</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/installation_microsoft_exchange_jour_x_plus_1</guid>
      
      <description><![CDATA[<p>Voir article précédent pour ne rien rater de l'expérience.</p>

<h1>4. La revanche des prérequis qu'il y en a encore</h1>

<p>Je commence par copier coller le rapport donné par le setup dans mes notes et suis le premier lien. Je m'attendais à tomber sur le centre de download Microsoft, qui est certes un peu complexe en raison du nombre élevé de fichiers qui font la même chose mais pour des versions différentes de Windows avec un nombres de bits qui change.</p>

<!-- MORE -->

<p>Pourtant cette fois-ci j'arrive sur ça:</p>

<div class="card-panel z-depth-3 article-image center-image" style="max-width: 625px">
<img-lightbox><a href="https://dkvz.eu/wp-content/uploads/2013/07/wtfMS.png" target="_blank"><img src="https://dkvz.eu/wp-content/uploads/2013/07/wtfMS-1024x907.png" class="responsive-img" alt="lol" /></a></img-lightbox>
<div class="image-legend">Rapidshare, version Microsoft</div>
</div>

<p>Je dois donc, pour télécharger mon bidule, entrer une adresse email (qui existe vraiment), l'entrer une seconde fois histoire d'être sûr que je submit pas leur formulaire pour rien (faut sauver les baleines hein) et en <strong>plus entrer un captcha de 10 caractères de long</strong>. Que j'ai évidemment merdé la première fois.</p>

<p>Plusieurs choses de bousculent alors dans ma tête:</p>
<ol>
	<li>Ils ont pas envie d'aussi mettre un compteur décroissant de genre "Vous devez attendre 60s avant de lancer le téléchargement si vous avez pas de compte prémium" ?</li>
	<li>Les hotfix de cette catégorie peuvent être dangereux pour les utilisateurs non-expérimentés ou ceux qui se gourent de système ? Attendez y a pas moyen de mettre des check pour les versions de l'OS dans le hotfix ? Tout le monde fait ça normalement ! ... Non ?</li>
	<li>Pourquoi il y a un captcha pour ce truc ? Des bots téléchargent ces hotfix en série pour DDOS lees serveurs de Microsoft ? Le CEO d'Apple que j'ai oublié son nom parce que c'est plus Steve Jobss a écrit un bot qui entre des adresses email au hasard et fait que les gens installent des hotfix pourris sur leur ordi, le ruinent puis achètent un Mac ?</li>
	<li>Pourquoi pas une case à cocher ou un popup pour demander si on est vraiment, vraiment sûr de chopper ce hotfix pour le bon problème ?</li>
	<li>Quelqu'un qui installe Exchange a implicitement pas peur de ruiner des ordis. Mais je suppse que le hotfix est pas exclusivement lié à Exchange... Mmmmdgf</li>
</ol>

<p>Après avoir entré mon email et réessayé trois fois d'entrer ce captcha de $µ^$ù% me vla avec un mai...<p><b><a href="https://dkvz.eu/articles/installation_microsoft_exchange_jour_x_plus_1">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
    <item>
      <title>Aventure: Installation de Microsoft Exchange 2013 – Jour X</title>
      <link>https://dkvz.eu/articles/aventure_installation_exchange_2013_jour_x</link>
      <pubDate>Thu, 5 Mar 2026 02:00:01 +0100</pubDate>
      <guid>https://dkvz.eu/articles/aventure_installation_exchange_2013_jour_x</guid>
      
      <description><![CDATA[<p>Il arrive régulièrement dans une vie que l'on ait à faire des choses qui suscitent en nous une inquiétude naturelle, résultat de millions d'années d'évolution d'un instinct de survie qui permit à nos ancètres de se reproduire comme des petits lapins sans être tout le temps sous influence de drogue (enfin je pense).</p>

<p>Aujourd'hui (et aussi avant et après un peu), j'installe le GROUPWARE Microsft Exchange qui fait de l'email, des calendriers, et toutes sortes d'autres choses moins évidentes qu'on s'en fout d'ailleurs.</p>

<p>En bon scribe je prends donc note des différents aspects relatifs à l'installation. Voici quelques pièces choisies façon boucher qui découpe méticuleusement un fion de boeuf bien musclé.</p>

<p>Aussi, j'installe tout ça sur un Win 2008 R2 Server. Parce que Win 2013... Attendez pourquoi j'ai besoin d'expliquer ça ?</p>
<!-- MORE HERE -->

<h1>1. Les licences</h1><br />
Ben c'est pas vraiment un secret mais je pense qu'il faut une formation pour y comprendre quelque chose. J'entends bien qu'ils peuvent pas vous faire payer par mois où ils se prendraient des fourches dans le derche de la part de pas mal d'utilisateurs.<br /><br />

Ceci dit, faut bien faire du fric, ça pousse pas dans la forêt donc on vend une licence dite "serveur" qui est valide pour euh... Un serveur.<br /><br />

Après faut aussi prévoir des licences d'accès pour chaque client appelées CAL (Client Access Licence). Enfin si je comprends bien quoi. En fait j'ai rien compris.<br /><br />

Ces deux licences existent en mode standard ou entreprise. Avec la différence notable qu'avec l'entreprise on a droit au "Journal Decryption" ce qui est plutôt généreux de leur part. Voir la comparaison ici:<br /><br />

<a href="http://office.microsoft.com/en-us/exchange/microsoft-exchange-server-licensing-licensing-overview-FX103746915.aspx">http://office.microsoft.com/en-us/exchange/microsoft-exchange-server-licensing-licensing-overview-FX103746915.aspx</a><br /><br />

<del>Puis comme d'habitude le produit a aussi besoin d'un SQL Server version standard si possible</del>. Ah non tiens ? Trop difficile à faire passer quand il s'agit d'une technologie ancienne comme le mail ? Là j'ai pas compris Microsoft, ça aurait pu faire du fric en plus... Mais soit.<br /><br />
<h2>Conclusion</h2>
Je vais pas m'occuper des licences.<br />
<h1>1.5 Config matérielle (en gros)</h1>
<ul>
	<li>Au moins 12 GB RAM c'est mieux. Enfin c'est mieux que 10 en tout cas</li>
	<li>Un ou plusieurs CPU d...<p><b><a href="https://dkvz.eu/articles/aventure_installation_exchange_2013_jour_x">Suite disponible sur le site</a></b></p>]]></description>
    </item>
    
  </channel>
</rss>