1<!DOCTYPE html> 2<html dir="ltr" lang="fr-FR"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 8 <title>Jardin numérique | Publications de Pikselkraft</title> 9<meta name="description" content="Cet espace regroupe mes publications. Je l'organise en suivant les principes du digital garden." /> 10<link rel="canonical" href="https://pikselkraft.fr/jardin" /> 11<meta name="referrer" content="no-referrer"> 12<meta name="generator" content="Kirby (5.4.3)"> 13<link rel="author" type="text/plain" href="humans.txt" /> 14 <link rel="alternate" type="application/rss+xml" title="Sâabonner aux dernières publications" href="https://pikselkraft.fr/rss"/> 15 16 17 <meta name="color-scheme" content="light dark"> 18
18<script nonce="10bi9n+Te4aCQVrZZh9drA=="> 19 let t = 'light dark'; 20 try { 21 t = localStorage.getItem('theme') || 'light dark'; 22 } catch (e) {} 23 24 const metas = document.head.getElementsByTagName('meta'); 25 for (let i = 0; i < metas.length; i++) { 26 if (metas[i].name === 'color-scheme') { 27 metas[i].parentNode.removeChild(metas[i]); 28 break; 29 } 30 } 31 32 const meta = document.createElement('meta'); 33 meta.name = 'color-scheme'; 34 meta.content = t; 35 document.head.appendChild(meta); 36 </script>
36 37 <meta name="theme-color" content="#f5f1f1" media="(prefers-color-scheme: light)"> 38<meta name="theme-color" content="#343e3D" media="(prefers-color-scheme: dark)" > 39 <link href="https://pikselkraft.fr/assets/css/style.7b50f1991eb6f2da9959795ca3347f16.min.css" rel="stylesheet"> 40<link href="https://pikselkraft.fr/assets/css/print.css" media="print" rel="stylesheet"> 41 <link rel="preload" as="font" href="/assets/fonts/paysage-regular.woff2" type="font/woff2" crossorigin="anonymous"> 42 <link rel="preload" as="font" href="/assets/fonts/bonto.woff2" type="font/woff2" crossorigin="anonymous"> 43 44 <!-- Favicon --> 45<link rel="icon" type="image/png" href="https://pikselkraft.fr/assets/fav/favicon-96x96.png" sizes="96x96" /> 46<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> 47<link rel="shortcut icon" href="/favicon.ico" /> 48<link rel="apple-touch-icon" sizes="180x180" href="https://pikselkraft.fr/assets/fav/apple-touch-icon.png" /> 49<meta name="apple-mobile-web-app-title" content="Pikselkraft" /> 50<link rel="manifest" href="/site.webmanifest" /> 51 <!-- Social tags --> 52<link rel="me" href="https://mastodon.design/@pikselkraft"/> 53<meta property="og:type" content="website"> 54<meta property="og:title" content="Jardin numérique | Publications de Pikselkraft"> 55<meta property="og:description" content="Cet espace regroupe mes publications. Je l'organise en suivant les principes du digital garden."> 56<meta property="og:url" content="https://pikselkraft.fr/jardin"> 57<meta property="og:site_name" content="Pikselkraft"> 58<!-- I no longer use Twitter cards. X/Twitter is a fascist network, probably like all GAFAM companies in fact. --> 59 60 61 <!-- Web2print feature --> 62 63
63<script type="application/ld+json"> 64{ 65 "@context": "http://www.schema.org", 66 "@type": "WebSite", 67 "name": "Pikselkraft", 68 "url": "https://pikselkraft.fr" 69} 70</script>
70 71
71<script type="application/ld+json"> 72{ 73 "@context": "http://schema.org", 74 "@type": "BreadcrumbList", 75 "itemListElement": [ 76 { 77 "@type": "ListItem", 78 "position": 1, 79 "item": { 80 "@id": "https://pikselkraft.fr", 81 "name": "Pikselkraft" 82 } 83 }, 84 { 85 "@type": "ListItem", 86 "position": 2, 87 "item": 88 { 89 "@id": "https://pikselkraft.fr/jardin", 90 "name": "Jardin" 91 } 92 }] 93} 94</script>
94 95 </head> 96<body id="top" data-template="jardin" data-title="Jardin"> 97 98<nav class="nav-skiplinks" role="navigation" aria-label="Lien d'accès rapide" > 99 <ul class="flex | m0 list-none"> 100 <li> 101 <a class="skiplink" href="#main">Aller directement au contenu</a> 102 </li> 103 <li> 104 <a class="skiplink" href="/plan-du-site">Plan du site</a> 105 </li> 106 </ul> 107</nav> 108<header id="header" class="header | mauto | relative" role="banner"> 109<div id="header__nav" class="header__nav | m-flex m-flex-column gap-s | relative"> 110 <div class="header__logo"> 111 <div class="breadcrumb"> 112<nav class="breadcrumb__container" aria-label="fil d'ariane" role="navigation"> 113 <ol class="breadcrumb__list | m-flex m-gap-s | list-reset list-none"><span aria-hidden="true">â§</span> 114 <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr" >Accueil</a></li> 115 <li class="breadcrumb__item"><a class="breadcrumb__link no-underline" href="https://pikselkraft.fr/jardin" aria-current="page" >Jardin</a></li> 116 </ol> 117</nav> 118</div> 119 <a href="https://pikselkraft.fr" class="logo logo-text | fit-content mauto-left | h3-like heading-like font-brand | no-underline" aria-label="Page d'accueil" title="Pikselkraft : retour à la page d'accueil"><span aria-hidden="true">âª</span> Pikselkraft</a> 120 </div> 121 122<nav class="header__menu menu" id="menu" role="navigation" aria-label="menu principal"> 123 <ul id="menu-list" class="menu__list list-reset | m-flex m-flex-row flex-column m-flex-wrap gap-l | relative | list-none"> 124 <li class="menu__item"> 125 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes services" aria-label="Mes services" href="https://pikselkraft.fr/conciergerie"> 126 Conciergerie </a> 127 </li> 128 <li class="menu__item"> 129 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Mes projets" aria-label="Mes projets" href="https://pikselkraft.fr/forge"> 130 Forge </a> 131 </li> 132 <li class="menu__item"> 133 <a aria-current="page" class="menu__link | relative | no-underline font-bold " aria-label="Mes publications" href="https://pikselkraft.fr/jardin"> 134 Jardin </a> 135 </li> 136 <li class="menu__item"> 137 <a class="menu__link | relative | no-underline font-bold tooltip" tooltip-data="Me contacter" aria-label="Me contacter" href="https://pikselkraft.fr/bavarder"> 138 Bavarder </a> 139 </li> 140 <div class="menu-mode | m-flex m-flex-row align-center gap-s"> 141 <li class="menu__color"> 142 <button id="btn-clair" class="color-mode font-monospace" title="Activer le mode clair" value="light"> 143 <span id="light-mode__symbol" aria-hidden="true">☀</span> 144 <span id="dark-mode__text" class="visually-hidden">Activer le mode sombre</span> 145 </button> 146 </li> 147 <li class="menu__color"> 148 <button id="btn-sombre" aria-pressed="false" class="color-mode font-monospace" title="Activer le mode sombre" value="dark"> 149 <span id="dark-mode__symbol" aria-hidden="true">☾</span> 150 <span id="light-mode__text" class="visually-hidden">Activer le mode clair</span> 151 </button> 152 </li> 153 </div> 154 </ul> 155</nav> 156</div> 157 <div id="anchor-top" class="header-slot"> 158 <section class="hero | m-flex m-flex-column m-gap-base flex flex-row gap-l2"> 159 <img class="hero__illu" alt="illustration dans un style proche des vitraux. L'illustration représente une machine à écrire connectée avec une antenne entourée de motifs floraux" src="https://pikselkraft.fr/media/site/5eb0d3d233-1789561618/ecrire.svg"> 160 161 <div class="hero__intro | m-flex m-flex-column"> 162 <h1>Jardin <br> numérique</h1> 163 <div class="flow"><p>Cet espace regroupe mes publications. Je l'organise en suivant les principes du <a href="https://maggieappleton.com/garden-history">digital garden</a>. Les articles et les notes sont triés par tags, avancement (semis, jeune pousse, arbre) et contexte (usage, technique, réflexion).</p></div> 164 <aside class="garden-sidebar | mt-l"> 165 <div class="relative | pa-base | flow square-hover border border-hover"> 166 <p><strong>Légende</strong><br /> 167<span data-emoji=true role="img" aria-label="Emoji de chien guide">🦮</span>
167 Vous pouvez chercher un sujet avec « ctrl + F ». Cette page regroupe la liste complète des articles.<br /> 168<span data-emoji=true role="img" aria-label="Emoji de journal">📰</span> sujets / <span data-emoji=true role="img" aria-label="Emoji de jeune plante">🌱</span> avancement / <span data-emoji=true role="img" aria-label="Emoji de mégaphone">📢</span> thématique</p> </div> 169 </aside> 170 <a class="hero__arrow" href="#les-publications-bonne-lecture"> 171 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> 172 <path fill="currentColor" d="M11 4h2v12h2v2h-2v2h-2v-2H9v-2h2zM7 14v2h2v-2zm0 0v-2H5v2zm10 0v2h-2v-2zm0 0v-2h2v2z"/> 173</svg> 174 </a> 175 </div> 176 </section> 177 </div> 178</header> 179 180<main id="main" class="main mauto" data-template="jardin" role="main" tabindex="0"> 181 182<section id="les-publications-bonne-lecture" class="articles__list yearlist | mt-l2 mw730 mauto | asterism"> 183<h2 class="tc">Articles, guides & notes</h2> 184<div class="mt-l2"> 185<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 186 <h3 class="h5-like lh font-brand">2026</h3> 187 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 188 <article class="articles__article | flex flex-column m-gap-s3"> 189 <a href="https://pikselkraft.fr/jardin/une-organisation-simple-fichiers-txt-dossiers-et-terminal"> 190 <h4 class="h6-like">Tout en texte : mon organisation entre fichiers .txt, dossiers et terminal <span aria-hidden="true">â </span></h4> 191 </a> 192 <div class="m-flex flex-wrap space-between"> 193 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 194 <dt class="visually-hidden">Tags : </dt> 195 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 196 technique, TUI </dd> 197 <dt class="visually-hidden">Avancement : </dt> 198 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 199 <dt class="visually-hidden">Thématique : </dt> 200 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 201 </dl> 202 </div> 203 </article> 204 <article class="articles__article | flex flex-column m-gap-s3"> 205 <a href="https://pikselkraft.fr/jardin/un-numerique-local-en-bourgogne"> 206 <h4 class="h6-like">Devenir développeur local en Bourgogne <span aria-hidden="true">â </span></h4> 207 </a> 208 <div class="m-flex flex-wrap space-between"> 209 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 210 <dt class="visually-hidden">Tags : </dt> 211 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 212 biorégion, programmation </dd> 213 <dt class="visually-hidden">Avancement : </dt> 214 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌱</span> semis</dd> 215 <dt class="visually-hidden">Thématique : </dt> 216 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> réflexion</dd> 217 </dl> 218 </div> 219 </article> 220 <article class="articles__article | flex flex-column m-gap-s3"> 221 <a href="https://pikselkraft.fr/jardin/un-futur-numerique-bioregional"> 222 <h4 class="h6-like">Un futur numerique biorégional <span aria-hidden="true">â </span></h4> 223 </a> 224 <div class="m-flex flex-wrap space-between"> 225 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 226 <dt class="visually-hidden">Tags : </dt> 227 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 228 biorégion, permacomputing </dd> 229 <dt class="visually-hidden">Avancement : </dt> 230 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 231 <dt class="visually-hidden">Thématique : </dt> 232 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> réflexion</dd> 233 </dl>
234 </div> 235 </article> 236 <article class="articles__article | flex flex-column m-gap-s3"> 237 <a href="https://pikselkraft.fr/jardin/favoris-fonderies"> 238 <h4 class="h6-like">Favoris : fonderies <span aria-hidden="true">â </span></h4> 239 </a> 240 <div class="m-flex flex-wrap space-between"> 241 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 242 <dt class="visually-hidden">Tags : </dt> 243 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 244 web </dd> 245 <dt class="visually-hidden">Avancement : </dt> 246 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 247 <dt class="visually-hidden">Thématique : </dt> 248 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 249 </dl> 250 </div> 251 </article> 252 <article class="articles__article | flex flex-column m-gap-s3"> 253 <a href="https://pikselkraft.fr/jardin/favoris-moteurs-de-recherche"> 254 <h4 class="h6-like">Favoris : moteurs de recherche <span aria-hidden="true">â </span></h4> 255 </a> 256 <div class="m-flex flex-wrap space-between"> 257 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 258 <dt class="visually-hidden">Tags : </dt> 259 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 260 web </dd> 261 <dt class="visually-hidden">Avancement : </dt> 262 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 263 <dt class="visually-hidden">Thématique : </dt> 264 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 265 </dl> 266 </div> 267 </article> 268 <article class="articles__article | flex flex-column m-gap-s3"> 269 <a href="https://pikselkraft.fr/jardin/la-version-3-de-pikselkraft"> 270 <h4 class="h6-like">La version 3 de Pikselkraft <span aria-hidden="true">â </span></h4> 271 </a> 272 <div class="m-flex flex-wrap space-between"> 273 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 274 <dt class="visually-hidden">Tags : </dt> 275 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 276 écoconception, kirby cms </dd> 277 <dt class="visually-hidden">Avancement : </dt> 278 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 279 <dt class="visually-hidden">Thématique : </dt> 280 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 281 </dl> 282 </div> 283 </article> 284 </div> 285</div> 286<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 287 <h3 class="h5-like lh font-brand">2024</h3> 288 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 289 <article class="articles__article | flex flex-column m-gap-s3"> 290 <a href="https://pikselkraft.fr/jardin/configurer-authentification-multifacteur-2fa-guide"> 291 <h4 class="h6-like">Configurer l'authentification multifacteur (2FA) [Guide] <span aria-hidden="true">â </span></h4> 292 </a> 293 <div class="m-flex flex-wrap space-between"> 294 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 295 <dt class="visually-hidden">Tags : </dt> 296 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 297 sécurité et vie privée, guide </dd> 298 <dt class="visually-hidden">Avancement : </dt> 299 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌱</span> semis</dd> 300 <dt class="visually-hidden">Thématique : </dt> 301 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 302 </dl>
303 </div> 304 </article> 305 </div> 306</div> 307<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 308 <h3 class="h5-like lh font-brand">2022</h3> 309 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 310 <article class="articles__article | flex flex-column m-gap-s3"> 311 <a href="https://pikselkraft.fr/jardin/conseil-pour-les-rapports-de-bug"> 312 <h4 class="h6-like">Conseil pour les rapports de bug <span aria-hidden="true">â </span></h4> 313 </a> 314 <div class="m-flex flex-wrap space-between"> 315 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 316 <dt class="visually-hidden">Tags : </dt> 317 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 318 sécurité et vie privée, guide </dd> 319 <dt class="visually-hidden">Avancement : </dt> 320 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌱</span> semis</dd> 321 <dt class="visually-hidden">Thématique : </dt> 322 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 323 </dl> 324 </div> 325 </article> 326 <article class="articles__article | flex flex-column m-gap-s3"> 327 <a href="https://pikselkraft.fr/jardin/conseils-pour-la-creation-d-un-mot-de-passe-robuste"> 328 <h4 class="h6-like">Conseils pour la création dâun mot de passe robuste <span aria-hidden="true">â </span></h4> 329 </a> 330 <div class="m-flex flex-wrap space-between"> 331 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 332 <dt class="visually-hidden">Tags : </dt> 333 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 334 sécurité et vie privée, guide </dd> 335 <dt class="visually-hidden">Avancement : </dt> 336 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 337 <dt class="visually-hidden">Thématique : </dt> 338 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 339 </dl> 340 </div> 341 </article> 342 <article class="articles__article | flex flex-column m-gap-s3"> 343 <a href="https://pikselkraft.fr/jardin/optimisations-des-pdfs"> 344 <h4 class="h6-like">Optimisations des PDFs <span aria-hidden="true">â </span></h4> 345 </a> 346 <div class="m-flex flex-wrap space-between"> 347 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 348 <dt class="visually-hidden">Tags : </dt> 349 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 350 écoconception, guide </dd> 351 <dt class="visually-hidden">Avancement : </dt> 352 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌱</span> semis</dd> 353 <dt class="visually-hidden">Thématique : </dt> 354 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 355 </dl> 356 </div> 357 </article> 358 </div> 359</div> 360<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 361 <h3 class="h5-like lh font-brand">2021</h3> 362 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 363 <article class="articles__article | flex flex-column m-gap-s3"> 364 <a href="https://pikselkraft.fr/jardin/npm-scripts-pourquoi-nous-avons-besoin-d-alternatives"> 365 <h4 class="h6-like">NPM scripts, pourquoi nous avons besoin d'alternatives <span aria-hidden="true">â </span></h4> 366 </a> 367 <div class="m-flex flex-wrap space-between"> 368 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 369 <dt class="visually-hidden">Tags : </dt> 370 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 371 écoconception </dd> 372 <dt class="visually-hidden">Avancement : </dt> 373 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌳</span> arbre</dd> 374 <dt class="visually-hidden">Thématique : </dt> 375 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 376 </dl>
377 </div> 378 </article> 379 <article class="articles__article | flex flex-column m-gap-s3"> 380 <a href="https://pikselkraft.fr/jardin/pourquoi-le-cms-kirby-pour-nos-projets-ecoresponsables"> 381 <h4 class="h6-like">Pourquoi le CMS Kirby pour nos projets écoresponsables ? <span aria-hidden="true">â </span></h4> 382 </a> 383 <div class="m-flex flex-wrap space-between"> 384 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 385 <dt class="visually-hidden">Tags : </dt> 386 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 387 écoconception, kirby cms </dd> 388 <dt class="visually-hidden">Avancement : </dt> 389 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌳</span> arbre</dd> 390 <dt class="visually-hidden">Thématique : </dt> 391 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 392 </dl> 393 </div> 394 </article> 395 </div> 396</div> 397<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 398 <h3 class="h5-like lh font-brand">2020</h3> 399 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 400 <article class="articles__article | flex flex-column m-gap-s3"> 401 <a href="https://pikselkraft.fr/jardin/la-sobriete-numerique-pour-un-usage-quotidien"> 402 <h4 class="h6-like">La sobriété numérique pour un usage quotidien <span aria-hidden="true">â </span></h4> 403 </a> 404 <div class="m-flex flex-wrap space-between"> 405 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 406 <dt class="visually-hidden">Tags : </dt> 407 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 408 écoconception </dd> 409 <dt class="visually-hidden">Avancement : </dt> 410 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 411 <dt class="visually-hidden">Thématique : </dt> 412 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 413 </dl> 414 </div> 415 </article> 416 <article class="articles__article | flex flex-column m-gap-s3"> 417 <a href="https://pikselkraft.fr/jardin/bhallot-etude-de-cas-optimisation-ecoconception-et-e-commerce"> 418 <h4 class="h6-like">Bhallot, étude de cas : optimisation, écoconception et e-commerce <span aria-hidden="true">â </span></h4> 419 </a> 420 <div class="m-flex flex-wrap space-between"> 421 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 422 <dt class="visually-hidden">Tags : </dt> 423 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 424 écoconception, wordpress </dd> 425 <dt class="visually-hidden">Avancement : </dt> 426 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌳</span> arbre</dd> 427 <dt class="visually-hidden">Thématique : </dt> 428 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 429 </dl> 430 </div> 431 </article> 432 <article class="articles__article | flex flex-column m-gap-s3"> 433 <a href="https://pikselkraft.fr/jardin/repenser-nos-echanges-avec-les-utilisateurs-le-cafe-du-web"> 434 <h4 class="h6-like">Repenser nos échanges avec les utilisateurs : le café du web <span aria-hidden="true">â </span></h4> 435 </a> 436 <div class="m-flex flex-wrap space-between"> 437 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 438 <dt class="visually-hidden">Tags : </dt> 439 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 440 écoconception </dd> 441 <dt class="visually-hidden">Avancement : </dt> 442 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 443 <dt class="visually-hidden">Thématique : </dt> 444 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> réflexion</dd> 445 </dl>
446 </div> 447 </article> 448 <article class="articles__article | flex flex-column m-gap-s3"> 449 <a href="https://pikselkraft.fr/jardin/les-livres-sur-l-ecoconception-web-et-les-sites-low-tech"> 450 <h4 class="h6-like">Les livres sur l'écoconception web et les sites low-tech <span aria-hidden="true">â </span></h4> 451 </a> 452 <div class="m-flex flex-wrap space-between"> 453 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 454 <dt class="visually-hidden">Tags : </dt> 455 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 456 culture libre </dd> 457 <dt class="visually-hidden">Avancement : </dt> 458 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 459 <dt class="visually-hidden">Thématique : </dt> 460 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 461 </dl> 462 </div> 463 </article> 464 </div> 465</div> 466<div class="m-flex m-flex-column flex flex-row align-start mt-section"> 467 <h3 class="h5-like lh font-brand">2019</h3> 468 <div class="articles-list__container | m-flex m-flex-column m-gap-base gap-base flex-1-1-0"> 469 <article class="articles__article | flex flex-column m-gap-s3"> 470 <a href="https://pikselkraft.fr/jardin/publii-un-generateur-statique-accessible-et-local"> 471 <h4 class="h6-like">Publii un générateur statique accessible et local <span aria-hidden="true">â </span></h4> 472 </a> 473 <div class="m-flex flex-wrap space-between"> 474 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 475 <dt class="visually-hidden">Tags : </dt> 476 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 477 écoconception, kirby cms </dd> 478 <dt class="visually-hidden">Avancement : </dt> 479 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 480 <dt class="visually-hidden">Thématique : </dt> 481 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 482 </dl> 483 </div> 484 </article> 485 <article class="articles__article | flex flex-column m-gap-s3"> 486 <a href="https://pikselkraft.fr/jardin/integrer-une-demarche-ecologique-dans-sa-conception-et-sa-communication"> 487 <h4 class="h6-like">Intégrer une démarche écologique dans sa conception et sa communication <span aria-hidden="true">â </span></h4> 488 </a> 489 <div class="m-flex flex-wrap space-between"> 490 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 491 <dt class="visually-hidden">Tags : </dt> 492 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 493 écoconception </dd> 494 <dt class="visually-hidden">Avancement : </dt> 495 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 496 <dt class="visually-hidden">Thématique : </dt> 497 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> réflexion</dd> 498 </dl> 499 </div> 500 </article> 501 <article class="articles__article | flex flex-column m-gap-s3"> 502 <a href="https://pikselkraft.fr/jardin/les-sites-statiques-simplicite-et-resilience"> 503 <h4 class="h6-like">Les sites statiques : simplicité et résilience <span aria-hidden="true">â </span></h4> 504 </a> 505 <div class="m-flex flex-wrap space-between"> 506 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 507 <dt class="visually-hidden">Tags : </dt> 508 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 509 écoconception </dd> 510 <dt class="visually-hidden">Avancement : </dt> 511 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌱</span> semis</dd> 512 <dt class="visually-hidden">Thématique : </dt> 513 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 514 </dl>
515 </div> 516 </article> 517 <article class="articles__article | flex flex-column m-gap-s3"> 518 <a href="https://pikselkraft.fr/jardin/reduire-la-dette-technique-et-penser-sur-le-long-terme"> 519 <h4 class="h6-like">Réduire la dette technique et penser sur le long-terme <span aria-hidden="true">â </span></h4> 520 </a> 521 <div class="m-flex flex-wrap space-between"> 522 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 523 <dt class="visually-hidden">Tags : </dt> 524 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 525 écoconception </dd> 526 <dt class="visually-hidden">Avancement : </dt> 527 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 528 <dt class="visually-hidden">Thématique : </dt> 529 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 530 </dl> 531 </div> 532 </article> 533 <article class="articles__article | flex flex-column m-gap-s3"> 534 <a href="https://pikselkraft.fr/jardin/le-web-experimental-et-decentralise-un-peu-d-espoir"> 535 <h4 class="h6-like">Le web expérimental et décentralisé : un peu d'espoir <span aria-hidden="true">â </span></h4> 536 </a> 537 <div class="m-flex flex-wrap space-between"> 538 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 539 <dt class="visually-hidden">Tags : </dt> 540 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 541 décentralisation, web </dd> 542 <dt class="visually-hidden">Avancement : </dt> 543 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 544 <dt class="visually-hidden">Thématique : </dt> 545 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 546 </dl> 547 </div> 548 </article> 549 <article class="articles__article | flex flex-column m-gap-s3"> 550 <a href="https://pikselkraft.fr/jardin/slow-coffee-ou-cafe-filtre-un-bon-exemple-de-low-tech"> 551 <h4 class="h6-like">Slow coffee ou café filtre : un bon exemple de low-tech <span aria-hidden="true">â </span></h4> 552 </a> 553 <div class="m-flex flex-wrap space-between"> 554 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 555 <dt class="visually-hidden">Tags : </dt> 556 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 557 low tech </dd> 558 <dt class="visually-hidden">Avancement : </dt> 559 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌳</span> arbre</dd> 560 <dt class="visually-hidden">Thématique : </dt> 561 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> réflexion</dd> 562 </dl> 563 </div> 564 </article> 565 <article class="articles__article | flex flex-column m-gap-s3"> 566 <a href="https://pikselkraft.fr/jardin/ameliorer-la-securite-des-mots-de-passes-avec-du-libre"> 567 <h4 class="h6-like">Améliorer la sécurité des mots de passes avec du libre. <span aria-hidden="true">â </span></h4> 568 </a> 569 <div class="m-flex flex-wrap space-between"> 570 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 571 <dt class="visually-hidden">Tags : </dt> 572 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 573 écoconception, kirby cms </dd> 574 <dt class="visually-hidden">Avancement : </dt> 575 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 576 <dt class="visually-hidden">Thématique : </dt> 577 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> technique</dd> 578 </dl>
579 </div> 580 </article> 581 <article class="articles__article | flex flex-column m-gap-s3"> 582 <a href="https://pikselkraft.fr/jardin/les-reseaux-sociaux-alternatifs"> 583 <h4 class="h6-like">Les réseaux sociaux alternatifs <span aria-hidden="true">â </span></h4> 584 </a> 585 <div class="m-flex flex-wrap space-between"> 586 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 587 <dt class="visually-hidden">Tags : </dt> 588 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 589 décentralisation </dd> 590 <dt class="visually-hidden">Avancement : </dt> 591 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 592 <dt class="visually-hidden">Thématique : </dt> 593 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 594 </dl> 595 </div> 596 </article> 597 <article class="articles__article | flex flex-column m-gap-s3"> 598 <a href="https://pikselkraft.fr/jardin/les-moteurs-de-recherche-alternatifs"> 599 <h4 class="h6-like">Les moteurs de recherche alternatifs <span aria-hidden="true">â </span></h4> 600 </a> 601 <div class="m-flex flex-wrap space-between"> 602 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 603 <dt class="visually-hidden">Tags : </dt> 604 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 605 décentralisation, GAFAM </dd> 606 <dt class="visually-hidden">Avancement : </dt> 607 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 608 <dt class="visually-hidden">Thématique : </dt> 609 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 610 </dl> 611 </div> 612 </article> 613 <article class="articles__article | flex flex-column m-gap-s3"> 614 <a href="https://pikselkraft.fr/jardin/le-domaine-public-et-les-licences-libres"> 615 <h4 class="h6-like">Le domaine public et les licences libres <span aria-hidden="true">â </span></h4> 616 </a> 617 <div class="m-flex flex-wrap space-between"> 618 <dl class="articles__info | m-flex m-flex-column flex-row m-no-gap gap-base | pt-s3"> 619 <dt class="visually-hidden">Tags : </dt> 620 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">â¹ï¸</span> 621 culture libre </dd> 622 <dt class="visually-hidden">Avancement : </dt> 623 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">🌿</span> jeune pousse</dd> 624 <dt class="visually-hidden">Thématique : </dt> 625 <dd class="font-small"><span class="article-emoji font-monospace" aria-hidden="true">ð¢</span> usage</dd> 626 </dl> 627 </div> 628 </article> 629 </div> 630</div> 631</section> 632<section class="articles__list | mt-l2 mw730 mauto | asterism"> 633 <h3 class="h5-like lh font-brand tc">Publications et interviews</h3> 634 <div class="list-none | mt-content"> 635 <ul> 636<li><a href="https://news.defricheurs.fr/comment-reduire-son-impact-ecologique-sur-internet/">Comment réduire son impact écologique sur internet</a>
636, Les Défricheurs, Journal éthique</li> 637<li><a href="https://www.bhallot.eu/vers-un-site-web-eco-concu-vers-un-site-lowtech/">Vers un site web éco-conçu, vers un site lowtech !</a>, Bhallot</li> 638<li><a href="https://lowtechlab.org/fr/actualites-blog/faire-un-site-low-tech">Faire un site low-tech ?</a>, Low-tech Lab, co-écrit avec <a href="https://gauthierroussilhe.com/index.html" rel="noopener noreferrer" target="_blank">Gauthier Roussilhe</a> et <a href="https://sylvain-jule.fr/" rel="noopener noreferrer" target="_blank">Sylvain Julé</a></li> 639<li><a href="https://boutique.kaizen-magazine.com/hors-series/645-numero-special-numerique-responsable.html">Un site web éco-conçu : ça donne quoi ?</a>, Kaizen Magazine, numéro spécial sur le numérique responsable</li> 640<li><a href="https://www.thegreenroom.fr/actualites/creer-un-site-ecoconcu">Créer un site écoconçu</a>, The Green Room</li> 641<li>WE DEMAIN n° 37, Sophie Kloetzli, <a href="https://wedemain.aboshop.fr/common/product-article/128">article : Low-tech le web au régime minceur</a></li> 642<li>Climate Action Tech, <a href="https://climateaction.tech/actions/create-low-carbon-images/" rel="noopener noreferrer" target="_blank">Create Low-Carbon Images</a></li> 643<li>Supermab, <a href="https://supermab.org/actualites/un-site-eco-concu-pour-supermab" rel="noopener noreferrer" target="_blank">Un site éco-conçu pour Supermab</a></li> 644<li>La scène N°112, mars 2024, <a href="https://boutique.lascene.com/common/product-article/550" rel="noopener noreferrer" target="_blank">Interview sur le Fediverse</a></li> 645</ul> </div> 646</section> 647 648<a href="#anchor-top" id="back-to-top" aria-labelledby="back-up" class="back-to-top | h3-like no-underline"> 649 <span id="back-up" hidden="">Retour en haut de la page</span> 650 <span>â§</span> 651</a> 652</main> 653<footer id="footer" class="footer | relative mt-section | asterism border-top border-top-hover" role="contentinfo"> 654 655 <div class="footer__container | relative m-flex m-flex-column flex flex-row flex-wrap gap-l mw100 | mauto"> 656 657 <aside class="metadata | flex50 pa-encart | font-small square-hover border border-hover"> 658 <h2 class="h5-like miw100">Colophon / Métadata</h2> 659 <div class="footer__mention | mt-base | flow font-small"> 660 <p>Ce site a été réalisé en suivant les principes de l'écoconception et de l'accessibilité web, sans outils provenant des GAFAM.</p> </div> 661 <div class="metadata__container | fit-content flex flex-wrap relative"> 662 <ul class="mt-base | list-none list-square font-italic font-small"> 663 <li>Par Pikselkraft <span aria-hidden="true">â</span> Bourgogne, fait avec <a href="https://getkirby.com/">Kirby CMS</a> et édité dans <a href="https://www.vim.org/">VIM</a>.</li> 664 <li>Dernière modification : <time datetime="2026-09-16" pubdate="pubdate">16/09/2026</time></li> 665 <li>Première mise en ligne : <time datetime="1771372800">18/02/2026</time></li> 666 <li>Permalien : https://pikselkraft.fr/jardin</li> 667 <li><p>Typographiesâ¯: Bonto par <a href="https://blazetype.eu/typefaces/bonto">Victor Montet (Blaze Type)</a> et Paysage par <a href="https://www.tunera.xyz/fonts/paysage/">Anton Moglia (Tunera)</a>. Icônes par Pixelarticons ou fait-maison.</p></li> 668 <li><a href="mailto:contact@pikselkraft.fr">Me contacter</a></li> 669 <li lang="en">English version: please contact me to ask</li> 670 </ul> 671 </div> 672</aside> 673 674 675 <div class="footer__links | flex50 flex-column pa-encart | border-solid border-hover"> 676 <h2 class="h5-like miw100">Liens utiles</h2> 677 <nav class="footer__nav | mt-base" aria-label="Liens du pied de page" role="navigation"> 678 <ul class="m-flex m-flex-wrap m-gap-base gap-s | list-none"> 679 <li class="footer-nav__page"><a class="font-small no-underline" href="/plan-du-site">Plan du site</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/mentions-legales">Mentions legales</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/accessibilite">Accessibilite</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/ecoconception">Ecoconception</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/en-ce-moment">En ce moment</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/colophon">Colophon</a></li><li class="footer-nav__page"><a class="font-small no-underline" href="/meshtastic">Meshtastic</a></li> 680 </ul> 681 </nav> 682 <h2 class="h5-like | miw100 mt-section">Me suivre</h2> 683 <nav class="footer__nav | mt-base" role="navigation" aria-label="Réseaux sociaux et RSS"> 684 <ul class="m-flex m-flex-wrap gap-base | list-none"> 685 <li class="fit-content"> 686 <a class="no-underline" title="suivre le flux RSS" href="https://pikselkraft.fr/rss"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewB
686ox="0 0 23.558 23.558"> 687 <g style="fill:currentColor" transform="translate(1668.924 9081.934)scale(.42833)"> 688 <rect width="55" height="5.5" x="-3896.353" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 689 <rect width="55" height="5.5" x="-3896.353" y="-21153.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 690 <rect width="5.5" height="44" x="-3846.853" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 691 <rect width="5.5" height="44" x="-3896.353" y="-21197.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 692 <rect width="5.5" height="5.5" x="-3882.603" y="-21167.385" class="fills" rx="0" ry="0" style="fill:#c8553d;fill-opacity:1"/> 693 <rect width="11" height="5.5" x="-3882.603" y="-21178.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 694 <rect width="16.5" height="5.5" x="-3882.603" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 695 <rect width="5.5" height="11" x="-3871.603" y="-21172.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 696 <rect width="5.5" height="16.5" x="-3860.603" y="-21178.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 697 <rect width="5.5" height="5.5" x="-3866.103" y="-21183.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1"/> 698 </g> 699</svg> 700</a> 701 </li> 702 <li class="fit-content"> 703 <a class="no-underline" title="me suivre sur mastodon" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M7 2v2h10V2zm10 2v2h2V4zm2 2v8h2V6zm0 8h-8v2h8zm-8 2H9v2h2zm0 2v2h2v-2zm0 2H7v2h4zm-4 0v-2H5v2zm-2-2V6H3v12zM5 6h2V4H5zm4 0v2h2V6zm2 2v2h2V8zm2 0h2V6h-2zm2 0v4h2V8zM9 8H7v4h2z"/></svg></a> 704 </li> 705 <li class="facist-network fit-content relative"> 706 <p class="relative tooltip" title="J'ai supprimé Twitter/X, facisme et climatoscepticisme, je ne le sentais pas trop" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewBox="0 0 23.735 23.735"> 707 <rect width="6.9" height="6.875" x="-4150.1" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 708 <rect width="6.9" height="6.875" x="-4150.1" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 709 <rect width="6.9" height="6.875" x="-4143.2" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 710 <rect width="6.9" height="6.875" x="-4136.3" y="-21182.51" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 711 <rect width="6.9" height="6.875" x="-4129.4" y="-21175.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 712 <rect width="6.9" height="6.875" x="-4136.3" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 713 <rect width="6.9" height="6.875" x="-4143.2" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 714 <rect width="6.9" height="6.875" x="-4150.1" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 715 <rect width="6.9" height="6.875" x="-4122.5" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 716 <rect width="6.9" height="6.875" x="-4115.6" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 717 <rect width="6.9" height="6.875" x="-4108.7" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 718 <rect width="6.9" height="6.875" x="-4101.8" y="-21155.01" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 719 <rect width="6.9" height="6.875" x="-4101.8" y="-21161.885" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 720 <rect width="6.9" height="6.875" x="-4108.7" y="-21168.76" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 721 <rect width="6.9" height="6.875" x="-4115.6" y="-21175.635" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 722 <rect width="6.9" height="6.875" x="-4122.5" y="-21182.51" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 723 <rect width="6.9" height="6.875" x="-4115.6" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 724 <rect width="6.9" height="6.875" x="-4115.6" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 725 <rect width="6.9" height="6.875" x="-4108.7" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 726 <rect width="6.9" height="6.875" x="-4101.8" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 727 <rect width="6.9" height="6.875" x="-4129.4" y="-21189.385" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 728 <rect width="6.9" height="6.875" x="-4136.3" y="-21196.26" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 729 <rect width="6.9" height="6.875" x="-4143.2" y="-21203.135" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1" transform="translate(1740.823 8892.821)scale(.4194)"/> 730 <path d="m5.605 5.47 12.472 12.472.05-.052" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.78982;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/> 731 <path d="M18.128 5.47 5.656 17.943l-.05-.052" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.78982;stroke-dasharray:none;stroke-opacity:1"/> 732</svg> 733</p> 734 </li> 735 <li class="facist-network fit-content relative"> 736 <p class="relative tooltip" title="J'ai supprimé LinkedIn, le développement personnel a ses limites" href="https://mastodon.design/@pikselkraft"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke-width="1.5" viewB
736ox="0 0 23.735 23.735"> 737 <rect width="2.607" height="2.607" x="7.966" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 738 <rect width="2.607" height="2.607" x="5.359" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 739 <rect width="2.607" height="2.607" x="13.18" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 740 <rect width="2.607" height="2.607" x="15.787" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 741 <rect width="2.607" height="2.607" x="18.394" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 742 <rect width="2.607" height="2.607" x="21.001" y="2.784" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 743 <rect width="2.607" height="2.607" x="18.394" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 744 <rect width="2.607" height="2.607" x="21.001" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 745 <rect width="2.607" height="2.607" x=".144" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 746 <rect width="2.607" height="2.607" x=".144" y="2.784" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 747 <rect width="2.607" height="2.607" x="2.751" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 748 <rect width="2.607" height="2.607" x=".144" y="7.997" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 749 <rect width="2.607" height="2.607" x=".144" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 750 <rect width="2.607" height="2.607" x=".144" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 751 <rect width="2.607" height="2.607" x=".144" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 752 <rect width="2.607" height="2.607" x=".144" y="18.426" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 753 <rect width="2.607" height="2.607" x="2.751" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 754 <rect width="2.607" height="2.607" x="5.359" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 755 <rect width="2.607" height="2.607" x="7.966" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 756 <rect width="2.607" height="2.607" x="10.573" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 757 <rect width="2.607" height="2.607" x="13.18" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 758 <rect width="2.607" height="2.607" x="15.787" y="21.033" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 759 <rect width="2.607" height="2.607" x="21.001" y="18.426" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 760 <rect width="2.607" height="2.607" x="21.001" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 761 <rect width="2.607" height="2.607" x="21.001" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 762 <rect width="2.607" height="2.607" x="21.001" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 763 <rect width="2.607" height="2.607" x="21.001" y="7.997" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 764 <rect width="2.607" height="2.607" x="5.359" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 765 <rect width="2.607" height="2.607" x="5.359" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 766 <rect width="2.607" height="2.607" x="5.359" y="5.39" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 767 <rect width="2.607" height="2.607" x="10.573" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 768 <rect width="2.607" height="2.607" x="10.573" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 769 <rect width="2.607" height="2.607" x="15.787" y="13.212" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 770 <rect width="2.607" height="2.607" x="10.573" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 771 <rect width="2.607" height="2.607" x="13.18" y="10.605" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 772 <rect width="2.607" height="2.607" x="15.787" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 773 <rect width="2.607" height="2.607" x="5.359" y="15.819" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 774 <rect width="2.607" height="2.607" x="10.573" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/> 775 <rect width="2.607" height="2.607" x="2.751" y=".177" class="fills" rx="0" ry="0" style="fill:currentColor;fill-opacity:1;stroke-width:.639922"/>
776 <path d="M4.459 4.773 19.23 19.544l.06-.06" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.36597263;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"/> 777 <path d="M19.29 4.773 4.52 19.544l-.06-.06" style="fill:currentColor;fill-opacity:1;stroke:#c8553d;stroke-width:2.36597263;stroke-dasharray:none;stroke-opacity:1"/> 778</svg> 779</p> 780 </li> 781 </ul> 782 </nav> 783 </div> 784 </div> 785 786<pre class="footer__ascii ascii" aria-hidden="true"> 787 ,--. 788 ,'-. ,'-. ,'-. ( ) 789(____". ,'-. (____". (____".'-. `--' 790 ââ ,'-. (____". ââ (____". 791 (____". 792 â â ââ â 793 ,-. __ __ ââ 794 _______â__/___\ ____________ ___â__/__\ ~~~~~~ _/__\_____ ~~~~~~ 795 / ~~~~~~~~~~~~~\ ~~~~~~ / ` ` \ /~~~~~~~~~~\ / ~^ \ /~~~~~~~~~~\ ~~~~~~ / ~^ \ 796 / â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ / ~^ \ / ` ` \/ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \^ ~~^` \ / â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ / ~^ \ / ^ ~~^` \ 797,'`-./'`â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ ^ ~~^` \___~^` ^^^~) ~ ~~^^/. â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \^- ~ ^ ~~~^` ^^^~) /. â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \~ ~~^^^- ~ ^/ ^ ~~^` \ ~~ ~ \ 798- ~/ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ \ ` ` ` â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ â¦â¦â¦â¦â¦â¦â¦â¦â¦â¦ ; - _ ` ` 799 ` `_ ^ · ~ ^ -. ~ ` . '^^~~^ ; - _ : ; _ ` "' - : . 800_ ` ^ ¨ · _ - " ^ ` * - ; - _ : ; _ ` "' - : \ ` ^^^ ^^ ^^ ^~. ` 801 ; - _ ; - _ : ; _ ` "' - : . 802 `-`^ - " ; +-----------------------+ : ; _ ` "' - : . : ` ; _ ` "' \ ` ^^^ ^^ ^^ ^~- : . 803 - . /) ; | Merci de votre visite | \ ` ^^^ ^^ ^^ ^~ \ ` ^^^ ^^ ^^ ; - _ ^~ 804 ^ ' +-----------------------+ ` _Q ` ` _Q : ; _ ` "' - : . 805 | ` ` | | ` ` /_\) ` ` ` /_\) \ ` ^^^ ^^ ^^ ^~ 806._ ` ^ ¨ · _ - " |, \,,,;/. ;.;, |,,,,; __O|/O_ ` __O|/O_ 807 ._ ` ^ ¨ · _ - `` - _ - : ; _ ` "' - : . ,. _ ,. ,. .-__ ¨¨ 808</pre> 809<nav aria-label="Webring katzele" class="katzele tc mt-l"> 810 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?prev&from=https://www.pikselkraft.com" rel="prev" title="Précédant">â</a> 811 <a href="http://bebou.netlib.re/webring.txt">webring katzele</a> 812 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?random" title="Aléatoire">⤨</a> 813 <a href="http://bebou.netlib.re/cgi-bin/webring.cgi?next&from=https://www.pikselkraft.com" rel="next" title="Suivant">â</a> 814</nav>
815<script type="text/javascript" src="https://encemoment.site/script.js" defer></script>
815 816<now-webring><a href="https://encemoment.site">Webring âEn ce momentâ</a></now-webring> 817<nav aria-label="Liens vers l'indieweb" class="m-flex justify-content-center tc mt-base"> 818<a href="https://powrss.com/feeds/493"><img class="grayscale" src="https://pikselkraft.fr/assets/illus/ecosysteme/powrss-88-31.gif" alt="Logo de powRSS un agrégateur de flux RSS" loading="lazy"></a> 819<a href="http://validator.w3.org/feed/check.cgi?url=https%3A//pikselkraft.fr/rss" title="Lien vers le checker RSS du W3C"><img class="grayscale" src="https://pikselkraft.fr/assets/illus/ecosysteme/w3c-rss.png" alt="Logo du W3C pour valider un RSS" /></a> 820</nav> 821</footer>
822<script defer src="https://pikselkraft.fr/assets/js/index.js"></script>
822</body> 823</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.