dpobel / damien.pobel.fr

Source code of damien.pobel.fr
https://damien.pobel.fr
4 stars 0 forks source link

feat: La maintenabilité comme critère de choix #797

Closed dpobel closed 7 months ago

dpobel commented 7 months ago

URL: https://797.damien.pobel.fr

Stats

Page Online PR version Size online Size local Identical?
Homepage Open Open 11762 11801 ❌️
CSS Open Open 10921 10921 ✅️

Blog Blog | Open | Open | 8073 | 8227 | ❌️ Post | Open | Open | 11252 | 11291 | ❌️ Enhanced tag page (veille) | Open | Open | 8137 | 8176 | ❌️ Tag page pagination (javascript, page 5) | Open | Open | 10084 | 10123 | ❌️ Tag page (lecteur d'écran) | Open | Open | 6166 | 6205 | ❌️ Tags | Open | Open | 27316 | 27359 | ❌️ CV CV fr | Open | Open | 22361 | 22361 | ✅️ CV fr pdf | Open | Open | 110749 | 110749 | ✅️ CV | Open | Open | 21486 | 21486 | ✅️ CV en pdf | Open | Open | 87268 | 87268 | ✅️ Pages Page list | Open | Open | 8192 | 8231 | ❌️ About | Open | Open | 3510 | 3510 | ✅️ Misc Github profile, | Open | Open | 2058 | 2101 | ❌️ Github page, | Open | Open | 10316 | 10355 | ❌️ Photos Resized Photo (660x) | Open | Open | 32036 | 32036 | ✅️ Resized Photo (200x) | Open | Open | 5438 | 5438 | ✅️ RSS feeds (build date should be updated) RSS | Open | Open | 58543 | 53554 | ❌️ RSS tag | Open | Open | 44878 | 46302 | ❌️ RSS tag fr | Open | Open | 34783 | 34783 | ❌️

Diffs

Homepage

--- index.html.pretty   2024-03-02 09:57:55.451012631 +0000
+++ ../web/index.html.pretty    2024-03-02 09:57:55.455012611 +0000
@@ -516,6 +516,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -539,10 +543,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Blog

--- index.html.pretty   2024-03-02 09:57:58.670995963 +0000
+++ ../web/posts/index.html.pretty  2024-03-02 09:57:58.674995942 +0000
@@ -55,6 +55,49 @@
 <li>
 <article lang=fr>
 <figure class=post-image>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ class=post-image>
+<img src=/images/200x/shrug.png alt="Miniature de 'La maintenabilité comme critère de décision'" loading=lazy>
+</a>
+</figure>
+<div class=post-info>
+<h2>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ >
+La maintenabilité comme critère de décision</a>
+</h2>
+<div class=post-meta>
+<ul class=post-tags>
+<li>
+<a href=/tag/bonnes-pratiques/ class=tag>
+bonnes pratiques</a>
+</li>
+<li>
+<a href=/tag/métier/ class=tag>
+métier</a>
+</li>
+<li>
+<a href=/tag/travail/ class=tag>
+travail</a>
+</li>
+<li>
+<a href=/tag/qualité/ class=tag>
+qualité</a>
+</li>
+<li>
+<a href=/tag/code/ class=tag>
+code</a>
+</li>
+</ul>
+<time datetime=2024-03-02>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ >
+02 mars 2024</a>
+</time>
+</div>
+</div>
+</article>
+</li>
+<li>
+<article lang=fr>
+<figure class=post-image>
 <a href=/post/utils-helper-sont-sur-un-bateau/ class=post-image>
 <img src=/images/200x/plouf.jpg alt="Miniature de 'Utils et helper sont sur un bateau…'" loading=lazy>
 </a>
@@ -228,41 +271,6 @@
 </div>
 </article>
 </li>
-<li>
-<article lang=fr>
-<figure class=post-image>
-<a href=/post/maximiser-efficacite-developpeurs/ class=post-image>
-<img src=/images/200x/automatisation.jpg alt="Miniature de 'Maximiser l&#39;efficacité des développeur·ses'" loading=lazy>
-</a>
-</figure>
-<div class=post-info>
-<h2>
-<a href=/post/maximiser-efficacite-developpeurs/ >
-Maximiser l&#39;efficacité des développeur·ses</a>
-</h2>
-<div class=post-meta>
-<ul class=post-tags>
-<li>
-<a href=/tag/veille/ class=tag>
-veille</a>
-</li>
-<li>
-<a href=/tag/métier/ class=tag>
-métier</a>
-</li>
-<li>
-<a href=/tag/bonnes-pratiques/ class=tag>
-bonnes pratiques</a>
-</li>
-</ul>
-<time datetime=2021-02-07>
-<a href=/post/maximiser-efficacite-developpeurs/ >
-07 févr. 2021</a>
-</time>
-</div>
-</div>
-</article>
-</li>
 </ul>
 <ul class=navigation>
 <li class=navigation-prev>
@@ -318,6 +326,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -341,10 +353,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Post

--- index.html.pretty   2024-03-02 09:57:59.374992175 +0000
+++ ../web/post/custom-hooks-react/index.html.pretty    2024-03-02 09:57:59.374992175 +0000
@@ -282,6 +282,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -305,10 +309,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Enhanced tag page (veille)

--- index.html.pretty   2024-03-02 09:58:00.298987204 +0000
+++ ../web/tag/veille/index.html.pretty 2024-03-02 09:58:00.302987183 +0000
@@ -344,6 +344,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -367,10 +371,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Tag page pagination (javascript, page 5)

--- index.html.pretty   2024-03-02 09:58:00.942983743 +0000
+++ ../web/tag/javascript/5/index.html.pretty   2024-03-02 09:58:00.946983722 +0000
@@ -502,6 +502,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -525,10 +529,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Tag page (lecteur d'écran)

--- index.html.pretty   2024-03-02 09:58:01.578980321 +0000
+++ "../web/tag/lecteur-d'écran/index.html.pretty"  2024-03-02 09:58:01.582980300 +0000
@@ -227,6 +227,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -250,10 +254,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Tags

--- index.html.pretty   2024-03-02 09:58:02.370976062 +0000
+++ ../web/tags/index.html.pretty   2024-03-02 09:58:02.370976062 +0000
@@ -53,1167 +53,1167 @@
 Le bon vieux nuage de tags ;-)</h1>
 <ul class=tag-cloud>
 <li>
-<a href=/tag/accessibilité/ style="font-size: 111.6704288939052%">
+<a href=/tag/accessibilité/ style="font-size: 111.62162162162161%">
 accessibilité</a>
 </li>
 <li>
-<a href=/tag/acdc/ style="font-size: 95.4176072234763%">
+<a href=/tag/acdc/ style="font-size: 95.4054054054054%">
 acdc</a>
 </li>
 <li>
-<a href=/tag/adsl/ style="font-size: 90.90293453724605%">
+<a href=/tag/adsl/ style="font-size: 90.90090090090091%">
 adsl</a>
 </li>
 <li>
-<a href=/tag/affiche/ style="font-size: 90.90293453724605%">
+<a href=/tag/affiche/ style="font-size: 90.90090090090091%">
 affiche</a>
 </li>
 <li>
-<a href=/tag/afup/ style="font-size: 91.8058690744921%">
+<a href=/tag/afup/ style="font-size: 91.8018018018018%">
 afup</a>
 </li>
 <li>
-<a href=/tag/agile/ style="font-size: 100.83521444695259%">
+<a href=/tag/agile/ style="font-size: 100.8108108108108%">
 agile</a>
 </li>
 <li>
-<a href=/tag/ain/ style="font-size: 105.34988713318285%">
+<a href=/tag/ain/ style="font-size: 105.31531531531532%">
 ain</a>
 </li>
 <li>
-<a href=/tag/airbourne/ style="font-size: 90.90293453724605%">
+<a href=/tag/airbourne/ style="font-size: 90.90090090090091%">
 airbourne</a>
 </li>
 <li>
-<a href=/tag/ajax/ style="font-size: 91.8058690744921%">
+<a href=/tag/ajax/ style="font-size: 91.8018018018018%">
 ajax</a>
 </li>
 <li>
-<a href=/tag/amusant/ style="font-size: 120.6997742663657%">
+<a href=/tag/amusant/ style="font-size: 120.63063063063063%">
 amusant</a>
 </li>
 <li>
-<a href=/tag/android/ style="font-size: 93.6117381489842%">
+<a href=/tag/android/ style="font-size: 93.6036036036036%">
 android</a>
 </li>
 <li>
-<a href=/tag/animaux/ style="font-size: 96.32054176072235%">
+<a href=/tag/animaux/ style="font-size: 96.30630630630631%">
 animaux</a>
 </li>
 <li>
-<a href=/tag/apache/ style="font-size: 104.44695259593679%">
+<a href=/tag/apache/ style="font-size: 104.41441441441441%">
 apache</a>
 </li>
 <li>
-<a href=/tag/api/ style="font-size: 94.51467268623026%">
+<a href=/tag/api/ style="font-size: 94.50450450450451%">
 api</a>
 </li>
 <li>
-<a href=/tag/apt/ style="font-size: 91.8058690744921%">
+<a href=/tag/apt/ style="font-size: 91.8018018018018%">
 apt</a>
 </li>
 <li>
-<a href=/tag/araignée/ style="font-size: 91.8058690744921%">
+<a href=/tag/araignée/ style="font-size: 91.8018018018018%">
 araignée</a>
 </li>
 <li>
-<a href=/tag/architecture/ style="font-size: 94.51467268623026%">
+<a href=/tag/architecture/ style="font-size: 94.50450450450451%">
 architecture</a>
 </li>
 <li>
-<a href=/tag/banque/ style="font-size: 90.90293453724605%">
+<a href=/tag/banque/ style="font-size: 90.90090090090091%">
 banque</a>
 </li>
 <li>
-<a href=/tag/bash/ style="font-size: 105.34988713318285%">
+<a href=/tag/bash/ style="font-size: 105.31531531531532%">
 bash</a>
 </li>
 <li>
-<a href=/tag/basilic/ style="font-size: 90.90293453724605%">
+<a href=/tag/basilic/ style="font-size: 90.90090090090091%">
 basilic</a>
 </li>
 <li>
-<a href=/tag/behaviour-driven-development/ style="font-size: 91.8058690744921%">
+<a href=/tag/behaviour-driven-development/ style="font-size: 91.8018018018018%">
 behaviour driven development</a>
 </li>
 <li>
-<a href=/tag/blog/ style="font-size: 123.40857787810384%">
+<a href=/tag/blog/ style="font-size: 123.33333333333334%">
 blog</a>
 </li>
 <li>
-<a href=/tag/bmx/ style="font-size: 98.12641083521444%">
+<a href=/tag/bmx/ style="font-size: 98.10810810810811%">
 bmx</a>
 </li>
 <li>
-<a href=/tag/bois/ style="font-size: 90.90293453724605%">
+<a href=/tag/bois/ style="font-size: 90.90090090090091%">
 bois</a>
 </li>
 <li>
-<a href=/tag/bol/ style="font-size: 90.90293453724605%">
+<a href=/tag/bol/ style="font-size: 90.90090090090091%">
 bol</a>
 </li>
 <li>
-<a href=/tag/bonnes-pratiques/ style="font-size: 144.17607223476298%">
+<a href=/tag/bonnes-pratiques/ style="font-size: 144.95495495495496%">
 bonnes pratiques</a>
 </li>
 <li>
-<a href=/tag/bordeaux/ style="font-size: 91.8058690744921%">
+<a href=/tag/bordeaux/ style="font-size: 91.8018018018018%">
 bordeaux</a>
 </li>
 <li>
-<a href=/tag/bourg-en-bresse/ style="font-size: 91.8058690744921%">
+<a href=/tag/bourg-en-bresse/ style="font-size: 91.8018018018018%">
 bourg-en-bresse</a>
 </li>
 <li>
-<a href=/tag/brotli/ style="font-size: 90.90293453724605%">
+<a href=/tag/brotli/ style="font-size: 90.90090090090091%">
 brotli</a>
 </li>
 <li>
-<a href=/tag/bug/ style="font-size: 92.70880361173815%">
+<a href=/tag/bug/ style="font-size: 92.70270270270271%">
 bug</a>
 </li>
 <li>
-<a href=/tag/buzz/ style="font-size: 90.90293453724605%">
+<a href=/tag/buzz/ style="font-size: 90.90090090090091%">
 buzz</a>
 </li>
 <li>
-<a href=/tag/cache/ style="font-size: 92.70880361173815%">
+<a href=/tag/cache/ style="font-size: 92.70270270270271%">
 cache</a>
 </li>
 <li>
-<a href=/tag/cartographie/ style="font-size: 90.90293453724605%">
+<a href=/tag/cartographie/ style="font-size: 90.90090090090091%">
 cartographie</a>
 </li>
 <li>
-<a href=/tag/chat/ style="font-size: 90.90293453724605%">
+<a href=/tag/chat/ style="font-size: 90.90090090090091%">
 chat</a>
 </li>
 <li>
-<a href=/tag/cherry/ style="font-size: 95.4176072234763%">
+<a href=/tag/cherry/ style="font-size: 95.4054054054054%">
 cherry</a>
 </li>
 <li>
-<a href=/tag/chrome/ style="font-size: 98.12641083521444%">
+<a href=/tag/chrome/ style="font-size: 98.10810810810811%">
 chrome</a>
 </li>
 <li>
-<a href=/tag/cinéma/ style="font-size: 90.90293453724605%">
+<a href=/tag/cinéma/ style="font-size: 90.90090090090091%">
 cinéma</a>
 </li>
 <li>
-<a href=/tag/citation/ style="font-size: 99.0293453724605%">
+<a href=/tag/citation/ style="font-size: 99.009009009009%">
 citation</a>
 </li>
 <li>
-<a href=/tag/clean-code/ style="font-size: 90.90293453724605%">
+<a href=/tag/clean-code/ style="font-size: 90.90090090090091%">
 clean code</a>
 </li>
 <li>
-<a href=/tag/cli/ style="font-size: 90.90293453724605%">
+<a href=/tag/cli/ style="font-size: 90.90090090090091%">
 cli</a>
 </li>
 <li>
-<a href=/tag/climat/ style="font-size: 94.51467268623026%">
+<a href=/tag/climat/ style="font-size: 94.50450450450451%">
 climat</a>
 </li>
 <li>
-<a href=/tag/cms/ style="font-size: 100.83521444695259%">
+<a href=/tag/cms/ style="font-size: 100.8108108108108%">
 cms</a>
 </li>
 <li>
-<a href=/tag/code/ style="font-size: 140.5643340857788%">
+<a href=/tag/code/ style="font-size: 141.35135135135135%">
 code</a>
 </li>
 <li>
-<a href=/tag/coligny/ style="font-size: 90.90293453724605%">
+<a href=/tag/coligny/ style="font-size: 90.90090090090091%">
 coligny</a>
 </li>
 <li>
-<a href=/tag/complexité/ style="font-size: 91.8058690744921%">
+<a href=/tag/complexité/ style="font-size: 91.8018018018018%">
 complexité</a>
 </li>
 <li>
-<a href=/tag/composer/ style="font-size: 91.8058690744921%">
+<a href=/tag/composer/ style="font-size: 91.8018018018018%">
 composer</a>
 </li>
 <li>
-<a href=/tag/concert/ style="font-size: 94.51467268623026%">
+<a href=/tag/concert/ style="font-size: 94.50450450450451%">
 concert</a>
 </li>
 <li>
-<a href=/tag/conférence/ style="font-size: 94.51467268623026%">
+<a href=/tag/conférence/ style="font-size: 94.50450450450451%">
 conférence</a>
 </li>
 <li>
-<a href=/tag/consommation/ style="font-size: 95.4176072234763%">
+<a href=/tag/consommation/ style="font-size: 95.4054054054054%">
 consommation</a>
 </li>
 <li>
-<a href=/tag/cookie/ style="font-size: 90.90293453724605%">
+<a href=/tag/cookie/ style="font-size: 90.90090090090091%">
 cookie</a>
 </li>
 <li>
-<a href=/tag/cpu/ style="font-size: 90.90293453724605%">
+<a href=/tag/cpu/ style="font-size: 90.90090090090091%">
 cpu</a>
 </li>
 <li>
-<a href=/tag/cqrs/ style="font-size: 90.90293453724605%">
+<a href=/tag/cqrs/ style="font-size: 90.90090090090091%">
 cqrs</a>
 </li>
 <li>
-<a href=/tag/croatia/ style="font-size: 90.90293453724605%">
+<a href=/tag/croatia/ style="font-size: 90.90090090090091%">
 croatia</a>
 </li>
 <li>
-<a href=/tag/csp/ style="font-size: 91.8058690744921%">
+<a href=/tag/csp/ style="font-size: 91.8018018018018%">
 csp</a>
 </li>
 <li>
-<a href=/tag/css/ style="font-size: 122.50564334085779%">
+<a href=/tag/css/ style="font-size: 122.43243243243244%">
 css</a>
 </li>
 <li>
-<a href=/tag/cvs/ style="font-size: 90.90293453724605%">
+<a href=/tag/cvs/ style="font-size: 90.90090090090091%">
 cvs</a>
 </li>
 <li>
-<a href=/tag/debian/ style="font-size: 105.34988713318285%">
+<a href=/tag/debian/ style="font-size: 105.31531531531532%">
 debian</a>
 </li>
 <li>
-<a href=/tag/dedibox/ style="font-size: 105.34988713318285%">
+<a href=/tag/dedibox/ style="font-size: 105.31531531531532%">
 dedibox</a>
 </li>
 <li>
-<a href=/tag/dependency-injection/ style="font-size: 92.70880361173815%">
+<a href=/tag/dependency-injection/ style="font-size: 92.70270270270271%">
 dependency injection</a>
 </li>
 <li>
-<a href=/tag/design/ style="font-size: 93.6117381489842%">
+<a href=/tag/design/ style="font-size: 93.6036036036036%">
 design</a>
 </li>
 <li>
-<a href=/tag/desktop/ style="font-size: 90.90293453724605%">
+<a href=/tag/desktop/ style="font-size: 90.90090090090091%">
 desktop</a>
 </li>
 <li>
-<a href=/tag/dessin/ style="font-size: 90.90293453724605%">
+<a href=/tag/dessin/ style="font-size: 90.90090090090091%">
 dessin</a>
 </li>
 <li>
-<a href=/tag/distribution/ style="font-size: 90.90293453724605%">
+<a href=/tag/distribution/ style="font-size: 90.90090090090091%">
 distribution</a>
 </li>
 <li>
-<a href=/tag/diy/ style="font-size: 90.90293453724605%">
+<a href=/tag/diy/ style="font-size: 90.90090090090091%">
 diy</a>
 </li>
 <li>
-<a href=/tag/dns/ style="font-size: 91.8058690744921%">
+<a href=/tag/dns/ style="font-size: 91.8018018018018%">
 dns</a>
 </li>
 <li>
-<a href=/tag/dom/ style="font-size: 90.90293453724605%">
+<a href=/tag/dom/ style="font-size: 90.90090090090091%">
 dom</a>
 </li>
 <li>
-<a href=/tag/domain-driven-design/ style="font-size: 97.2234762979684%">
+<a href=/tag/domain-driven-design/ style="font-size: 97.2072072072072%">
 domain driven design</a>
 </li>
 <li>
-<a href=/tag/dombes/ style="font-size: 99.93227990970655%">
+<a href=/tag/dombes/ style="font-size: 99.90990990990991%">
 dombes</a>
 </li>
 <li>
-<a href=/tag/déchets/ style="font-size: 90.90293453724605%">
+<a href=/tag/déchets/ style="font-size: 90.90090090090091%">
 déchets</a>
 </li>
 <li>
-<a href=/tag/dégooglisation/ style="font-size: 92.70880361173815%">
+<a href=/tag/dégooglisation/ style="font-size: 92.70270270270271%">
 dégooglisation</a>
 </li>
 <li>
-<a href=/tag/détail/ style="font-size: 90.90293453724605%">
+<a href=/tag/détail/ style="font-size: 90.90090090090091%">
 détail</a>
 </li>
 <li>
-<a href=/tag/edge/ style="font-size: 91.8058690744921%">
+<a href=/tag/edge/ style="font-size: 91.8018018018018%">
 edge</a>
 </li>
 <li>
-<a href=/tag/enssat/ style="font-size: 90.90293453724605%">
+<a href=/tag/enssat/ style="font-size: 90.90090090090091%">
 enssat</a>
 </li>
 <li>
-<a href=/tag/environnement/ style="font-size: 103.54401805869074%">
+<a href=/tag/environnement/ style="font-size: 103.51351351351352%">
 environnement</a>
 </li>
 <li>
-<a href=/tag/ergonomie/ style="font-size: 96.32054176072235%">
+<a href=/tag/ergonomie/ style="font-size: 96.30630630630631%">
 ergonomie</a>
 </li>
 <li>
-<a href=/tag/extension/ style="font-size: 99.93227990970655%">
+<a href=/tag/extension/ style="font-size: 99.90990990990991%">
 extension</a>
 </li>
 <li>
-<a href=/tag/ez-class-lists/ style="font-size: 94.51467268623026%">
+<a href=/tag/ez-class-lists/ style="font-size: 94.50450450450451%">
 ez class lists</a>
 </li>
 <li>
-<a href=/tag/ez-components/ style="font-size: 101.73814898419865%">
+<a href=/tag/ez-components/ style="font-size: 101.71171171171171%">
 ez components</a>
 </li>
 <li>
-<a href=/tag/ez-find/ style="font-size: 94.51467268623026%">
+<a href=/tag/ez-find/ style="font-size: 94.50450450450451%">
 ez find</a>
 </li>
 <li>
-<a href=/tag/ez-platform/ style="font-size: 93.6117381489842%">
+<a href=/tag/ez-platform/ style="font-size: 93.6036036036036%">
 ez platform</a>
 </li>
 <li>
-<a href=/tag/ez-publish/ style="font-size: 178.48758465011286%">
+<a href=/tag/ez-publish/ style="font-size: 178.2882882882883%">
 ez publish</a>
 </li>
 <li>
-<a href=/tag/ez-systems/ style="font-size: 90.90293453724605%">
+<a href=/tag/ez-systems/ style="font-size: 90.90090090090091%">
 ez systems</a>
 </li>
 <li>
-<a href=/tag/ezsummercamp/ style="font-size: 92.70880361173815%">
+<a href=/tag/ezsummercamp/ style="font-size: 92.70270270270271%">
 ezsummercamp</a>
 </li>
 <li>
-<a href=/tag/ezvideoflv/ style="font-size: 93.6117381489842%">
+<a href=/tag/ezvideoflv/ style="font-size: 93.6036036036036%">
 ezvideoflv</a>
 </li>
 <li>
-<a href=/tag/ezvim/ style="font-size: 93.6117381489842%">
+<a href=/tag/ezvim/ style="font-size: 93.6036036036036%">
 ezvim</a>
 </li>
 <li>
-<a href=/tag/fedora-core/ style="font-size: 91.8058690744921%">
+<a href=/tag/fedora-core/ style="font-size: 91.8018018018018%">
 fedora core</a>
 </li>
 <li>
-<a href=/tag/firefox/ style="font-size: 97.2234762979684%">
+<a href=/tag/firefox/ style="font-size: 97.2072072072072%">
 firefox</a>
 </li>
 <li>
-<a href=/tag/firefox-os/ style="font-size: 90.90293453724605%">
+<a href=/tag/firefox-os/ style="font-size: 90.90090090090091%">
 firefox os</a>
 </li>
 <li>
-<a href=/tag/fise/ style="font-size: 99.93227990970655%">
+<a href=/tag/fise/ style="font-size: 99.90990990990991%">
 fise</a>
 </li>
 <li>
-<a href=/tag/fleur/ style="font-size: 94.51467268623026%">
+<a href=/tag/fleur/ style="font-size: 94.50450450450451%">
 fleur</a>
 </li>
 <li>
-<a href=/tag/flexbox/ style="font-size: 91.8058690744921%">
+<a href=/tag/flexbox/ style="font-size: 91.8018018018018%">
 flexbox</a>
 </li>
 <li>
-<a href=/tag/flickr/ style="font-size: 90.90293453724605%">
+<a href=/tag/flickr/ style="font-size: 90.90090090090091%">
 flickr</a>
 </li>
 <li>
-<a href=/tag/flutter/ style="font-size: 90.90293453724605%">
+<a href=/tag/flutter/ style="font-size: 90.90090090090091%">
 flutter</a>
 </li>
 <li>
-<a href=/tag/fmx/ style="font-size: 90.90293453724605%">
+<a href=/tag/fmx/ style="font-size: 90.90090090090091%">
 fmx</a>
 </li>
 <li>
-<a href=/tag/foo-fighters/ style="font-size: 90.90293453724605%">
+<a href=/tag/foo-fighters/ style="font-size: 90.90090090090091%">
 foo fighters</a>
 </li>
 <li>
-<a href=/tag/formation/ style="font-size: 91.8058690744921%">
+<a href=/tag/formation/ style="font-size: 91.8018018018018%">
 formation</a>
 </li>
 <li>
-<a href=/tag/formats/ style="font-size: 94.51467268623026%">
+<a href=/tag/formats/ style="font-size: 94.50450450450451%">
 formats</a>
 </li>
 <li>
-<a href=/tag/forum-php/ style="font-size: 91.8058690744921%">
+<a href=/tag/forum-php/ style="font-size: 91.8018018018018%">
 forum php</a>
 </li>
 <li>
-<a href=/tag/framework/ style="font-size: 92.70880361173815%">
+<a href=/tag/framework/ style="font-size: 92.70270270270271%">
 framework</a>
 </li>
 <li>
-<a href=/tag/free/ style="font-size: 92.70880361173815%">
+<a href=/tag/free/ style="font-size: 92.70270270270271%">
 free</a>
 </li>
 <li>
-<a href=/tag/freebox/ style="font-size: 90.90293453724605%">
+<a href=/tag/freebox/ style="font-size: 90.90090090090091%">
 freebox</a>
 </li>
 <li>
-<a href=/tag/frontend/ style="font-size: 92.70880361173815%">
+<a href=/tag/frontend/ style="font-size: 92.70270270270271%">
 frontend</a>
 </li>
 <li>
-<a href=/tag/fun/ style="font-size: 90.90293453724605%">
+<a href=/tag/fun/ style="font-size: 90.90090090090091%">
 fun</a>
 </li>
 <li>
-<a href=/tag/geek/ style="font-size: 103.54401805869074%">
+<a href=/tag/geek/ style="font-size: 103.51351351351352%">
 geek</a>
 </li>
 <li>
-<a href=/tag/git/ style="font-size: 103.54401805869074%">
+<a href=/tag/git/ style="font-size: 103.51351351351352%">
 git</a>
 </li>
 <li>
-<a href=/tag/github/ style="font-size: 97.2234762979684%">
+<a href=/tag/github/ style="font-size: 97.2072072072072%">
 github</a>
 </li>
 <li>
-<a href=/tag/glace/ style="font-size: 90.90293453724605%">
+<a href=/tag/glace/ style="font-size: 90.90090090090091%">
 glace</a>
 </li>
 <li>
-<a href=/tag/gnome/ style="font-size: 95.4176072234763%">
+<a href=/tag/gnome/ style="font-size: 95.4054054054054%">
 gnome</a>
 </li>
 <li>
-<a href=/tag/google/ style="font-size: 105.34988713318285%">
+<a href=/tag/google/ style="font-size: 105.31531531531532%">
 google</a>
 </li>
 <li>
-<a href=/tag/gps/ style="font-size: 91.8058690744921%">
+<a href=/tag/gps/ style="font-size: 91.8018018018018%">
 gps</a>
 </li>
 <li>
-<a href=/tag/graphql/ style="font-size: 91.8058690744921%">
+<a href=/tag/graphql/ style="font-size: 91.8018018018018%">
 graphql</a>
 </li>
 <li>
-<a href=/tag/greasemonkey/ style="font-size: 90.90293453724605%">
+<a href=/tag/greasemonkey/ style="font-size: 90.90090090090091%">
 greasemonkey</a>
 </li>
 <li>
-<a href=/tag/grenouille/ style="font-size: 91.8058690744921%">
+<a href=/tag/grenouille/ style="font-size: 91.8018018018018%">
 grenouille</a>
 </li>
 <li>
-<a href=/tag/gtk/ style="font-size: 90.90293453724605%">
+<a href=/tag/gtk/ style="font-size: 90.90090090090091%">
 gtk</a>
 </li>
 <li>
-<a href=/tag/gzip/ style="font-size: 91.8058690744921%">
+<a href=/tag/gzip/ style="font-size: 91.8018018018018%">
 gzip</a>
 </li>
 <li>
-<a href=/tag/histoire/ style="font-size: 93.6117381489842%">
+<a href=/tag/histoire/ style="font-size: 93.6036036036036%">
 histoire</a>
 </li>
 <li>
-<a href=/tag/html/ style="font-size: 111.6704288939052%">
+<a href=/tag/html/ style="font-size: 111.62162162162161%">
 html</a>
 </li>
 <li>
-<a href=/tag/http/ style="font-size: 109.86455981941309%">
+<a href=/tag/http/ style="font-size: 109.81981981981983%">
 http</a>
 </li>
 <li>
-<a href=/tag/humeurs/ style="font-size: 134.24379232505643%">
+<a href=/tag/humeurs/ style="font-size: 134.14414414414415%">
 humeurs</a>
 </li>
 <li>
-<a href=/tag/humour/ style="font-size: 102.6410835214447%">
+<a href=/tag/humour/ style="font-size: 102.61261261261261%">
 humour</a>
 </li>
 <li>
-<a href=/tag/hébergement/ style="font-size: 104.44695259593679%">
+<a href=/tag/hébergement/ style="font-size: 104.41441441441441%">
 hébergement</a>
 </li>
 <li>
-<a href=/tag/hérault/ style="font-size: 93.6117381489842%">
+<a href=/tag/hérault/ style="font-size: 93.6036036036036%">
 hérault</a>
 </li>
 <li>
-<a href=/tag/ign/ style="font-size: 90.90293453724605%">
+<a href=/tag/ign/ style="font-size: 90.90090090090091%">
 ign</a>
 </li>
 <li>
-<a href=/tag/iis/ style="font-size: 91.8058690744921%">
+<a href=/tag/iis/ style="font-size: 91.8018018018018%">
 iis</a>
 </li>
 <li>
-<a href=/tag/immobilier/ style="font-size: 90.90293453724605%">
+<a href=/tag/immobilier/ style="font-size: 90.90090090090091%">
 immobilier</a>
 </li>
 <li>
-<a href=/tag/informatique/ style="font-size: 94.51467268623026%">
+<a href=/tag/informatique/ style="font-size: 94.50450450450451%">
 informatique</a>
 </li>
 <li>
-<a href=/tag/insecte/ style="font-size: 98.12641083521444%">
+<a href=/tag/insecte/ style="font-size: 98.10810810810811%">
 insecte</a>
 </li>
 <li>
-<a href=/tag/insolite/ style="font-size: 91.8058690744921%">
+<a href=/tag/insolite/ style="font-size: 91.8018018018018%">
 insolite</a>
 </li>
 <li>
-<a href=/tag/interface/ style="font-size: 102.6410835214447%">
+<a href=/tag/interface/ style="font-size: 102.61261261261261%">
 interface</a>
 </li>
 <li>
-<a href=/tag/internet-explorer/ style="font-size: 99.0293453724605%">
+<a href=/tag/internet-explorer/ style="font-size: 99.009009009009%">
 internet explorer</a>
 </li>
 <li>
-<a href=/tag/ios/ style="font-size: 90.90293453724605%">
+<a href=/tag/ios/ style="font-size: 90.90090090090091%">
 ios</a>
 </li>
 <li>
-<a href=/tag/jamstack/ style="font-size: 94.51467268623026%">
+<a href=/tag/jamstack/ style="font-size: 94.50450450450451%">
 jamstack</a>
 </li>
 <li>
-<a href=/tag/java/ style="font-size: 90.90293453724605%">
+<a href=/tag/java/ style="font-size: 90.90090090090091%">
 java</a>
 </li>
 <li>
-<a href=/tag/javascript/ style="font-size: 157.72009029345372%">
+<a href=/tag/javascript/ style="font-size: 157.56756756756755%">
 javascript</a>
 </li>
 <li>
-<a href=/tag/jeux/ style="font-size: 90.90293453724605%">
+<a href=/tag/jeux/ style="font-size: 90.90090090090091%">
 jeux</a>
 </li>
 <li>
-<a href=/tag/jeux-olympiques/ style="font-size: 91.8058690744921%">
+<a href=/tag/jeux-olympiques/ style="font-size: 91.8018018018018%">
 jeux olympiques</a>
 </li>
 <li>
-<a href=/tag/jouet/ style="font-size: 91.8058690744921%">
+<a href=/tag/jouet/ style="font-size: 91.8018018018018%">
 jouet</a>
 </li>
 <li>
-<a href=/tag/journal/ style="font-size: 90.90293453724605%">
+<a href=/tag/journal/ style="font-size: 90.90090090090091%">
 journal</a>
 </li>
 <li>
-<a href=/tag/jquery/ style="font-size: 93.6117381489842%">
+<a href=/tag/jquery/ style="font-size: 93.6036036036036%">
 jquery</a>
 </li>
 <li>
-<a href=/tag/jqueryui/ style="font-size: 92.70880361173815%">
+<a href=/tag/jqueryui/ style="font-size: 92.70270270270271%">
 jqueryui</a>
 </li>
 <li>
-<a href=/tag/jura/ style="font-size: 90.90293453724605%">
+<a href=/tag/jura/ style="font-size: 90.90090090090091%">
 jura</a>
 </li>
 <li>
-<a href=/tag/kanban/ style="font-size: 91.8058690744921%">
+<a href=/tag/kanban/ style="font-size: 91.8018018018018%">
 kanban</a>
 </li>
 <li>
-<a href=/tag/kde/ style="font-size: 90.90293453724605%">
+<a href=/tag/kde/ style="font-size: 90.90090090090091%">
 kde</a>
 </li>
 <li>
-<a href=/tag/kimsufi/ style="font-size: 90.90293453724605%">
+<a href=/tag/kimsufi/ style="font-size: 90.90090090090091%">
 kimsufi</a>
 </li>
 <li>
-<a href=/tag/la-poste/ style="font-size: 90.90293453724605%">
+<a href=/tag/la-poste/ style="font-size: 90.90090090090091%">
 la poste</a>
 </li>
 <li>
-<a href=/tag/laravel/ style="font-size: 90.90293453724605%">
+<a href=/tag/laravel/ style="font-size: 90.90090090090091%">
 laravel</a>
 </li>
 <li>
-<a href=/tag/le-progrès/ style="font-size: 90.90293453724605%">
+<a href=/tag/le-progrès/ style="font-size: 90.90090090090091%">
 le progrès</a>
 </li>
 <li>
-<a href=/tag/lecteur-d&#39;écran/ style="font-size: 91.8058690744921%">
+<a href=/tag/lecteur-d&#39;écran/ style="font-size: 91.8018018018018%">
 lecteur d&#39;écran</a>
 </li>
 <li>
-<a href=/tag/lectroid/ style="font-size: 91.8058690744921%">
+<a href=/tag/lectroid/ style="font-size: 91.8018018018018%">
 lectroid</a>
 </li>
 <li>
-<a href=/tag/licence/ style="font-size: 91.8058690744921%">
+<a href=/tag/licence/ style="font-size: 91.8018018018018%">
 licence</a>
 </li>
 <li>
-<a href=/tag/linux/ style="font-size: 138.7584650112867%">
+<a href=/tag/linux/ style="font-size: 138.64864864864865%">
 linux</a>
 </li>
 <li>
-<a href=/tag/liseuse/ style="font-size: 90.90293453724605%">
+<a href=/tag/liseuse/ style="font-size: 90.90090090090091%">
 liseuse</a>
 </li>
 <li>
-<a href=/tag/living-colour/ style="font-size: 91.8058690744921%">
+<a href=/tag/living-colour/ style="font-size: 91.8018018018018%">
 living colour</a>
 </li>
 <li>
-<a href=/tag/livre/ style="font-size: 101.73814898419865%">
+<a href=/tag/livre/ style="font-size: 101.71171171171171%">
 livre</a>
 </li>
 <li>
-<a href=/tag/livre-numérique/ style="font-size: 90.90293453724605%">
+<a href=/tag/livre-numérique/ style="font-size: 90.90090090090091%">
 livre numérique</a>
 </li>
 <li>
-<a href=/tag/logiciels-libres/ style="font-size: 98.12641083521444%">
+<a href=/tag/logiciels-libres/ style="font-size: 98.10810810810811%">
 logiciels libres</a>
 </li>
 <li>
-<a href=/tag/low-tech/ style="font-size: 94.51467268623026%">
+<a href=/tag/low-tech/ style="font-size: 94.50450450450451%">
 low tech</a>
 </li>
 <li>
-<a href=/tag/lyon/ style="font-size: 91.8058690744921%">
+<a href=/tag/lyon/ style="font-size: 91.8018018018018%">
 lyon</a>
 </li>
 <li>
-<a href=/tag/macosx/ style="font-size: 90.90293453724605%">
+<a href=/tag/macosx/ style="font-size: 90.90090090090091%">
 macosx</a>
 </li>
 <li>
-<a href=/tag/macro/ style="font-size: 99.93227990970655%">
+<a href=/tag/macro/ style="font-size: 99.90990990990991%">
 macro</a>
 </li>
 <li>
-<a href=/tag/magento/ style="font-size: 92.70880361173815%">
+<a href=/tag/magento/ style="font-size: 92.70270270270271%">
 magento</a>
 </li>
 <li>
-<a href=/tag/mail/ style="font-size: 93.6117381489842%">
+<a href=/tag/mail/ style="font-size: 93.6036036036036%">
 mail</a>
 </li>
 <li>
-<a href=/tag/make/ style="font-size: 90.90293453724605%">
+<a href=/tag/make/ style="font-size: 90.90090090090091%">
 make</a>
 </li>
 <li>
-<a href=/tag/metalsmith/ style="font-size: 94.51467268623026%">
+<a href=/tag/metalsmith/ style="font-size: 94.50450450450451%">
 metalsmith</a>
 </li>
 <li>
-<a href=/tag/microservice/ style="font-size: 90.90293453724605%">
+<a href=/tag/microservice/ style="font-size: 90.90090090090091%">
 microservice</a>
 </li>
 <li>
-<a href=/tag/microsoft/ style="font-size: 92.70880361173815%">
+<a href=/tag/microsoft/ style="font-size: 92.70270270270271%">
 microsoft</a>
 </li>
 <li>
-<a href=/tag/microsofterie/ style="font-size: 95.4176072234763%">
+<a href=/tag/microsofterie/ style="font-size: 95.4054054054054%">
 microsofterie</a>
 </li>
 <li>
-<a href=/tag/mobile/ style="font-size: 96.32054176072235%">
+<a href=/tag/mobile/ style="font-size: 96.30630630630631%">
 mobile</a>
 </li>
 <li>
-<a href=/tag/montpellier/ style="font-size: 116.18510158013544%">
+<a href=/tag/montpellier/ style="font-size: 116.12612612612612%">
 montpellier</a>
 </li>
 <li>
-<a href=/tag/mozilla/ style="font-size: 90.90293453724605%">
+<a href=/tag/mozilla/ style="font-size: 90.90090090090091%">
 mozilla</a>
 </li>
 <li>
-<a href=/tag/musique/ style="font-size: 104.44695259593679%">
+<a href=/tag/musique/ style="font-size: 104.41441441441441%">
 musique</a>
 </li>
 <li>
-<a href=/tag/musée/ style="font-size: 90.90293453724605%">
+<a href=/tag/musée/ style="font-size: 90.90090090090091%">
 musée</a>
 </li>
 <li>
-<a href=/tag/mysql/ style="font-size: 104.44695259593679%">
+<a href=/tag/mysql/ style="font-size: 104.41441441441441%">
 mysql</a>
 </li>
 <li>
-<a href=/tag/myth/ style="font-size: 91.8058690744921%">
+<a href=/tag/myth/ style="font-size: 91.8018018018018%">
 myth</a>
 </li>
 <li>
-<a href=/tag/métier/ style="font-size: 138.7584650112867%">
+<a href=/tag/métier/ style="font-size: 139.54954954954954%">
 métier</a>
 </li>
 <li>
-<a href=/tag/nature/ style="font-size: 104.44695259593679%">
+<a href=/tag/nature/ style="font-size: 104.41441441441441%">
 nature</a>
 </li>
 <li>
-<a href=/tag/navigateur/ style="font-size: 97.2234762979684%">
+<a href=/tag/navigateur/ style="font-size: 97.2072072072072%">
 navigateur</a>
 </li>
 <li>
-<a href=/tag/neige/ style="font-size: 90.90293453724605%">
+<a href=/tag/neige/ style="font-size: 90.90090090090091%">
 neige</a>
 </li>
 <li>
-<a href=/tag/neovim/ style="font-size: 94.51467268623026%">
+<a href=/tag/neovim/ style="font-size: 94.50450450450451%">
 neovim</a>
 </li>
 <li>
-<a href=/tag/nikon-d50/ style="font-size: 136.04966139954854%">
+<a href=/tag/nikon-d50/ style="font-size: 135.94594594594594%">
 nikon d50</a>
 </li>
 <li>
-<a href=/tag/nikon-d90/ style="font-size: 111.6704288939052%">
+<a href=/tag/nikon-d90/ style="font-size: 111.62162162162161%">
 nikon d90</a>
 </li>
 <li>
-<a href=/tag/node.js/ style="font-size: 97.2234762979684%">
+<a href=/tag/node.js/ style="font-size: 97.2072072072072%">
 node.js</a>
 </li>
 <li>
-<a href=/tag/nokia-5800/ style="font-size: 93.6117381489842%">
+<a href=/tag/nokia-5800/ style="font-size: 93.6036036036036%">
 nokia 5800</a>
 </li>
 <li>
-<a href=/tag/noël/ style="font-size: 90.90293453724605%">
+<a href=/tag/noël/ style="font-size: 90.90090090090091%">
 noël</a>
 </li>
 <li>
-<a href=/tag/npm/ style="font-size: 96.32054176072235%">
+<a href=/tag/npm/ style="font-size: 96.30630630630631%">
 npm</a>
 </li>
 <li>
-<a href=/tag/oiseau/ style="font-size: 97.2234762979684%">
+<a href=/tag/oiseau/ style="font-size: 97.2072072072072%">
 oiseau</a>
 </li>
 <li>
-<a href=/tag/online-editor/ style="font-size: 98.12641083521444%">
+<a href=/tag/online-editor/ style="font-size: 98.10810810810811%">
 online editor</a>
 </li>
 <li>
-<a href=/tag/openbox/ style="font-size: 98.12641083521444%">
+<a href=/tag/openbox/ style="font-size: 98.10810810810811%">
 openbox</a>
 </li>
 <li>
-<a href=/tag/openoffice/ style="font-size: 93.6117381489842%">
+<a href=/tag/openoffice/ style="font-size: 93.6036036036036%">
 openoffice</a>
 </li>
 <li>
-<a href=/tag/outil/ style="font-size: 95.4176072234763%">
+<a href=/tag/outil/ style="font-size: 95.4054054054054%">
 outil</a>
 </li>
 <li>
-<a href=/tag/ouïfm/ style="font-size: 92.70880361173815%">
+<a href=/tag/ouïfm/ style="font-size: 92.70270270270271%">
 ouïfm</a>
 </li>
 <li>
-<a href=/tag/ovh/ style="font-size: 90.90293453724605%">
+<a href=/tag/ovh/ style="font-size: 90.90090090090091%">
 ovh</a>
 </li>
 <li>
-<a href=/tag/panorama/ style="font-size: 91.8058690744921%">
+<a href=/tag/panorama/ style="font-size: 91.8018018018018%">
 panorama</a>
 </li>
 <li>
-<a href=/tag/patch/ style="font-size: 90.90293453724605%">
+<a href=/tag/patch/ style="font-size: 90.90090090090091%">
 patch</a>
 </li>
 <li>
-<a href=/tag/pattern/ style="font-size: 90.90293453724605%">
+<a href=/tag/pattern/ style="font-size: 90.90090090090091%">
 pattern</a>
 </li>
 <li>
-<a href=/tag/pdf/ style="font-size: 90.90293453724605%">
+<a href=/tag/pdf/ style="font-size: 90.90090090090091%">
 pdf</a>
 </li>
 <li>
-<a href=/tag/pense-bête/ style="font-size: 101.73814898419865%">
+<a href=/tag/pense-bête/ style="font-size: 101.71171171171171%">
 pense bête</a>
 </li>
 <li>
-<a href=/tag/performances/ style="font-size: 153.20541760722347%">
+<a href=/tag/performances/ style="font-size: 153.06306306306305%">
 performances</a>
 </li>
 <li>
-<a href=/tag/philovelo/ style="font-size: 93.6117381489842%">
+<a href=/tag/philovelo/ style="font-size: 93.6036036036036%">
 philovelo</a>
 </li>
 <li>
-<a href=/tag/photo/ style="font-size: 175.77878103837472%">
+<a href=/tag/photo/ style="font-size: 175.5855855855856%">
 photo</a>
 </li>
 <li>
-<a href=/tag/php/ style="font-size: 192.03160270880363%">
+<a href=/tag/php/ style="font-size: 191.8018018018018%">
 php</a>
 </li>
 <li>
-<a href=/tag/plugin/ style="font-size: 90.90293453724605%">
+<a href=/tag/plugin/ style="font-size: 90.90090090090091%">
 plugin</a>
 </li>
 <li>
-<a href=/tag/poker/ style="font-size: 90.90293453724605%">
+<a href=/tag/poker/ style="font-size: 90.90090090090091%">
 poker</a>
 </li>
 <li>
-<a href=/tag/politique/ style="font-size: 97.2234762979684%">
+<a href=/tag/politique/ style="font-size: 97.2072072072072%">
 politique</a>
 </li>
 <li>
-<a href=/tag/polymer/ style="font-size: 92.70880361173815%">
+<a href=/tag/polymer/ style="font-size: 92.70270270270271%">
 polymer</a>
 </li>
 <li>
-<a href=/tag/postfix/ style="font-size: 90.90293453724605%">
+<a href=/tag/postfix/ style="font-size: 90.90090090090091%">
 postfix</a>
 </li>
 <li>
-<a href=/tag/potager/ style="font-size: 93.6117381489842%">
+<a href=/tag/potager/ style="font-size: 93.6036036036036%">
 potager</a>
 </li>
 <li>
-<a href=/tag/progressive-enhancement/ style="font-size: 90.90293453724605%">
+<a href=/tag/progressive-enhancement/ style="font-size: 90.90090090090091%">
 progressive enhancement</a>
 </li>
 <li>
-<a href=/tag/puppeteer/ style="font-size: 92.70880361173815%">
+<a href=/tag/puppeteer/ style="font-size: 92.70270270270271%">
 puppeteer</a>
 </li>
 <li>
-<a href=/tag/pwa/ style="font-size: 106.25282167042889%">
+<a href=/tag/pwa/ style="font-size: 106.21621621621622%">
 pwa</a>
 </li>
 <li>
-<a href=/tag/python/ style="font-size: 91.8058690744921%">
+<a href=/tag/python/ style="font-size: 91.8018018018018%">
 python</a>
 </li>
 <li>
-<a href=/tag/qualité/ style="font-size: 100.83521444695259%">
+<a href=/tag/qualité/ style="font-size: 101.71171171171171%">
 qualité</a>
 </li>
 <li>
-<a href=/tag/radio/ style="font-size: 90.90293453724605%">
+<a href=/tag/radio/ style="font-size: 90.90090090090091%">
 radio</a>
 </li>
 <li>
-<a href=/tag/react/ style="font-size: 118.89390519187359%">
+<a href=/tag/react/ style="font-size: 118.82882882882883%">
 react</a>
 </li>
 <li>
-<a href=/tag/redux/ style="font-size: 94.51467268623026%">
+<a href=/tag/redux/ style="font-size: 94.50450450450451%">
 redux</a>
 </li>
 <li>
-<a href=/tag/responsive-design/ style="font-size: 95.4176072234763%">
+<a href=/tag/responsive-design/ style="font-size: 95.4054054054054%">
 responsive design</a>
 </li>
 <li>
-<a href=/tag/rest/ style="font-size: 102.6410835214447%">
+<a href=/tag/rest/ style="font-size: 102.61261261261261%">
 rest</a>
 </li>
 <li>
-<a href=/tag/retouche/ style="font-size: 91.8058690744921%">
+<a href=/tag/retouche/ style="font-size: 91.8018018018018%">
 retouche</a>
 </li>
 <li>
-<a href=/tag/retour-d&#39;expérience/ style="font-size: 90.90293453724605%">
+<a href=/tag/retour-d&#39;expérience/ style="font-size: 90.90090090090091%">
 retour d&#39;expérience</a>
 </li>
 <li>
-<a href=/tag/rock/ style="font-size: 97.2234762979684%">
+<a href=/tag/rock/ style="font-size: 97.2072072072072%">
 rock</a>
 </li>
 <li>
-<a href=/tag/rouille/ style="font-size: 90.90293453724605%">
+<a href=/tag/rouille/ style="font-size: 90.90090090090091%">
 rouille</a>
 </li>
 <li>
-<a href=/tag/roundcube/ style="font-size: 90.90293453724605%">
+<a href=/tag/roundcube/ style="font-size: 90.90090090090091%">
 roundcube</a>
 </li>
 <li>
-<a href=/tag/rpc/ style="font-size: 90.90293453724605%">
+<a href=/tag/rpc/ style="font-size: 90.90090090090091%">
 rpc</a>
 </li>
 <li>
-<a href=/tag/rss/ style="font-size: 96.32054176072235%">
+<a href=/tag/rss/ style="font-size: 96.30630630630631%">
 rss</a>
 </li>
 <li>
-<a href=/tag/réchauffement/ style="font-size: 94.51467268623026%">
+<a href=/tag/réchauffement/ style="font-size: 94.50450450450451%">
 réchauffement</a>
 </li>
 <li>
-<a href=/tag/référencement/ style="font-size: 96.32054176072235%">
+<a href=/tag/référencement/ style="font-size: 96.30630630630631%">
 référencement</a>
 </li>
 <li>
-<a href=/tag/réseau/ style="font-size: 93.6117381489842%">
+<a href=/tag/réseau/ style="font-size: 93.6036036036036%">
 réseau</a>
 </li>
 <li>
-<a href=/tag/saint-paul-de-varax/ style="font-size: 90.90293453724605%">
+<a href=/tag/saint-paul-de-varax/ style="font-size: 90.90090090090091%">
 saint paul de varax</a>
 </li>
 <li>
-<a href=/tag/sauterelle/ style="font-size: 90.90293453724605%">
+<a href=/tag/sauterelle/ style="font-size: 90.90090090090091%">
 sauterelle</a>
 </li>
 <li>
-<a href=/tag/serverless/ style="font-size: 90.90293453724605%">
+<a href=/tag/serverless/ style="font-size: 90.90090090090091%">
 serverless</a>
 </li>
 <li>
-<a href=/tag/sexisme/ style="font-size: 91.8058690744921%">
+<a href=/tag/sexisme/ style="font-size: 91.8018018018018%">
 sexisme</a>
 </li>
 <li>
-<a href=/tag/shell/ style="font-size: 127.02031602708803%">
+<a href=/tag/shell/ style="font-size: 126.93693693693695%">
 shell</a>
 </li>
 <li>
-<a href=/tag/sig/ style="font-size: 90.90293453724605%">
+<a href=/tag/sig/ style="font-size: 90.90090090090091%">
 sig</a>
 </li>
 <li>
-<a href=/tag/silex/ style="font-size: 90.90293453724605%">
+<a href=/tag/silex/ style="font-size: 90.90090090090091%">
 silex</a>
 </li>
 <li>
-<a href=/tag/smile/ style="font-size: 92.70880361173815%">
+<a href=/tag/smile/ style="font-size: 92.70270270270271%">
 smile</a>
 </li>
 <li>
-<a href=/tag/sncf/ style="font-size: 90.90293453724605%">
+<a href=/tag/sncf/ style="font-size: 90.90090090090091%">
 sncf</a>
 </li>
 <li>
-<a href=/tag/solid/ style="font-size: 90.90293453724605%">
+<a href=/tag/solid/ style="font-size: 90.90090090090091%">
 solid</a>
 </li>
 <li>
-<a href=/tag/solr/ style="font-size: 90.90293453724605%">
+<a href=/tag/solr/ style="font-size: 90.90090090090091%">
 solr</a>
 </li>
 <li>
-<a href=/tag/sourceforge/ style="font-size: 90.90293453724605%">
+<a href=/tag/sourceforge/ style="font-size: 90.90090090090091%">
 sourceforge</a>
 </li>
 <li>
-<a href=/tag/spam/ style="font-size: 93.6117381489842%">
+<a href=/tag/spam/ style="font-size: 93.6036036036036%">
 spam</a>
 </li>
 <li>
-<a href=/tag/sport/ style="font-size: 104.44695259593679%">
+<a href=/tag/sport/ style="font-size: 104.41441441441441%">
 sport</a>
 </li>
 <li>
-<a href=/tag/ssh/ style="font-size: 95.4176072234763%">
+<a href=/tag/ssh/ style="font-size: 95.4054054054054%">
 ssh</a>
 </li>
 <li>
-<a href=/tag/standard/ style="font-size: 114.37923250564334%">
+<a href=/tag/standard/ style="font-size: 114.32432432432432%">
 standard</a>
 </li>
 <li>
-<a href=/tag/standards/ style="font-size: 95.4176072234763%">
+<a href=/tag/standards/ style="font-size: 95.4054054054054%">
 standards</a>
 </li>
 <li>
-<a href=/tag/stupides/ style="font-size: 103.54401805869074%">
+<a href=/tag/stupides/ style="font-size: 103.51351351351352%">
 stupides</a>
 </li>
 <li>
-<a href=/tag/stéréotype/ style="font-size: 90.90293453724605%">
+<a href=/tag/stéréotype/ style="font-size: 90.90090090090091%">
 stéréotype</a>
 </li>
 <li>
-<a href=/tag/svn/ style="font-size: 93.6117381489842%">
+<a href=/tag/svn/ style="font-size: 93.6036036036036%">
 svn</a>
 </li>
 <li>
-<a href=/tag/symfony/ style="font-size: 100.83521444695259%">
+<a href=/tag/symfony/ style="font-size: 100.8108108108108%">
 symfony</a>
 </li>
 <li>
-<a href=/tag/syrphe/ style="font-size: 91.8058690744921%">
+<a href=/tag/syrphe/ style="font-size: 91.8018018018018%">
 syrphe</a>
 </li>
 <li>
-<a href=/tag/sécurité/ style="font-size: 113.47629796839729%">
+<a href=/tag/sécurité/ style="font-size: 113.42342342342343%">
 sécurité</a>
 </li>
 <li>
-<a href=/tag/sémantique/ style="font-size: 90.90293453724605%">
+<a href=/tag/sémantique/ style="font-size: 90.90090090090091%">
 sémantique</a>
 </li>
 <li>
-<a href=/tag/série/ style="font-size: 90.90293453724605%">
+<a href=/tag/série/ style="font-size: 90.90090090090091%">
 série</a>
 </li>
 <li>
-<a href=/tag/tdd/ style="font-size: 92.70880361173815%">
+<a href=/tag/tdd/ style="font-size: 92.70270270270271%">
 tdd</a>
 </li>
 <li>
-<a href=/tag/template/ style="font-size: 102.6410835214447%">
+<a href=/tag/template/ style="font-size: 102.61261261261261%">
 template</a>
 </li>
 <li>
-<a href=/tag/ter/ style="font-size: 90.90293453724605%">
+<a href=/tag/ter/ style="font-size: 90.90090090090091%">
 ter</a>
 </li>
 <li>
-<a href=/tag/terminal/ style="font-size: 91.8058690744921%">
+<a href=/tag/terminal/ style="font-size: 91.8018018018018%">
 terminal</a>
 </li>
 <li>
-<a href=/tag/texture/ style="font-size: 90.90293453724605%">
+<a href=/tag/texture/ style="font-size: 90.90090090090091%">
 texture</a>
 </li>
 <li>
-<a href=/tag/traduction/ style="font-size: 93.6117381489842%">
+<a href=/tag/traduction/ style="font-size: 93.6036036036036%">
 traduction</a>
 </li>
 <li>
-<a href=/tag/travail/ style="font-size: 111.6704288939052%">
+<a href=/tag/travail/ style="font-size: 112.52252252252252%">
 travail</a>
 </li>
 <li>
-<a href=/tag/travis-ci/ style="font-size: 94.51467268623026%">
+<a href=/tag/travis-ci/ style="font-size: 94.50450450450451%">
 travis ci</a>
 </li>
 <li>
-<a href=/tag/truc/ style="font-size: 123.40857787810384%">
+<a href=/tag/truc/ style="font-size: 123.33333333333334%">
 truc</a>
 </li>
 <li>
-<a href=/tag/twig/ style="font-size: 91.8058690744921%">
+<a href=/tag/twig/ style="font-size: 91.8018018018018%">
 twig</a>
 </li>
 <li>
-<a href=/tag/twitter/ style="font-size: 91.8058690744921%">
+<a href=/tag/twitter/ style="font-size: 91.8018018018018%">
 twitter</a>
 </li>
 <li>
-<a href=/tag/typescript/ style="font-size: 90.90293453724605%">
+<a href=/tag/typescript/ style="font-size: 90.90090090090091%">
 typescript</a>
 </li>
 <li>
-<a href=/tag/télévision/ style="font-size: 96.32054176072235%">
+<a href=/tag/télévision/ style="font-size: 96.30630630630631%">
 télévision</a>
 </li>
 <li>
-<a href=/tag/ubuntu/ style="font-size: 123.40857787810384%">
+<a href=/tag/ubuntu/ style="font-size: 123.33333333333334%">
 ubuntu</a>
 </li>
 <li>
-<a href=/tag/unit-test/ style="font-size: 113.47629796839729%">
+<a href=/tag/unit-test/ style="font-size: 113.42342342342343%">
 unit test</a>
 </li>
 <li>
-<a href=/tag/unix/ style="font-size: 97.2234762979684%">
+<a href=/tag/unix/ style="font-size: 97.2072072072072%">
 unix</a>
 </li>
 <li>
-<a href=/tag/ux/ style="font-size: 104.44695259593679%">
+<a href=/tag/ux/ style="font-size: 104.41441441441441%">
 ux</a>
 </li>
 <li>
-<a href=/tag/vacances/ style="font-size: 94.51467268623026%">
+<a href=/tag/vacances/ style="font-size: 94.50450450450451%">
 vacances</a>
 </li>
 <li>
-<a href=/tag/varnish/ style="font-size: 91.8058690744921%">
+<a href=/tag/varnish/ style="font-size: 91.8018018018018%">
 varnish</a>
 </li>
 <li>
-<a href=/tag/veille/ style="font-size: 151.3995485327314%">
+<a href=/tag/veille/ style="font-size: 151.26126126126127%">
 veille</a>
 </li>
 <li>
-<a href=/tag/video/ style="font-size: 90.90293453724605%">
+<a href=/tag/video/ style="font-size: 90.90090090090091%">
 video</a>
 </li>
 <li>
-<a href=/tag/vidéo/ style="font-size: 108.96162528216703%">
+<a href=/tag/vidéo/ style="font-size: 108.91891891891892%">
 vidéo</a>
 </li>
 <li>
-<a href=/tag/vie-privée/ style="font-size: 92.70880361173815%">
+<a href=/tag/vie-privée/ style="font-size: 92.70270270270271%">
 vie privée</a>
 </li>
 <li>
-<a href=/tag/vim/ style="font-size: 105.34988713318285%">
+<a href=/tag/vim/ style="font-size: 105.31531531531532%">
 vim</a>
 </li>
 <li>
-<a href=/tag/vtt/ style="font-size: 100.83521444695259%">
+<a href=/tag/vtt/ style="font-size: 100.8108108108108%">
 vtt</a>
 </li>
 <li>
-<a href=/tag/vuejs/ style="font-size: 90.90293453724605%">
+<a href=/tag/vuejs/ style="font-size: 90.90090090090091%">
 vuejs</a>
 </li>
 <li>
-<a href=/tag/web/ style="font-size: 137.85553047404062%">
+<a href=/tag/web/ style="font-size: 137.74774774774775%">
 web</a>
 </li>
 <li>
-<a href=/tag/web-2.0/ style="font-size: 91.8058690744921%">
+<a href=/tag/web-2.0/ style="font-size: 91.8018018018018%">
 web 2.0</a>
 </li>
 <li>
-<a href=/tag/web-components/ style="font-size: 104.44695259593679%">
+<a href=/tag/web-components/ style="font-size: 104.41441441441441%">
 web components</a>
 </li>
 <li>
-<a href=/tag/webpack/ style="font-size: 92.70880361173815%">
+<a href=/tag/webpack/ style="font-size: 92.70270270270271%">
 webpack</a>
 </li>
 <li>
-<a href=/tag/windows/ style="font-size: 90.90293453724605%">
+<a href=/tag/windows/ style="font-size: 90.90090090090091%">
 windows</a>
 </li>
 <li>
-<a href=/tag/x11/ style="font-size: 98.12641083521444%">
+<a href=/tag/x11/ style="font-size: 98.10810810810811%">
 x11</a>
 </li>
 <li>
-<a href=/tag/xhtml/ style="font-size: 94.51467268623026%">
+<a href=/tag/xhtml/ style="font-size: 94.50450450450451%">
 xhtml</a>
 </li>
 <li>
-<a href=/tag/xml/ style="font-size: 95.4176072234763%">
+<a href=/tag/xml/ style="font-size: 95.4054054054054%">
 xml</a>
 </li>
 <li>
-<a href=/tag/xslt/ style="font-size: 92.70880361173815%">
+<a href=/tag/xslt/ style="font-size: 92.70270270270271%">
 xslt</a>
 </li>
 <li>
-<a href=/tag/yahoo/ style="font-size: 97.2234762979684%">
+<a href=/tag/yahoo/ style="font-size: 97.2072072072072%">
 yahoo</a>
 </li>
 <li>
-<a href=/tag/yui/ style="font-size: 92.70880361173815%">
+<a href=/tag/yui/ style="font-size: 92.70270270270271%">
 yui</a>
 </li>
 <li>
-<a href=/tag/zend-framework/ style="font-size: 90.90293453724605%">
+<a href=/tag/zend-framework/ style="font-size: 90.90090090090091%">
 zend framework</a>
 </li>
 <li>
-<a href=/tag/zeta-components/ style="font-size: 91.8058690744921%">
+<a href=/tag/zeta-components/ style="font-size: 91.8018018018018%">
 zeta components</a>
 </li>
 </ul>
@@ -1263,6 +1263,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -1286,10 +1290,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Page list

--- index.html.pretty   2024-03-02 09:58:07.966946720 +0000
+++ ../web/pages/index.html.pretty  2024-03-02 09:58:07.966946720 +0000
@@ -278,6 +278,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -301,10 +305,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

Github profile,

--- README.md.pretty    2024-03-02 09:58:09.246940216 +0000
+++ ../web/github/README.md.pretty  2024-03-02 09:58:09.246940216 +0000
@@ -19,11 +19,11 @@

 ## Les derniers billets ([Flux RSS](https://damien.pobel.fr/rss.xml))

+* [La maintenabilité comme critère de décision](https://damien.pobel.fr/post/la-maintenabilite-comme-critere-de-decision/)
 * [Utils et helper sont sur un bateau…](https://damien.pobel.fr/post/utils-helper-sont-sur-un-bateau/)
 * [Quelques défis liés à l'édition d'un logiciel destiné à être intégré](https://damien.pobel.fr/post/quelques-defis-editeur-logiciel-integration/)
 * [Tests : mon top 8 des anti-patrons les plus agaçants](https://damien.pobel.fr/post/tests-antipatterns-agacants/)
 * [Pourquoi utiliser des hooks sur-mesure dans vos composants React](https://damien.pobel.fr/post/custom-hooks-react/)
 * [Maximiser l'efficacité des développeur·ses](https://damien.pobel.fr/post/maximiser-efficacite-developpeurs/)
 * [Un écran de démarrage et un gestionnaire de session avec vim-startify](https://damien.pobel.fr/post/ecran-demarrage-session-vim-startify/)
-* [L'odyssée des gènes](https://damien.pobel.fr/post/livre-l-odyssee-des-genes/)

Github page,

--- index.html.pretty   2024-03-02 09:58:09.890936945 +0000
+++ ../web/github/page/index.html.pretty    2024-03-02 09:58:09.890936945 +0000
@@ -465,6 +465,10 @@
 Derniers billets</h2>
 <ul>
 <li>
+<a href=/post/la-maintenabilite-comme-critere-de-decision/ lang=fr>
+La maintenabilité comme critère de décision</a>
+</li>
+<li>
 <a href=/post/utils-helper-sont-sur-un-bateau/ lang=fr>
 Utils et helper sont sur un bateau…</a>
 </li>
@@ -488,10 +492,6 @@
 <a href=/post/ecran-demarrage-session-vim-startify/ lang=fr>
 Un écran de démarrage et un gestionnaire de session avec vim-startify</a>
 </li>
-<li>
-<a href=/post/livre-l-odyssee-des-genes/ lang=fr>
-L&#39;odyssée des gènes</a>
-</li>
 </ul>
 </div>
 </aside>

RSS

--- rss.xml.pretty  2024-03-02 09:58:12.606923148 +0000
+++ ../web/rss.xml.pretty   2024-03-02 09:58:12.606923148 +0000
@@ -5,9 +5,81 @@
     <description><![CDATA[Derniers posts du blog de Damien Pobel]]></description>
     <link>https://damien.pobel.fr</link>
     <generator>metalsmith-feed</generator>
-    <lastBuildDate>Tue, 27 Feb 2024 07:06:24 GMT</lastBuildDate>
+    <lastBuildDate>Sat, 02 Mar 2024 09:57:25 GMT</lastBuildDate>
     <atom:link href="https://damien.pobel.fr/rss.xml" rel="self" type="application/rss+xml"/>
     <item>
+      <title><![CDATA[La maintenabilité comme critère de décision]]></title>
+      <description><![CDATA[<figure class="object-center bordered">
+  <img loading="lazy" src="/images/660x/shrug.png" alt="Image où il est inscrit
+  ¯\_(ツ)_/¯ qui signifie shrug ou haussement d'épaule.">
+</figure>
+
+<p>En début d&#39;année, j&#39;ai lu <a href="https://www.packtpub.com/product/get-your-hands-dirty-on-clean-architecture-second-edition/9781805128373">Get Your Hands Dirty on Clean Architecture (Second
+Edition)</a>
+de <a href="https://reflectoring.io/authors/tom/">Tom Hombergs</a>. Comme son titre
+l&#39;indique, ce très bon livre traite de la <em>Clean Architecture</em> et plus
+particulièrement de <a href="https://fr.wikipedia.org/wiki/Architecture_hexagonale">l&#39;architecture
+hexagonale</a>. Tout au long
+des quelques 140 pages, l&#39;auteur aborde ce type d&#39;architecture sous différents
+aspects mais il en est un qui revient régulièrement tout en étant le sujet du
+premier chapitre : <strong>la maintenabilité</strong>.</p>
+<p>Une bonne partie de ce premier chapitre peut se résumer par cette expression
+<em>pseudo-mathématique</em> :</p>
+<pre><code class="language-plaintext">maintenabilité &gt;&gt;&gt; tout le reste
+</code></pre>
+<p>Dans <em>tout le reste</em> rentrent les qualités qu&#39;on cherche souvent à atteindre
+dans la construction d&#39;un logiciel par exemple les performances, la
+<em>scalabilité</em>, la robustesse, la flexibilité et bien d&#39;autres… Et comme
+l&#39;explique très bien l&#39;auteur, la maintenabilité a ceci de spécial qu&#39;elle est
+une qualité qui permet d&#39;atteindre toutes les autres. En effet, dès qu&#39;un
+logiciel est maintenable, il est facile à faire évoluer pour atteindre certaines
+qualités dès que le besoin émerge. Évidemment, l&#39;ajout de
+fonctionnalités et la correction des bugs sont également d&#39;autant plus simples que le
+code est maintenable. En d&#39;autres termes, la maintenabilité aide à la fois à
+atteindre des objectifs fonctionnels et non fonctionnels.</p>
+<p>Je formule généralement cette idée de la manière suivante :</p>
+<blockquote>
+<p>Un bon code est un code facile à changer.</p>
+</blockquote>
+<p>Ni plus, ni moins. Jusque là, rien de très original je crois mais ça va mieux en
+le disant 😁</p>
+<p>Dans ce chapitre, Tom Hombergs pousse la réflexion un peu plus loin et notamment
+en énonçant ce qui m&#39;apparaît maintenant comme un corollaire :</p>
+<blockquote>
+<p>Whenever we have to decide between multiple options, we can choose the one
+that makes the code easier to change in the future. No more agonizing between
+different options. We just take the one that increases maintainability the
+most.</p>
+</blockquote>
+<p>ce qui peut se traduire par :</p>
+<blockquote>
+<p>Chaque fois que nous devons choisir entre plusieurs options, nous pouvons
+choisir celle qui rendra le code plus facile à changer dans le futur. Plus
+besoin de se torturer l&#39;esprit entre différentes options. Nous choisissons
+simplement celle qui augmente le plus la maintenabilité.</p>
+</blockquote>
+<p>Quand j&#39;ai lu cette partie, je dois dire qu&#39;une petite lumière s&#39;est allumée
+dans ma tête 💡 J&#39;ai beau être convaincu de l&#39;importance de la maintenabilité
+depuis de nombreuses années maintenant, je n&#39;avais jamais considéré cette
+qualité comme une aide à la décision de manière aussi directe. Et forcément, en
+regardant un peu dans le rétroviseur, je me rends compte qu&#39;appliquer ce
+principe dans certaines décisions aurait potentiellement mener à de meilleurs
+choix.</p>
+<p>Comme souvent avec ce genre de principe général, il s&#39;agit d&#39;un élément parmi
+beaucoup d&#39;autres et comme l&#39;indique Tom Hombergs, le <em>bon</em> choix n&#39;est parfois
+pas celui qui améliore ou conserve la maintenabilité. Néanmoins opter pour ce
+principe par défaut me semble être une bonne approche.</p>
+]]></description>
+      <link>https://damien.pobel.fr/post/la-maintenabilite-comme-critere-de-decision</link>
+      <guid isPermaLink="true">https://damien.pobel.fr/post/la-maintenabilite-comme-critere-de-decision</guid>
+      <category><![CDATA[bonnes pratiques]]></category>
+      <category><![CDATA[métier]]></category>
+      <category><![CDATA[travail]]></category>
+      <category><![CDATA[qualité]]></category>
+      <category><![CDATA[code]]></category>
+      <pubDate>Sat, 02 Mar 2024 00:00:00 GMT</pubDate>
+    </item>
+    <item>
       <title><![CDATA[Utils et helper sont sur un bateau…]]></title>
       <description><![CDATA[<figure class="object-center bordered">
   <img loading="lazy" src="/images/660x/plouf.jpg" alt="Petites vaguelettes
@@ -738,175 +810,5 @@
       <category><![CDATA[potager]]></category>
       <pubDate>Sat, 02 Jan 2021 00:00:00 GMT</pubDate>
     </item>
-    <item>
-      <title><![CDATA[« Clean Code » résumé en quelques lignes]]></title>
-      <description><![CDATA[<p class="note">
-Ce texte est une traduction et une adaptation de <a
-href="https://gist.github.com/cedrickchee/55ecfbaac643bf0c24da6874bf4feb08">Summary
-of 'Clean code' by Robert C. Martin</a>.
-</p>
-
-<p>Voici un résumé des principales idées du livre « <a href="https://www.decitre.fr/livres/clean-code-9780132350884.html">Clean Code: A Handbook of Agile
-Software
-Craftsmanship</a> » de
-Robert C. Martin (Uncle Bob).</p>
-<p>Du code est propre (<em>clean</em>) si il peut être compris facilement - par chaque
-personne de l&#39;équipe. Un code propre (<em>Clean code</em>) peut être lu et amélioré par
-un·e développeur·se autre que la personne qui l&#39;a écrit. Avec la
-compréhensibilité vient la lisibilité, la facilité à changer, l&#39;extensibilité et
-la maintenabilité.</p>
-<figure class="object-center bordered">
-    <img loading="lazy" src="/images/660x/water-drop.jpg" alt="Une goutte d'eau">
-</figure>
-
-<h2 id="règles-générales">Règles générales</h2>
-<ol>
-<li>Suivez <strong>des conventions reconnues</strong>.</li>
-<li><em>Keep it <strong>simple</strong> stupid</em>. Plus simple est toujours mieux. <a href="/post/complexite-charge-cognitive/">Réduisez la
-complexité</a> autant que possible.</li>
-<li><strong>Règle du boy scout</strong> : laissez le camp plus propre que l&#39;état dans lequel
-vous l&#39;avez trouvé.</li>
-<li>Lors de résolution d&#39;un problème, toujours chercher et trouver <strong>la cause
-racine</strong>.</li>
-<li>Suivez <a href="https://fr.wikipedia.org/wiki/Principe_de_moindre_surprise"><strong>le principe de moindre
-surprise</strong></a>.</li>
-<li><abbr title="Don't Repeat Youself">DRY</abbr> : ne vous répétez pas, et <a href="https://medium.com/@nicolopigna/this-is-not-the-dry-you-are-looking-for-a316ed3f445f">mais
-attention à l&#39;interprétation de ce
-principe</a>.</li>
-</ol>
-<h2 id="règles-de-design">Règles de design</h2>
-<ol>
-<li>Gardez les données configurables (par exemple les constantes) à hauts
-niveaux. Elles devraient être <strong>faciles à changer</strong>.</li>
-<li>Préférez le polymorphisme aux <code>if</code>/<code>else</code> ou <code>switch</code>/<code>case</code>.</li>
-<li>Évitez la sur-configurabilité et <a href="/post/au-cas-ou/">tout ce qui n&#39;a pas prouvé sa
-nécessité</a>.</li>
-<li>Utilisez <strong>l&#39;injection de dépendances</strong>.</li>
-<li>Suivez <a href="https://fr.wikipedia.org/wiki/Loi_de_D%C3%A9m%C3%A9ter"><strong>la loi de
-Déméter</strong></a> : une
-classe ne devrait connaître que ses dépendances directes.</li>
-</ol>
-<h2 id="astuces-pour-la-compréhensibilité">Astuces pour la compréhensibilité</h2>
-<ol>
-<li>Soyez <strong>cohérent</strong>. Si vous faites quelque chose d&#39;une certaine manière,
-toutes les choses similaires devraient être faites de la même manière.</li>
-<li>Utilisez <strong>des noms de variables explicites</strong>.</li>
-<li><strong>Encapsulez les conditions limites</strong> : elles sont compliquées à suivre. Il
-vaut mieux les isoler à un endroit.</li>
-<li>Préférez <a href="https://patricklouys.com/2017/06/04/value-objects-explained/">des <strong><em>value objects</em>
-spécifiques</strong></a>
-plutôt que des types primitifs</li>
-<li><strong>Évitez les dépendances logiques</strong> : n&#39;écrivez pas de méthodes qui dépendent
-d&#39;autre chose dans la même classe.</li>
-<li><strong>Évitez les conditions négatives</strong>.</li>
-</ol>
-<h2 id="règles-de-nommages">Règles de nommages</h2>
-<ol>
-<li>Choisissez <strong>des noms descriptifs et sans ambiguïté</strong>.</li>
-<li>Faites <strong>des distinctions qui ont du sens</strong>.</li>
-<li>Utilisez <strong>des noms prononçables</strong>.</li>
-<li>Utilisez <strong>des noms cherchables</strong>.</li>
-<li>Remplacez les nombres magiques par <strong>des constantes bien nommées</strong>.</li>
-<li>Évitez d&#39;ajouter des préfixes ou des informations sur les types.</li>
-</ol>
-<h2 id="règles-relatives-aux-fonctions">Règles relatives aux fonctions</h2>
-<ol>
-<li><strong>Courtes</strong>.</li>
-<li><strong>Ne fait qu&#39;une chose</strong> et la fait bien.</li>
-<li>Utilisez <strong>des noms descriptifs</strong>.</li>
-<li>Préférez les avec <strong>le moins d&#39;arguments possibles</strong>, idéalement pas plus de 3.</li>
-<li><strong>Sans effet de bord</strong>.</li>
-<li><a href="https://ariya.io/2011/08/hall-of-api-shame-boolean-trap">N&#39;utilisez pas de
-<em>flag</em></a> : écrivez
-plutôt plusieurs méthodes sans ce type d&#39;argument.</li>
-</ol>
-<h2 id="règles-relatives-aux-commentaires">Règles relatives aux commentaires</h2>
-<ol>
-<li>Essayez d&#39;écrire <a href="/post/juste-dose-commentaires-dans-le-code/"><strong>du code expressif</strong> ne nécessitant pas de
-commentaire</a>. Si c&#39;est
-impossible, prenez le temps d&#39;écrire un bon commentaire.</li>
-<li>Ne soyez pas redondant (par exemple : <code>i++; // increment i</code>).</li>
-<li>N&#39;ajoutez pas de bruit évident.</li>
-<li>N&#39;utilisez pas les commentaires de fermeture de bloc (par exemple : <code>} // end of function</code>).</li>
-<li><strong>Ne commentez pas de code</strong>. Supprimez ce code.</li>
-<li>Utilisez des commentaires <strong>pour expliquer l&#39;intention</strong>.</li>
-<li>Utilisez des commentaires <strong>pour avertir des conséquences</strong>.</li>
-</ol>
-<h2 id="structure-du-code-source">Structure du code source</h2>
-<ol>
-<li><strong>Séparez les concepts verticalement</strong>.</li>
-<li><strong>Le code lié</strong> devrait apparaître <strong>dense verticalement</strong>.</li>
-<li>Déclarez les <strong>variables à proximité de leurs usages</strong>.</li>
-<li><strong>Les fonctions dépendantes les unes des autres</strong> devraient être <strong>à
-proximité</strong>.</li>
-<li><strong>Les fonctions similaires</strong> devraient être <strong>à proximité les unes des
-autres</strong>.</li>
-<li>Placez les fonctions dans <strong>la direction descendante</strong>.</li>
-<li>Gardez les <strong>lignes courtes</strong>.</li>
-<li>N&#39;alignez rien horizontalement.</li>
-<li>Utilisez des <strong>espaces pour associer des choses liées</strong> et dissocier des
-choses liées faiblement.</li>
-<li><strong>Ne cassez pas l&#39;indentation</strong>.</li>
-</ol>
-<h2 id="objets-et-structures-de-données">Objets et structures de données</h2>
-<ol>
-<li>Cachez les structures internes.</li>
-<li>Devraient être <strong>petits</strong>.</li>
-<li><strong>Ne font qu&#39;une chose</strong>.</li>
-<li><strong>Possèdent un petit nombre de variables d&#39;instance</strong>. Si votre classe a trop
-de variables d&#39;instance, il est probable que votre objet fasse plus qu&#39;une
-chose.</li>
-<li>Une classe de base ne devrait rien connaître de ses classes dérivées.</li>
-<li><strong>Il vaut mieux avoir plusieurs fonctions</strong> que de passer du code à une
-fonction pour qu&#39;elle choisisse un comportement.</li>
-<li><strong>Préférez des méthodes non statiques</strong>.</li>
-</ol>
-<h2 id="tests"><a href="/post/bon-test-unitaire-integration-fonctionnel/">Tests</a></h2>
-<ol>
-<li><strong>Un concept</strong> par test.</li>
-<li><strong>Rapides</strong>.</li>
-<li><strong>Indépendants</strong>.</li>
-<li><strong>Répétables</strong>.</li>
-<li><strong>Auto validants</strong>.</li>
-<li><strong>Utiles</strong>.</li>
-<li><strong>Lisibles</strong>.</li>
-<li><strong>Faciles à lancer</strong>.</li>
-<li><a href="/post/code-coverage-taux-couverture-tests/">Utilisez un <strong>outil de génération de
-couverture de code</strong></a>.</li>
-</ol>
-<h2 id="indicateurs-dun-code-pas-terrible-code-smells">Indicateurs d&#39;un code pas terrible (<em>Code smells</em>)</h2>
-<ol>
-<li><strong>Rigidité</strong> : le logiciel est difficile à faire évoluer. Une petite
-modification peut causer une cascade de changements.</li>
-<li><strong>Fragilité</strong> : le logiciel dysfonctionne en plusieurs endroits en
-réponse à un unique changement.</li>
-<li><strong>Immobilité</strong> : vous ne pouvez pas réutiliser une partie du code dans
-d&#39;autres projets car cette opération est risquée ou nécessite un grand
-effort.</li>
-<li><a href="/post/complexite-charge-cognitive/"><strong>Complexité inutile</strong></a>.</li>
-<li><strong>Répétition inutile</strong>.</li>
-<li><strong>Opacité</strong> : le code est difficile à comprendre.</li>
-</ol>
-<h2 id="gestion-des-erreurs">Gestion des erreurs</h2>
-<ol>
-<li><strong>Ne mélangez pas</strong> la gestion des erreurs et le code.</li>
-<li>Utilisez des <strong>Exceptions</strong> au lieu de renvoyer des codes d&#39;erreurs.</li>
-<li><strong>Ne retournez pas <code>null</code></strong>, <a href="/post/mauvaises-pratiques-bugs/">n&#39;utilisez pas <code>null</code> non
-plus</a>.</li>
-<li>Lancer des exceptions <strong>avec du contexte</strong>.</li>
-</ol>
-]]></description>
-      <link>https://damien.pobel.fr/post/clean-code</link>
-      <guid isPermaLink="true">https://damien.pobel.fr/post/clean-code</guid>
-      <category><![CDATA[complexité]]></category>
-      <category><![CDATA[métier]]></category>
-      <category><![CDATA[qualité]]></category>
-      <category><![CDATA[code]]></category>
-      <category><![CDATA[bonnes pratiques]]></category>
-      <category><![CDATA[traduction]]></category>
-      <category><![CDATA[clean code]]></category>
-      <category><![CDATA[unit test]]></category>
-      <pubDate>Invalid Date</pubDate>
-    </item>
   </channel>
 </rss>

RSS tag

--- "métier.xml.pretty" 2024-03-02 09:58:13.446918879 +0000
+++ "../web/rss/métier.xml.pretty"  2024-03-02 09:58:13.446918879 +0000
@@ -5,9 +5,81 @@
     <description><![CDATA[métier]]></description>
     <link>https://damien.pobel.fr</link>
     <generator>metalsmith-feed</generator>
-    <lastBuildDate>Tue, 27 Feb 2024 07:06:24 GMT</lastBuildDate>
+    <lastBuildDate>Sat, 02 Mar 2024 09:57:25 GMT</lastBuildDate>
     <atom:link href="https://damien.pobel.fr/rss/métier.xml" rel="self" type="application/rss+xml"/>
     <item>
+      <title><![CDATA[La maintenabilité comme critère de décision]]></title>
+      <description><![CDATA[<figure class="object-center bordered">
+  <img loading="lazy" src="/images/660x/shrug.png" alt="Image où il est inscrit
+  ¯\_(ツ)_/¯ qui signifie shrug ou haussement d'épaule.">
+</figure>
+
+<p>En début d&#39;année, j&#39;ai lu <a href="https://www.packtpub.com/product/get-your-hands-dirty-on-clean-architecture-second-edition/9781805128373">Get Your Hands Dirty on Clean Architecture (Second
+Edition)</a>
+de <a href="https://reflectoring.io/authors/tom/">Tom Hombergs</a>. Comme son titre
+l&#39;indique, ce très bon livre traite de la <em>Clean Architecture</em> et plus
+particulièrement de <a href="https://fr.wikipedia.org/wiki/Architecture_hexagonale">l&#39;architecture
+hexagonale</a>. Tout au long
+des quelques 140 pages, l&#39;auteur aborde ce type d&#39;architecture sous différents
+aspects mais il en est un qui revient régulièrement tout en étant le sujet du
+premier chapitre : <strong>la maintenabilité</strong>.</p>
+<p>Une bonne partie de ce premier chapitre peut se résumer par cette expression
+<em>pseudo-mathématique</em> :</p>
+<pre><code class="language-plaintext">maintenabilité &gt;&gt;&gt; tout le reste
+</code></pre>
+<p>Dans <em>tout le reste</em> rentrent les qualités qu&#39;on cherche souvent à atteindre
+dans la construction d&#39;un logiciel par exemple les performances, la
+<em>scalabilité</em>, la robustesse, la flexibilité et bien d&#39;autres… Et comme
+l&#39;explique très bien l&#39;auteur, la maintenabilité a ceci de spécial qu&#39;elle est
+une qualité qui permet d&#39;atteindre toutes les autres. En effet, dès qu&#39;un
+logiciel est maintenable, il est facile à faire évoluer pour atteindre certaines
+qualités dès que le besoin émerge. Évidemment, l&#39;ajout de
+fonctionnalités et la correction des bugs sont également d&#39;autant plus simples que le
+code est maintenable. En d&#39;autres termes, la maintenabilité aide à la fois à
+atteindre des objectifs fonctionnels et non fonctionnels.</p>
+<p>Je formule généralement cette idée de la manière suivante :</p>
+<blockquote>
+<p>Un bon code est un code facile à changer.</p>
+</blockquote>
+<p>Ni plus, ni moins. Jusque là, rien de très original je crois mais ça va mieux en
+le disant 😁</p>
+<p>Dans ce chapitre, Tom Hombergs pousse la réflexion un peu plus loin et notamment
+en énonçant ce qui m&#39;apparaît maintenant comme un corollaire :</p>
+<blockquote>
+<p>Whenever we have to decide between multiple options, we can choose the one
+that makes the code easier to change in the future. No more agonizing between
+different options. We just take the one that increases maintainability the
+most.</p>
+</blockquote>
+<p>ce qui peut se traduire par :</p>
+<blockquote>
+<p>Chaque fois que nous devons choisir entre plusieurs options, nous pouvons
+choisir celle qui rendra le code plus facile à changer dans le futur. Plus
+besoin de se torturer l&#39;esprit entre différentes options. Nous choisissons
+simplement celle qui augmente le plus la maintenabilité.</p>
+</blockquote>
+<p>Quand j&#39;ai lu cette partie, je dois dire qu&#39;une petite lumière s&#39;est allumée
+dans ma tête 💡 J&#39;ai beau être convaincu de l&#39;importance de la maintenabilité
+depuis de nombreuses années maintenant, je n&#39;avais jamais considéré cette
+qualité comme une aide à la décision de manière aussi directe. Et forcément, en
+regardant un peu dans le rétroviseur, je me rends compte qu&#39;appliquer ce
+principe dans certaines décisions aurait potentiellement mener à de meilleurs
+choix.</p>
+<p>Comme souvent avec ce genre de principe général, il s&#39;agit d&#39;un élément parmi
+beaucoup d&#39;autres et comme l&#39;indique Tom Hombergs, le <em>bon</em> choix n&#39;est parfois
+pas celui qui améliore ou conserve la maintenabilité. Néanmoins opter pour ce
+principe par défaut me semble être une bonne approche.</p>
+]]></description>
+      <link>https://damien.pobel.fr/post/la-maintenabilite-comme-critere-de-decision</link>
+      <guid isPermaLink="true">https://damien.pobel.fr/post/la-maintenabilite-comme-critere-de-decision</guid>
+      <category><![CDATA[bonnes pratiques]]></category>
+      <category><![CDATA[métier]]></category>
+      <category><![CDATA[travail]]></category>
+      <category><![CDATA[qualité]]></category>
+      <category><![CDATA[code]]></category>
+      <pubDate>Sat, 02 Mar 2024 00:00:00 GMT</pubDate>
+    </item>
+    <item>
       <title><![CDATA[Utils et helper sont sur un bateau…]]></title>
       <description><![CDATA[<figure class="object-center bordered">
   <img loading="lazy" src="/images/660x/plouf.jpg" alt="Petites vaguelettes
@@ -642,39 +714,5 @@
       <category><![CDATA[qualité]]></category>
       <pubDate>Fri, 15 Mar 2019 00:00:00 GMT</pubDate>
     </item>
-    <item>
-      <title><![CDATA[Veille de la semaine #11 de 2019]]></title>
-      <description><![CDATA[<ul>
-<li><a href="https://dev.to/granze/are-web-components-a-thing-3ae7">Are Web Components a thing?</a> (en)&nbsp;: yes!</li>
-<li><a href="http://neowaylabs.github.io/programming/unix-shell-for-data-scientists/">7 Unix Commands Every Data Scientist Should Know</a> (en)&nbsp;: j&#39;ai même envie de dire que tout·e développeur·se devrait connaître.</li>
-<li><a href="https://www.petermorlion.com/991-2/">Unit Testing Best Practices: 7 Ways to Improve Your Tests</a> (en)&nbsp;: de très bons conseils pour améliorer vos tests</li>
-<li><a href="https://medium.com/@erichiggins/technical-debt-is-like-tetris-168f64d8b700">Technical Debt is like Tetris</a> (en)&nbsp;: excellente analogie et ❤ Tetris (traduction en français dans <a href="/post/dette-technique-partie-tetris/">La dette technique est comme une partie de Tetris</a>)</li>
-<li><a href="https://aweary.dev/fault-tolerance-react/">The Fault in Our Tolerance: Accounting for Failures in React</a> (en)&nbsp;: comment rendre une application React un peu plus résiliente aux potentielles erreurs</li>
-<li><a href="https://tech.decitre.fr/posts/refonte-visuels-produits-1-les-aventuriers-du-coffre-perdu">Refonte de nos 3 millions de visuels produits - Les aventuriers du coffre perdu</a> (fr)&nbsp;: une <em>aventure</em> pleine de rebondissements ;)</li>
-<li><a href="https://mixitconf.org/ticketing">Billetterie MiXiT</a> (fr)&nbsp;: Je devrais pas en faire la publicité, ça réduit mes chances d&#39;être tiré au sort ;) mais MixIT 2019 est vraiment une super conférence.</li>
-<li><a href="https://www.timsommer.be/famous-laws-of-software-development/">Famous laws of Software development</a> (en)&nbsp;: je dirais pas que ce sont des lois, mais elles se vérifient tellement souvent…</li>
-</ul>
-<p>Et un peu hors-sujet&nbsp;:</p>
-<ul>
-<li><a href="http://lapenseeecologique.com/et-si-nous-nous-trompions-de-transition-pour-un-luddisme-ecologique/">Et si nous nous trompions de transition ? Pour un luddisme écologique</a> (fr)&nbsp;: le conditionnel est sans doute de trop…</li>
-</ul>
-<p>(En plus du <a href="/rss.xml">flux RSS global</a>, les billets <em>veille</em>
-et uniquement ceux là sont listés dans le <a href="/rss/veille.xml">flux RSS correspondant</a>)</p>
-]]></description>
-      <link>https://damien.pobel.fr/post/veille-semaine-11-2019</link>
-      <guid isPermaLink="true">https://damien.pobel.fr/post/veille-semaine-11-2019</guid>
-      <category><![CDATA[veille]]></category>
-      <category><![CDATA[code]]></category>
-      <category><![CDATA[métier]]></category>
-      <category><![CDATA[conférence]]></category>
-      <category><![CDATA[retour d'expérience]]></category>
-      <category><![CDATA[react]]></category>
-      <category><![CDATA[unit test]]></category>
-      <category><![CDATA[shell]]></category>
-      <category><![CDATA[unix]]></category>
-      <category><![CDATA[standard]]></category>
-      <category><![CDATA[web components]]></category>
-      <pubDate>Thu, 14 Mar 2019 11:12:16 GMT</pubDate>
-    </item>
   </channel>
 </rss>

RSS tag fr

--- fr.xml.pretty   2024-03-02 09:58:14.226914871 +0000
+++ ../web/rss/linux/fr.xml.pretty  2024-03-02 09:58:14.230914851 +0000
@@ -5,7 +5,7 @@
     <description><![CDATA[linux]]></description>
     <link>https://damien.pobel.fr</link>
     <generator>metalsmith-feed</generator>
-    <lastBuildDate>Tue, 27 Feb 2024 07:06:24 GMT</lastBuildDate>
+    <lastBuildDate>Sat, 02 Mar 2024 09:57:25 GMT</lastBuildDate>
     <atom:link href="https://damien.pobel.fr/rss/linux/fr.xml" rel="self" type="application/rss+xml"/>
     <item>
       <title><![CDATA[Veille de la semaine #19 de 2018]]></title>