@@ -0,0 +1,202 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Haïku — David Larlet</title> | |||
<meta name="description" content="Première neige Derniers vols de bernaches Journée père-fils"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Haïku</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a rel="prev" href="/david/2021/11/26/" title="Publication précédente : Incompétence">← Précédent</a> • | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<blockquote> | |||
<p>Première neige<br /> | |||
Derniers vols de bernaches<br /> | |||
Journée père-fils</p> | |||
</blockquote> | |||
<nav> | |||
<p> | |||
<a href="/david/2021/parentalite/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#parentalité</a> | |||
<a href="/david/2021/poesie/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#poésie</a> | |||
<a href="/david/#tags" | |||
title="Liste de toutes les étiquettes existantes" | |||
><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p class="center"> | |||
<a rel="prev" href="/david/2021/11/26/" title="Publication précédente : Incompétence">← Précédent</a> • | |||
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
</p> | |||
</nav> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,206 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Sens — David Larlet</title> | |||
<meta name="description" content="In software, participatory sense-making means developing a shared mental model of what the software is, what it’s going to be, and how it works. We need to understand what we’re building deeply, with a clear language to talk about it. It needs to make sense to each of us, and to all of us. We construct this model together: that means there’s more of us to work at making it real in the world. It also means the model is richer, fits with more of the real world, and more rigorous. This comes from our many perspectives participating."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Sens</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a rel="prev" href="/david/2021/11/27/" title="Publication précédente : Haïku">← Précédent</a> • | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<blockquote lang="en"> | |||
<p>In software, participatory sense-making means developing a shared mental model of what the software is, what it’s going to be, and how it works. We need to understand what we’re building deeply, with a clear language to talk about it. <mark>It needs to make sense to each of us, and to all of us.</mark> We construct this model together: that means there’s more of us to work at making it real in the world. It also means the model is richer, fits with more of the real world, and more rigorous. This comes from our many perspectives participating.</p> | |||
<p><cite><em><a href="https://jessitron.com/2021/11/28/software-development-pushes-us-to-get-better-as-people/">Software development pushes us to get better as people</a></em> (<a href="/david/cache/2021/3db656ea2c3a04a3fb00d9e3457a8a2e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article m’a rappelé que je deviens une meilleure personne grâce aux personnes avec lesquelles j’évolue ces dernières années.</p> | |||
<nav> | |||
<p> | |||
<a href="/david/2021/equipe/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#équipe</a> | |||
<a href="/david/2021/gratitude/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#gratitude</a> | |||
<a href="/david/2021/produit/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#produit</a> | |||
<a href="/david/#tags" | |||
title="Liste de toutes les étiquettes existantes" | |||
><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p class="center"> | |||
<a rel="prev" href="/david/2021/11/27/" title="Publication précédente : Haïku">← Précédent</a> • | |||
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
</p> | |||
</nav> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,229 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Salaires — David Larlet</title> | |||
<meta name="description" content="Il ne s’agit plus de quémander un emploi pour avoir le droit de valoriser du capital, et de payer des impôts pour en déléguer la gestion à un personnel politique et une aristocratie de grandes et grands fonctionnaires. Il s’agit de décider ensemble du niveau de salaire et de ce qui doit être produit, et surtout comment ça devrait l’être."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Salaires</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<blockquote> | |||
<p>Il ne s’agit plus de quémander un emploi pour avoir le droit de valoriser du capital, et de payer des impôts pour en déléguer la gestion à un personnel politique et une aristocratie de grandes et grands fonctionnaires. Il s’agit de <mark>décider ensemble</mark> du niveau de salaire et de ce qui doit être produit, et surtout comment ça devrait l’être.</p> | |||
<p><cite><em><a href="https://igor.milhit.ch/citoyennet%C3%A9-autre/">Citoyenneté autre</a></em> (<a href="/david/cache/2021/465f63b989ee5666a6e9a406201a4b62/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Au sein de <a href="http://scopyleft.fr/">Scopyleft</a>, nous sommes passé·es d’un salaire <em>à la contrainte</em> (cruel manque de trésorerie les premiers mois !) à un salaire <em>égalitaire</em> (pendant un temps) pour être depuis quelques années maintenant à un <strong>salaire au besoin</strong>. Notre revenu n’est pas corrélé à ce que l’on rapporte ou à notre ancienneté ou à notre activité ou à notre expérience. Encore moins à notre performance…</p> | |||
<p>Sous réserve que le pot commun ne se retrouve pas vide, chacun·e est libre de choisir le montant qu’iel souhaite.</p> | |||
<p>Cette pratique vient avec son lot de non-dits et de culpabilités, de la même façon que ce qui peut se produire avec <a href="/david/2021/04/22/" title="Vacances">les vacances</a>. Parfois ne pas avoir à donner de justifications peut être la pire des tortures pour un groupe de personnes qui s’estiment et se respectent :</p> | |||
<ul> | |||
<li>est-ce que je ne suis pas égoïste vis-à-vis des autres en m’accordant autant ?</li> | |||
<li>est-ce que je peux comparer mes besoins à ceux des autres dans une société de (sur)consommation ?</li> | |||
<li>est-ce que j’ai besoin d’une symétrie de revenus avec mon ou ma conjoint·e pour être libre ?</li> | |||
<li>est-ce que les enfants entrent en compte alors que c’est un choix délibéré d’en avoir ou pas ?</li> | |||
<li>est-ce que je peux être payé·e autant alors que je suis jeune/en reconversion/sans mission/etc ?</li> | |||
<li>est-ce que ça ne participe pas à la définition de mon futur salaire dans une autre structure ?</li> | |||
<li>est-ce que pouvoir présenter ces fiches de paye à mon banquier/propriétaire fait partie d’un besoin ?</li> | |||
<li>est-ce que la pression sociale m’enclin à sous-évaluer ma valeur/mes besoins car je suis une femme ?</li> | |||
<li>est-ce que ma vision de la sobriété/frugalité est partagée au sein du groupe ?</li> | |||
<li>est-ce que mon comportement actuel endommage la trésorerie future de la coopérative ?</li> | |||
</ul> | |||
<p>Toutes ces questions sont légitimes et saines. Et le fait que ces discussions aient lieues à un moment où il y a <a href="/david/2021/11/09/" title="Junior">un peu plus de diversité</a> n’est pas anodin. Elles permettent de se remettre en question et génèrent des échanges qui permettent d’apprendre à se connaître (et à s’apprécier).</p> | |||
<p>Du salaire à vie au salaire en vie, il y a matière à travailler. Ensemble.</p> | |||
<p><em>Rappel : nous sommes une coopérative, ce qui signifie que ce qui n’est pas attribué en salaire au cours de l’année est transformé en réserve (pour la structure), puis en part travail (répartie équitablement entre les salarié·es) à la fin de l’année. C’est aussi cela être propriétaire de son cadre de travail, que l’on essaye de pérenniser.</em></p> | |||
<blockquote> | |||
<p>Il a fait le tour du monde… mais qu’est-ce que le tour du monde puisque l’horizon est éternel ? Le tour du monde va plus loin que le bout du monde, aussi loin que la vie, plus loin encore peut-être. Quand on entrevoit ça, on a un peu le vertige, on a un peu peur. Et en même temps ce qu’on entrevoit là est tellement…</p> | |||
<p>Tellement quoi ? <mark>Je ne sais pas.</mark> Plus loin que le bout du monde…</p> | |||
<p><cite><em>La longue route</em>, Bernard Moitessier</cite></p> | |||
</blockquote> | |||
<nav> | |||
<p> | |||
<a href="/david/2021/protopie/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#protopie</a> | |||
<a href="/david/2021/cooperative/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#coopérative</a> | |||
<a href="/david/2021/scopyleft/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#scopyleft</a> | |||
<a href="/david/#tags" | |||
title="Liste de toutes les étiquettes existantes" | |||
><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
</p> | |||
</nav> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,215 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Inquiétude — David Larlet</title> | |||
<meta name="description" content="Worry time is the act of setting aside time each day to let yourself worry about the things that are making you anxious."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Inquiétude</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<blockquote lang="en"> | |||
<p>Worry time is the act of setting aside time each day to let yourself worry about the things that are making you anxious.</p> | |||
<p>For those of us who are prone to worrying and ruminating over and above what’s helpful to us, it serves 2 purposes:</p> | |||
<ol> | |||
<li>It allows us to postpone our worries throughout the day, safe in the knowledge that we’ll get a chance to think about them at the designated time.</li> | |||
<li>It can help us to worry more “productively”, recognising what we can and can’t control and planning to take appropriate action.</li> | |||
</ol> | |||
<p><cite><em><a href="https://amyhupe.co.uk/articles/worry-time/">Worry time</a></em> (<a href="/david/cache/2021/84f3139a5d033e4a6ffc5389ba520ebe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>De la productivité même dans son anxiété. En première lecture, j’étais horrifié mais peut-être que ça n’est pas si délirant au final. J’aurais presque envie de tester pour me prouver qu’il faut laisser un peu de temps à une idée.</p> | |||
<p>Et le simple fait d’énoncer cela introduit un biais impossible à rattraper 😅.</p> | |||
<blockquote lang="en"> | |||
<p>I don’t know where we go from here, with this latest pandemic setback, but I do know that things will keep moving.</p> | |||
<p>And if you feel bad today, feel bad. Feel sad or angry or scared or whatever it is you need to feel. Give yourself to yourself as you are.</p> | |||
<p>Things will keep changing. Life will keep unfolding. We will keep going.</p> | |||
<p><cite><em><a href="https://amyhupe.co.uk/articles/best-laid-plans/">Best laid plans</a></em> (<a href="/david/cache/2021/2907a858e38eeffe0deacb60ea3e6de8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<nav> | |||
<p> | |||
<a href="/david/2021/pandemie/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#pandémie</a> | |||
<a href="/david/2021/anxiete/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#anxiété</a> | |||
<a href="/david/#tags" | |||
title="Liste de toutes les étiquettes existantes" | |||
><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
</p> | |||
</nav> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,203 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tags — David Larlet</title> | |||
<meta name="description" content="Depuis une semaine, vous devriez avoir vu apparaître une nouvelle dimension d’exploration sur cet espace avec l’apparition d’étiquettes qui fait suite à de précédentes réflexions. Une petite révolution."> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<article> | |||
<header> | |||
<h1>Tags</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<p>Depuis une semaine, vous devriez avoir vu apparaître une nouvelle dimension d’exploration sur cet espace avec l’apparition d’étiquettes qui fait suite à de <a href="/david/2021/11/12/" title="Étiquettes">précédentes</a> <a href="/david/2021/11/02/" title="Réflexion">réflexions</a>. Une petite révolution.</p> | |||
<p>Je me suis mis à ajouter des <em>tags</em> à chacune des 300 entrées de cette année. C’est long mais je vois un intérêt à l’avoir fait en une fois (en vrai, trois soirs) : le <em>corpus</em> est relativement cohérent en me limitant à en apposer une à trois par entrée. J’ai aussi pu réfléchir aux étiquettes qui n’apparaissaient qu’une seule fois, de l’avantage de travailler du contenu existant. À l’inverse, j’ai essayé d’éviter le mot-clé « introspection » que j’avais envie de mettre à trop d’endroits. J’ai remarqué aussi certaines associations comme « pandémie » et « incompétence » inévitables… Lorsque je lis la liste des étiquettes, je ne trouve pas mes écrits très réjouissants aussi.</p> | |||
<p>Le plus difficile aura été de choisir d’avoir des étiquettes annuelles, ce qui me permettra de faire évoluer les centres d’intérêts. J’étais aussi à deux doigts de faire un nuage de <em>tags</em> sur la <a href="/david/#tags">page d’accueil</a>. Heureusement que ma CSS actuelle me contraint à ne pas tomber dans la nostalgie.</p> | |||
<nav> | |||
<p> | |||
<a href="/david/2021/publication/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#publication</a> | |||
<a href="/david/2021/recherche/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#recherche</a> | |||
<a href="/david/2021/etiquette/" | |||
title="Liste de tous les articles associés à cette étiquette" | |||
>#étiquette</a> | |||
<a href="/david/#tags" | |||
title="Liste de toutes les étiquettes existantes" | |||
><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> tous ?</a> | |||
</p> | |||
</nav> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a> | |||
</p> | |||
</nav> | |||
</article> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,455 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #accessibilité — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #accessibilité"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #accessibilité</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/16/" title="Lien permanent vers cet article">Bouc émissaire</a> (2021-01-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>And so naturally, we apply our view of the world, our values. If you view your users with contempt, then the reason behind why people don’t like complicated products is because they are stupid and lazy. If, on the other hand, you <em>respect</em> your users, <mark>you might view things differently</mark>.</p> | |||
<p><cite><em><a href="https://somehowmanage.com/2020/09/13/disrespectful-design-users-arent-stupid-or-lazy/">Disrespectful Design-Users aren’t stupid or lazy</a></em> (<a href="/david/cache/2021/883963a92bff6f5bd5ade883ae84bd3f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deux articles qui invitent à revisiter notre rapport aux utilisateur·ice·s et à la responsabilité que l’on peut avoir dans leurs désarrois face à nos productions. <strong>Il est assez aisé d’éprouver de l’empathie pour ses pairs.</strong> En revanche, lorsqu’il s’agit de personnes très différentes, il est beaucoup plus difficile de se mettre à leurs places. Et c’est là où réside l’enjeu d’une approche qui a l’intention d’être inclusive.</p> | |||
<blockquote lang="en"> | |||
<p>This shouldn’t be about shaming individual habits, it’s counter-productive to data shame users. Those of us designing and building these digital products and services should be the ones <mark>taking responsibility</mark> for ensuring that they’re fit for a more sustainable world.</p> | |||
<p><cite><em><a href="https://branch.climateaction.tech/2020/10/15/designing-branch-sustainable-interaction-design-principles/">Designing Branch: Sustainable Interaction Design Principles</a></em> (<a href="/david/cache/2021/2057ddcf3fd20edd602cee1b08ac17e8/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/14/" title="Lien permanent vers cet article">Bibliothèque</a> (2021-02-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I know there’s lots of advice out there about considering your audience when you write, but when it comes to my personal site, I’d find that crippling. It would be one more admonishment from the inner critic whispering “no one’s interested in that”, “you have nothing new to add to this topic”, and “you’re not qualified to write about this.” If I’m writing for myself, then it’s easier to have fewer inhibitions. By treating everything as a scrappy note-to-self, I can avoid agonising about quality control …although I still spend far too long trying to come up with titles for posts.</p> | |||
<p>[…]</p> | |||
<p>If someone else gets some value from a quick blog post that I dash off here, that’s always a pleasant surprise. It’s a bonus. But it’s not my reason for writing. <mark>My website is primarily a tool and a library for myself.</mark> It just happens to also be public.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/17821">Associative trails</a></em> (<a href="/david/cache/2021/27f60626eb789433d6e2619663bb79f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime cette notion de bibliothèque d’idées personnelle <em>et</em> publique. Aucun service à ma connaissance ne permet cela avec la garantie de conserver les données et de les indexer sur plusieurs décennies. Privilège de développeur que celui d’<em>être en capacité</em> de le faire grâce aux compétences permettant de transformer — et donc conserver — des données au cours du temps.</p> | |||
<p>Si vous devez un jour faire une recherche sur ce qui a été écrit ici, vous pouvez télécharger <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">l’archive du dépôt</a>, la charger dans n’importe quel éditeur de texte un peu compétent (comme <a href="https://www.sublimetext.com/">SublimeText</a>) et une recherche dans tous les fichiers devrait vous permettre de fouiller. C’est ce que j’utilise personnellement lorsque ma mémoire me fait défaut ou que je veux faire un lien interne.</p> | |||
<blockquote lang="en"> | |||
<p>And I’m also reminded of how writers I love and respect maintain their own reservoirs of knowledge, complete with migratory paths down from the mountains.</p> | |||
<p>[…]</p> | |||
<p>And it’s interesting, right, this accretive note-taking and the process of taking core samples through the deep time of your own ideas. I’ve built something similar, not as consistently, but for about two decades too, and <mark>I keep all my notes in plain text</mark>, and all in the same searchable database.</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2021/02/10/reservoirs">Memexes, mountain lakes, and the serendipity of old ideas</a></em> (<a href="/david/cache/2021/9b2e831c217bc1179c0f74c4fc363c11/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/19/" title="Lien permanent vers cet article">Optimisation</a> (2021-02-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But when you increase complexity in order to optimise, demand never really goes down. The optimisation becomes an opportunity to do more, and so the complexity gets locked in – there will never be the chance to remove it.</p> | |||
<p>And that compounding complexity, layers upon layers of it, a nest of interlocking feedback loops, <mark>increases the risk of fatal, emergent complexity quakes</mark>.</p> | |||
<p>All of which colours my approach to everything from how I architect my code, to how I organise my finances, to what government policies I like.</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2021/02/12/optimisation">Anxious feelings about optimisation through complexity</a></em> (<a href="/david/cache/2021/eef2b3e3085a9b71cd7fe64f21fa0453/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je réfléchis beaucoup à ces choses là en ce moment. Sur le fait d’ouvrir des portes que l’on ne peut plus refermer ensuite. Chaque porte étant en fait sur un palier qui demande aux autres de passer une marche de plus, ce qui n’est pas forcément dans les moyens de la majorité.</p> | |||
<p>Sur un de mes produits actuels, je me suis rendu compte aujourd’hui qu’en le rendant plus « propre » je l’ai aussi rendu moins convivial (au sens d’Illich) pour les personnes qui vont devoir le reprendre. Les concepts utilisés sont un peu plus complexes, les versions un peu plus modernes, autant de marches qui m’ont semblées petites mais qui mises bout à bout rendent le produit moins accessible.</p> | |||
<p>À méditer… ne plus oublier le 10<sup>e</sup> principe :</p> | |||
<blockquote lang="en"> | |||
<p>Design mediates so much of our realities and has tremendous impact on our lives, yet very few of us participate in design processes. In particular, the people who are most adversely affected by design decisions — about visual culture, new technologies, the planning of our communities, or the structure of our political and economic systems — tend to have the least influence on those decisions and how they are made.</p> | |||
<p>[…]</p> | |||
<p>Before seeking new design solutions, <mark>we look for what is already working at the community level</mark>. We honor and uplift traditional, indigenous, and local knowledge and practices.</p> | |||
<p><cite><em><a href="https://designjustice.org/read-the-principles">Read the Principles - Design Justice Network</a></em> (<a href="/david/cache/2021/d685a0ad4878f3d833374164b49b3438/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/16/" title="Lien permanent vers cet article">Confort</a> (2021-03-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Developers, particularly in Silicon Valley firms, are definitionally wealthy and enfranchised by world-historical standards. Like upper classes of yore, comfort ("DX") comes with courtiers happy to declare how important comfort must surely be. It’s bunk, or at least most of it is.</p> | |||
<p>As frontenders, <mark>our task is to make services that work well for all, not just the wealthy</mark>. If improvements in our tools or our comfort <em>actually</em> deliver improvements in that direction, so much the better. But we must never forget that measurable improvement for <em>users</em> is the yardstick.</p> | |||
<p><cite><em><a href="https://infrequently.org/2021/03/the-performance-inequality-gap/">The Mobile Performance Inequality Gap, 2021</a></em> (<a href="/david/cache/2021/d3a653c926aa97707653300947b65ab5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Pour résumer, le budget réactualisé de la décence serait de <q>~100KiB (gzipped) of HTML/CSS/fonts and 300-350KiB of JavaScript on the wire (compressed)</q>. Un demi méga-octet transféré et si on a bien fait son travail on espère que ça ne donne pas une expérience trop fastidieuse en-deçà du 75<sup>e</sup> centile.</p> | |||
<p>Je viens de vérifier et on est à 469 Ko sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a>. On a dû faire des choix assez drastiques pour cela : pas de <em>framework</em>, des dépendances limitées, etc. Est-ce que c’est inconfortable pour autant ? Parfois, et dans ces moments je me rappelle que mon « inconfort » est au service de l’accessibilité du produit pour lequel je travaille.</p> | |||
<p>Et j’y accorde davantage d’importance.</p> | |||
<blockquote lang="en"> | |||
<p>Getting there involves no small amount of class traitorship; <mark>the frontend community will need to value the commons over personal comfort</mark> for a little while longer to ease our ecosystem back toward health. The past 6 years of consulting with partner teams has felt like a dark remake of Groundhog Day, with a constant parade of sites failing from the get-go thanks to Framework + Bundler + SPA architectures that are mismatched to the tasks and markets at hand. Time (and chips) can heal these wounds if we only let it. We only need to hold the line on script bloat for a few years for devices and networks to overtake the extreme, unconscionable excesses of the 2010’s.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/22/" title="Lien permanent vers cet article">JavaScript-less</a> (2021-03-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a few minor omissions and links, you can create a site that <strong>works great in modern browsers with ES6+</strong> <em>and</em> <strong>acceptably in browsers without JavaScript</strong>. This approach is more sustainable for teams without the resources for extensive QA, and more beneficial to users of nonstandard browsers. […]<br /> | |||
The best way to help your IE11 users is <mark>to provide a great experience for your non-JS users</mark> and share that experience with them, instead of sending them an untested and buggy experience that also slows the experience of users with modern browsers.</p> | |||
<p><cite><em><a href="https://blog.carlmjohnson.net/post/2020/time-to-kill-ie11/">Dropping Support For IE11 Is Progressive Enhancement</a></em> (<a href="/david/cache/2021/a9e4daf32281eaee0adaa39e32d28890/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je trouve cette approche particulièrement pertinente, un peu difficile avec une <abbr title="Single Page App">SPA</abbr> sans serveur tout de même. Et encore, il y aurait des choses à expérimenter : on peut potentiellement aller très loin en CSS uniquement avec des <code>:checked</code> par exemple. À voir à quel point est-ce que ça endommage l’accessibilité par ailleurs… les défis techniques hypothétiques sont parfois de fausses bonnes idées pour des usages qui sont eux bien réels.</p> | |||
<p>Les tests utilisateur·ices sont une source intarissable de découvertes impensables. <em>Qu’il faut pourtant panser.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/09/" title="Lien permanent vers cet article">Maximiser</a> (2021-04-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When we simplify a system of interactions to a certain minimalism, we often trade choices for reductionism. We maximize the simplicity to the point of dumbing everything down. But do we always help? Creativity, emergence of patterns often lie in the hackability of a system. When we reduce the options for someone to use the system in unexpected ways, <mark>we remove the possibility for people to own a craft, a skill</mark>. We make them serve the system, instead of the system serving them.</p> | |||
<p>We should try to create simple interfaces that maximize the possibility for people to create (creative entropy), being empowered, being autonomous.</p> | |||
<p><cite><em><a href="https://www.otsukare.info/2021/03/29/dumb-down-danger">Maximizing Possible Outcomes In Simple Interfaces</a></em> (<a href="/david/cache/2021/8bef65b7167873d697f665dab2fdbb8b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me pose beaucoup de questions <del>en ce moment</del> sur ce que l’on essaye de rendre plus efficace et pourquoi. Parfois pour qui. Souvent à quoi bon.</p> | |||
<p>Par exemple : qu’est-ce qui permettrait à chacun·e de publier quelque chose sur le web tout en ayant une part de contrôle sur ce qui est partagé ? Lorsqu’on démêle cette pelote, elle s’avère être très longue. Les connaissances à acquérir — autant sur le fond que sur la forme — sont assez gigantesques et ne cessent de l’être un peu plus chaque année. Et à force de tirer sur ce fil, on (je m’inclus dans ce mouvement) ne se rend pas compte que l’on perd pas mal de personnes qui ont la motivation pour être autonomes mais se cassent de plus en plus les dents au point de vouloir abandonner.</p> | |||
<p>Au point de ne <em>pouvoir</em> continuer.</p> | |||
<p>En rendant le Web inaccessible, sauf pour quelques élu·es, on sera tous perdant·es à moyen terme. Car ça signifie un Web de spécialisation et d’expertise qui nécessite(ra) d’être rémunéré pour être encore en mesure de publier quelque chose.</p> | |||
<p>Cela me rend profondément triste. <strong>Impuissant.</strong></p> | |||
<blockquote> | |||
<p>Je souhaite que rien ne marche, que rien ne fonctionne, que tout soit cassé, qu’il y ait plein de bugs. Je voudrais des designers capables de concevoir des outils compliqués, contre-intuitifs et mal fonctionnant.</p> | |||
<p><mark>Le non fonctionnement est la condition de la pensée critique.</mark></p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/fonctionnement.html"> Ce qui pourrait être autrement : éloge du non fonctionnement</a></em> (<a href="/david/cache/2021/9de00d1e64540434735417d59f2570fe/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/15/" title="Lien permanent vers cet article">Dark mode</a> (2021-04-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je suis le cas typique du client qui a besoin obligatoirement d’un <em>light mode</em>, sans quoi je n’utilise plus l’application et/ou <mark>je ne consulte plus le site</mark> (c’est déjà arrivé, j’ai désinstallé l’application et fermé l’onglet de mon navigateur). Dans mon cas, le <em>dark mode</em>, contrairement à ce que dit [le document dont parlaient mes collègues], augmente très fortement ma fatigue oculaire. Au bout de trois lignes j’ai la rétine imprimée, des lignes qui flottent devant les yeux, c’est très désagréable.</p> | |||
<p><cite><em><a href="https://nota-bene.org/Dark-mode-et-accessibilite">Dark mode et accessibilité</a></em> (<a href="/david/cache/2021/544ecea9397616a9f4cfcc6fe27afc3d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la raison pour laquelle — même après avoir <a href="/david/2020/06/25/#paillasse">cédé à la mode du foncé</a> — je laisse la personne qui consulte cet espace choisir. Utiliser les préférences du système (<code>prefers-color-scheme</code>) me semble être insuffisant. Certain·es préfèrent un thème sombre sans pour autant vouloir lire du clair sur foncé, d’autres ne savent pas comment changer le thème au niveau du système.</p> | |||
<p>Pour les astigmates (au moins certain·es en tout cas), ça semble être problématique tout ce qui est clair sur trop sombre, surtout la nuit. Et je crois que c’est un pourcentage non négligeable des internautes…</p> | |||
<hr /> | |||
<p>Quelques jours plus tard, je tombe sur :</p> | |||
<blockquote lang="en"> | |||
<p>People with astigmatism (approximately <mark>50% of the population</mark>) find it harder to read white text on black than black text on white. Part of this has to do with light levels: with a bright display (white background) the iris closes a bit more, decreasing the effect of the “deformed” lens; with a dark display (black background) the iris opens to receive more light and the deformation of the lens creates a much fuzzier focus at the eye.</p> | |||
<p><cite><em><a href="https://tatham.blog/2008/10/13/why-light-text-on-dark-background-is-a-bad-idea/">Why light text on dark background is a bad idea</a></em> (<a href="/david/cache/2021/9f3a8d345963dac24bef4df547fef72c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/05/" title="Lien permanent vers cet article">Accessibilité</a> (2021-05-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Aujourd’hui, on a reçu le rapport d’un audit d’accessibilité. Cela fait maintenant <a href="/david/2020/05/26/">un an</a> que nous travaillons sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a> et c’est intéressant d’avoir des <a href="https://access42.net/?lang=fr">personnes tierces et expertes</a> qui viennent analyser tout cela avec un peu de recul. Je pensais que l’on n’était pas trop mauvais·es et nous étions en fait <a href="https://github.com/Delegation-numerique-en-sante/mesconseilscovid/labels/rgaa">assez loin</a> du compte ! Une belle leçon d’humilité, même en pensant faire attention à ces aspects.</p> | |||
<p>La difficulté — une fois les erreurs corrigées à l’instant <code>t</code> — est de rester accessibles à l’instant <code>t + 1</code>.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/31/" title="Lien permanent vers cet article">Design accessible</a> (2021-05-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ce projet représente des heures de lecture et de veille ; des heures de synthèse et de ré-ré-ré-écriture ; plus de 200 commits (dont certains à 3 heures du matin). C’est aussi mon premier « side-project » public donc je suis très fière d’avoir réussi à le sortir 💪.</p> | |||
<p><cite><em><a href="https://blog.hello-bokeh.fr/2021/05/31/design-accessible-la-genese-dun-projet/">Design Accessible, la genèse d’un projet</a></em> (<a href="/david/cache/2021/40df5f72a34059f94a965454efb97b07/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Superbe projet de la part d’Anne-Sophie : <a href="https://design-accessible.fr/">Design Accessible</a> avec un joli article pour comprendre d’où ça vient, le temps que ça prend et tout.</p> | |||
<p>C’est assez rare d’avoir des sites de référence en français dans le domaine, je salue d’autant plus l’effort que j’ai eu à <a href="/david/2021/05/05/" title="Accessibilité">creuser le sujet</a> récemment.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/07/" title="Lien permanent vers cet article">Anxiété</a> (2021-06-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Considering the skyrocketing rates of mental illness throughout the course of the COVID-19 pandemic — plus many more of us struggling with daily stressors and mood swings that may lead us to irrational negative thinking —how often are we asking ourselves, <mark>“How will someone with anxiety experience our product/service/feature? How can we make that better?”</mark></p> | |||
<p>[…]</p> | |||
<p>My heart sinks hearing these words over and over again over the last few years. From invalid credentials, to expired email links, to confusing password reset flows, to glitchy and lengthy forms, to jargon-filled websites, I know the majority of issues Alex has worked through with me have all been outside of her control. And I try to tell her that, but her anxiety doesn’t let her see it that way. She truly believes everything she’s struggled with is her fault, and with each failed click of a button, her anxiety continues to worsen.</p> | |||
<p><cite><em><a href="https://uxdesign.cc/inclusive-ux-in-an-era-of-anxiety-dc89c39ec202">Inclusive UX in an era of anxiety</a></em> (<a href="/david/cache/2021/19518aa194e8ddbc4dcbe9c5c8de9ec9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un précieux rappel qu’il y a des états invisibles et difficilement décelables, des angles (presque) morts à la conception Web d’aujourd’hui. Je retiens notamment le fait de rendre explicites les problèmes techniques lorsque la « faute » n’est pas du côté utilisateur·ice. Ça fait un moment qu’il faut que je me motive pour faire des pages d’erreurs correctes par ici. #cordonnerie</p> | |||
<p>Il y a tellement de fois où j’ai besoin de bidouiller le site des autres pour arriver à mes fins (en partie parce que je bloque beaucoup de choses mais pas que), je me demande fréquemment comment font les personnes non-érudites pour arriver au bout de certains parcours.</p> | |||
<p>Notamment sur des sites gouvernementaux. Sur des sujets aussi stressants que l’immigration. Qui déterminent des choix de vie…</p> | |||
<p><mark>Note après publication :</mark> <a href="https://designpatternsformentalhealth.org/">Design Patterns for Mental Health</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/01/" title="Lien permanent vers cet article">Connexionisme</a> (2021-07-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>(masculin) Discrimination envers les personnes ayant un handicap de connexion.</p> | |||
</blockquote> | |||
<p>Il est facile à force de faire des visioconférences d’en vouloir aux personnes pénalisant l’ensemble des échanges, les maillons faibles d’une communication en pair à pair. Il faut accepter qu’elles ne l’ont probablement pas choisi et qu’elles en souffrent bien plus, de façon ponctuelle ou semi-permanente. Nous ne sommes pas tou·tes également connecté·es.</p> | |||
<p>Aussi, dans la plupart des pays, le débit a un coût non négligeable. Les personnes résidant en France n’en ont pas forcément conscience (grâce/à cause du réseau historique + cassage des prix par Free, libéralisation du service public nous voilà…).</p> | |||
<p><em>Inspiré du <a href="https://fr.wiktionary.org/wiki/capacitisme">capacitisme</a>.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/07/02/" title="Lien permanent vers cet article">Parisianisme</a> (2021-07-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le parisianisme est un terme péjoratif français qui désigne une attitude, perçue comme méprisante, consistant à distinguer systématiquement ce qui se passe à Paris (et par extension, en Île-de-France) de ce qui se passe dans les autres villes et départements français, considéré comme moins important. Cette attitude peut être considérée comme <mark>une forme localisée d’ethnocentrisme</mark>. Le terme peut être dirigé contre des personnes autant que contre des modes de fonctionnement (médiatiques ou culturels par exemple).</p> | |||
<p><cite><em><a href="https://fr.wikipedia.org/wiki/Parisianisme">Parisianisme</a></em>, sur wikipedia</cite></p> | |||
</blockquote> | |||
<p>Je continue sur <a href="/david/2021/07/01/" title="Connexionisme">ma lancée</a>, il y a un biais pour les parisien·nes à tout ramener à leur environnement en arguant qu’il est plus facile de s’y rendre… ce qui ne fait que renforcer cette centralisation.</p> | |||
<p>Pourtant, l’avantage d’une équipe décentralisée c’est de pouvoir être relativement libre dans ses choix de rencontres. Explorer de nouveaux lieux ensemble permet d’aplatir ce type d’ascendance territoriale tout en n’excluant pas les personnes qui sont un peu trop excentrées. Je ne parle bien évidemment pas de mon cas ici — encore que — les <a href="/david/stream/2019/04/05/">montréalisien·nes</a> on bien du mal à quitter le plateau aussi…</p> | |||
<p>Je suis de plus en plus sensible à ces rapports de subordination qui me sont rendus encore plus visibles par ma lecture actuelle des inégalités.</p> | |||
<blockquote> | |||
<p>Les humains sont contents lorsque chacun occupe sa place, lorsque chacun sait parfaitement ce qu’il représente dans l’agencement des choses et ce qu’il peut espérer accomplir. <mark>Détruisez cette place et vous détruisez l’être.</mark></p> | |||
<p><cite><em>Leçon du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/03/" title="Lien permanent vers cet article">Orthographisme</a> (2021-07-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>« La Convivialité » est un moment ludique et instructif sur notre rapport à l’orthographe, alors que le sujet n’est pas nécessairement des plus attrayants mais toujours des plus clivants : c’est quand on aborde la possibilité de sa réforme que les réactionnaires sortent du bois. Une passion pour certains et un chemin de croix pour d’autres, l’orthographe s’inscrit comme un évaluateur tout le long de notre scolarité alors que son évolution est faite d’erreurs et d’incompréhensions, de raccourcis et d’illogismes. Bref, <mark>l’orthographe française, par sa complexité est un marqueur social</mark> qui permet de faire le tri.</p> | |||
<p><cite><em><a href="https://postblue.info/la-convivialite/">La Convivialité</a></em> (<a href="/david/cache/2021/4928638ee3df1f58a1c3813734c4a59d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On dirait que je suis sur <a href="/david/2021/07/01/" title="Connexionisme">une</a> <a href="/david/2021/07/02/" title="Parisianisme">série</a> non préméditée (et probablement <a href="/david/2021/06/29/" title="OK">influencée</a> tout de même). J’essaye d’y voir une façon de remettre en question mes propres biais.</p> | |||
<p>Je suis assez snob pour penser que la typographie est de la politesse alors imaginez ce qu’il se passe dans mon cerveau lorsque je vois des fautes d’orthographe ou de grammaire, <em>a fortiori</em> lorsque ce sont les miennes !</p> | |||
<p>Et pourtant, je suis bien conscient d’avoir eu le privilège de pouvoir prendre le temps d’apprendre ces règles et de les appliquer au quotidien en écrivant et en lisant plus que la moyenne (je crois).</p> | |||
<p>Se retenir de blâmer la personne mais voir cet écart comme la concrétisation d’une inégalité systémique. Un autre type de combat… et de prise de soin.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/06/" title="Lien permanent vers cet article">Bloguisme</a> (2021-07-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Vous connaissez cette injonction à « ouvrir un blog » dès qu’un <em>thread</em> Twitter fait plus de trois phrases. J’accepte de plus en plus que les personnes puissent être davantage à l’aise pour écrire dans un environnement où il y a leur(s) communauté(s) et leurs habitudes d’énonciation (mème, etc). Avoir un blog, cela peut être une charge cognitive et émotionnelle assez forte et je respecte le choix de vouloir s’en passer. Sans même mentionner la <a href="/david/2021/04/09/" title="Maximiser">complexité technique</a> associée.</p> | |||
<p><strong>Est-ce que l’on m’invective à écrire un livre à chaque billet de blog ?</strong> Non, et je ne m’y soumettrais de toute façon pas car ce n’est pas mon moyen d’expression. Un autre tempo, une autre fabrique, probablement d’autres lecteur·ices aussi. Quel que soit le moyen d’expression, le principal me semble être de rester accessible au plus grand nombre (et encore ?).</p> | |||
<hr /> | |||
<p>Je lisais <a href="https://ricochets.ninja/notes-de-bas-de-rage/mix.html">par ici</a> (<a href="/david/cache/2021/021daad615b67d995cb291d6f676ff67/">cache</a>) : <q>si c’est contraint, c’est pas du soin</q>. De quoi méditer dans plusieurs contextes.</p> | |||
<hr /> | |||
<p>Oh et si on parle d’espace plus pérenne, j’arrive davantage à récupérer le contenu de <em>tweets</em> qu’un billet sur Medium avec la bouillie de HTML qui est produite par cette plateforme…</p> | |||
<p><em>Note : ces -ismes de juillet sont autant d’auto-critiques.</em></p> | |||
<blockquote> | |||
<p>Tout naturellement, ceux qui ont le pouvoir cherchent à empêcher le développement de la recherche « sauvage ». La quête insatiable de la connaissance a toujours produit, de mémoire d’homme, des concurrents indésirables. Ce que veulent les gens en place, ce sont des « progrès controlés », qui ne donneront naissance qu’à des produits et des idées aisément maîtrisables et qui, chose très importante, <mark>permettront que la plus grande partie des bénéfices soit recueillie par des investisseurs appartenant au système</mark>. Malheureusement, ce n’est pas un univers de hasard, soumis à des variables relatives, qui va leur donner l’assurance de ces « progrès contrôlés ».</p> | |||
<p><cite><em>Réflexion sur les Ixiens, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/19/" title="Lien permanent vers cet article">Lecteur d’écran</a> (2021-10-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Another false assumption is that screen readers understand the human content they are reading. <mark>They do not.</mark> Mostly. Screen reader heuristics will look at some strings of characters and announce them differently than what you may see (1<sup>st</sup> as "first"). But even that varies across screen readers <em>and</em> browsers.</p> | |||
<p><cite><em><a href="https://adrianroselli.com/2021/10/blaming-screen-readers-red-flag.html">Blaming Screen Readers 🚩×5</a></em> (<a href="/david/cache/2021/4e5e21da7b89d6a426d51423b0c1a062/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la réflexion que je me faisais lorsqu’on parle d’accessibilité et de point médian pour une écriture inclusive : pourquoi ne pas faire évoluer les outils si c’est là que la conversion pose problème ?</p> | |||
<p>Adrian Roselli y répond en partie dans son article, ça n’est pas aussi simple — ni rapide — que ça en a l’air. Les solutions faisant appel à la technique (des autres) sont si confortables…</p> | |||
</details> | |||
<h2><a href="/david/2021/11/01/" title="Lien permanent vers cet article">Inaccessible</a> (2021-11-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<ol> | |||
<li>Je souhaite insister ici sur le fait que vivre dans une société inaccessible contribue très largement à ce sentiment. Bien plus que la maladie, c’est l’inaccessibilité qui réduit le champ des possibles pour les malades chroniques et personnes handicapées. <mark>Une vie que l’on peut juger diminuée ou rétrécie n’a pas moins de valeur que les autres.</mark></li> | |||
</ol> | |||
<p><cite><em><a href="https://bribesdereel.net/rechute-chronique">Rechute chronique</a></em> (<a href="/david/cache/2021/453afa4933a15181ceedb95afeb70c1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Parfois, une note suffit pour écouter le monde différemment.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,659 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #accompagnement — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #accompagnement"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #accompagnement</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/26/" title="Lien permanent vers cet article">Conférences</a> (2021-01-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Moitessier n’est pas un solitaire par principe, mais un <em>maverick</em>. Du nom d’un éleveur texan qui refusa au XIX<sup>e</sup> siècle de marquer au fer rouge son bétail, le <em>maverick</em> est un cheval sauvage qui choisit de vivre en marge de la harde : il reste à distance mais suit la marche du groupe, sans jamais s’en éloigner jusqu’à s’en exclure. Il met de la distance, mais ne se désolidarise pas du mouvement. Il refuse juste le comportement grégaire et l’autorité du mâle dominant. Contrairement au <em>paria</em>, rejeté de ses semblables, le <em>maverick</em> fait lui <mark>le choix délibéré de se mettre en retrait</mark>. Cette délibération en soi-même, qui inclut la notion d’intention, est au cœur de la distinction entre singularité et conformisme, entre libre arbitre et soumission.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Il y a peu, j’écrivais que je donnais des <a href="/david/blog/2013/conferences-diversite/">conférences</a> <q>avant de prendre conscience qu’il était important de laisser la place à d’autres moins privilégié·e·s/plus diversifié·e·s</q>. Et indirectement, cela m’a permis de <a href="/david/blog/2013/conferences-editorialisation/">prendre du recul</a> et eu aussi pour conséquence de <a href="/david/blog/2013/conferences-conviviales/">ne plus me motiver du tout</a> à aller dans les conférences « classiques ».</p> | |||
<p>Et puis je lisais il y a quelques temps (je n’arrive plus à retrouver où et c’est bien dommage), qu’il était important pour les personnes qui se revendiquent être des alliées de rester présentes à ces évènements pour encourager et diffuser ces voix.</p> | |||
<p><em>Et depuis, je suis dans le doute.</em></p> | |||
<p>Je suis tiraillé entre <a href="/david/blog/2016/coorganisation-conferences/">co-créer de nouvelles choses</a> ou faire acte de présence et de promotion des endroits qui comptent pour d’autres et leurs offrent un espace de visibilité non négligeable (j’envisage difficilement de faire les deux car mon temps est limité). Je pourrais aussi explorer des options plus proche du <em>mentorat</em> même si ce terme me laisse un arrière-goût de hiérarchie que j’aimerais éviter.</p> | |||
<p>Le mieux serait probablement — comme souvent — de demander aux principa·ux·les concerné·e·s. <strong>N’hésitez pas à me donner votre avis.</strong></p> | |||
</details> | |||
<h2><a href="/david/2021/02/08/" title="Lien permanent vers cet article">Niveaux</a> (2021-02-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Pick a foundational web development concept (e.g. HTML, CSS, JavaScript, etc.) and explain it at two levels: first as you would to a colleague who’s not a software developer, like a designer or product manager; next, as you would to a peer.</p> | |||
<p><cite><em><a href="https://jacobian.org/2021/feb/8/interview-questions-explain-a-topic/">“Explain a Topic At Multiple Levels…”</a></em> (<a href="/david/cache/2021/c9fad8039837ef9a671e1fb52cbbeb35/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime bien la simplicité de la question qui rend visibles plusieurs choses. À commencer par la capacité à savoir vulgariser des concepts non triviaux mais qui font pourtant partie de notre quotidien. Je me risque à la métaphore que cela m’a inspiré :</p> | |||
<blockquote> | |||
<p>HTTP est le carton dans lequel votre meuble IKEA vient d’être livré (HTTPS si vous avez dû signer un reçu), vous découvrez dedans des morceaux de HTML. La façon dont vous allez les agencer pour construire un meuble, c’est ce que fait CSS avec les pages web pour leur donner forme. C’est ce qui va donner une structure/du volume à ces pièces détachées. Et JavaScript ? C’est la charnière de la porte que vous montez de travers et qui va grincer pendant toute la durée de vie de ce meuble 🚎. S’il reste une cheville à la fin… on la met dans le <em>footer</em>.</p> | |||
</blockquote> | |||
<p>Entre temps, <a href="https://www.la-grange.net/karl/">Karl</a> me pointe une pratique de Shopify qui se rapproche des mes <a href="/david/2021/01/26/" title="Conférences">questionnements sur le mentorat</a>, à expérimenter :</p> | |||
<blockquote lang="en"> | |||
<p>In advance of the first meeting, mentees are asked to identify technical skills gaps they want to improve. During their first meeting, mentees and mentors work together building a tangible goal that they can work towards over the course of the six weeks. Goals often change and that’s expected.</p> | |||
<p>Through the initial kickoff meeting and weekly check-ins via Slack, we reinforce and reiterate throughout the program that <mark>the goal itself is never the goal</mark>, but an opportunity to work towards a moving target.</p> | |||
<p><cite><em><a href="https://shopify.engineering/technical-mentorship-reimagined">Technical Mentorship Reimagined: Time-bound and No Awkward Asks Necessary</a></em> (<a href="/david/cache/2021/7b8d925b24ca7a4777becd5cc212d11a/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/26/" title="Lien permanent vers cet article">Disponibilité</a> (2021-02-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Thinking about how I can be a helpful person in the world, as well as the sorts of folks who do and don’t think to ask for help, I wanted to take some time to explicitly write down ways that <mark>I’m available to help folks on the internet</mark> that I don’t have a preexisting relationship with. This is an initial list that I’ll have to think about expanding over time.</p> | |||
<p><cite><em><a href="https://lethain.com/ways-i-help/">Ways I’m available to help.</a></em> (<a href="/david/cache/2021/96ff9022e3ee0d37611b30f57205810e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je découvre cette page via Jacob qui a également <a href="https://jacobian.org/help/">rédigé la sienne</a> (<a href="/david/cache/2021/f91656e01371b761e22e6684dd3b6da2/">cache</a>). J’aime le fait que ce soit une proposition, une porte entrouverte sans grande garantie mais assortie d’une intention d’être utile à d’autres personnes moins privilégiées.</p> | |||
<p>Je vais prendre le temps de rédiger la mienne. Peut-être l’occasion de proposer un peu plus que <a href="https://www.la-grange.net/2021/02/23/heures">de la technique</a> (<a href="/david/cache/2021/6880a4077923d66ce1db9d8426107bc7/">cache</a>). Dans un accompagnement, j’ai de plus en plus le sentiment que l’écoute (est une compétence <em>mais</em>) n’a pas besoin d’être assortie de compétences pour être utile.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/06/" title="Lien permanent vers cet article">Pistage</a> (2021-03-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quant à le définir : d’abord il faut comprendre que le pistage est pour moi complètement désarticulé de la chasse : cela n’a rien à voir. Le « pistage philosophique » qui m’intéresse est plutôt de se rendre sensible à la manière dont les autres vivants habitent avec nous ce monde, pour inventer des formes de cohabitation plus riches et plus vivables pour tous. Je le définirai donc comme une manière renouvelée d’<mark>être attentif aux vivants</mark>. […] Ce que j’aime dans cette affaire, c’est qu’il s’agit d’une pratique dans laquelle on est sorti de l’opposition entre pensée et sensibilité, entre théorie et pratique : dans le pistage, pour interpréter les indices laissés par un cerf, une panthère des neiges ou un loup, on tisse de manière très serrée les sens, l’intuition, l’imagination, et le raisonnement, le tout pour chercher un état d’attention très aiguisé, vibratile, à ce qui se passe autour.</p> | |||
<p><cite><em><a href="https://www.humanite.fr/baptiste-morizot-lanimalite-est-constitutive-de-notre-identite-dans-ce-quelle-de-sain-658797">Baptiste Morizot : « L’animalité est constitutive de notre identité dans ce qu’elle a de sain »</a></em> (<a href="/david/cache/2021/9d1a6e44ba8805d53071ba461df238b0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une piste que j’aimerais suivre : être en capacité d’apprendre de simples <a href="/david/stream/2018/05/18/">traces</a>, d’imaginer des interactions, des scénarios à partir des éléments laissés, remonter un cheminement pour tenter d’en comprendre les intentions. C’est ce que j’avais <a href="/david/stream/2019/10/08/">commencé</a> à <a href="/david/stream/2018/12/04/">faire</a> avec les <a href="https://fr.programmescoyote.com/">Programmes Coyote</a> mais ils sont maintenant un peu trop éloignés (sans compter que c’est compliqué en ce moment…). Or, c’est un apprentissage qui demande à être accompagné — à moins peut-être d’habiter la forêt à plein temps.</p> | |||
<p>Encore et toujours une question de temps.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/17/" title="Lien permanent vers cet article">Arrivant·es</a> (2021-03-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Here’s the problem: <mark>how do you make a space that feels right for beginners</mark> when you have thousands of experts in the group who also want to join in?</p> | |||
<p>[…]</p> | |||
<p>Experts are very good at occupying these spaces. They are comfortable speaking, and eager to share their knowledge. How do we ensure that they don’t monopolize the discussion?</p> | |||
<p>Beginners can be shy, and reluctant to speak. They may feel like they don’t know enough to even ask a question. They don’t want to appear dumb. They hear the experts around them, and feel even more certain that this is not for them.</p> | |||
<p>The experts could have the best intentions: they want to help the beginners. They are interested in the subject, and have useful bits of information to contribute.</p> | |||
<p><cite><em><a href="https://nedbatchelder.com/blog/202103/beginners_in_a_sea_of_experts.html">Beginners in a sea of experts</a></em> (<a href="/david/cache/2021/5c20cd102357c0140e36a902ca400c8f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Trois nouvelles personnes sont arrivées au sein de <a href="http://scopyleft.fr/">Scopyleft</a> ces derniers mois. J’apprécie le fait que l’on transmette les précédentes pratiques en précisant régulièrement que celles-ci peuvent être transformées par ce nouvel état. L’expérience permet bien souvent d’aller plus vite, mais potentiellement dans une direction qui n’est <em>plus</em> la bonne. Je trouve sain que la croissance ne soit pas synonyme d’accélération mais de transformation, ce n’est pas à l’arrivant·e de s’adapter mais à toutes les personnes du groupe d’accepter un nouvel équilibre.</p> | |||
<p>J’aime me rappeler de cette métaphore technique :</p> | |||
<blockquote lang="en"> | |||
<p>Teams are immutable. Every time someone leaves, or joins, you have a new team, not a changed team.</p> | |||
<p><cite><em><a href="https://twitter.com/richardadalton/status/569275411508682752">Richard Dalton sur Twitter</a></em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/25/" title="Lien permanent vers cet article">Sponsor</a> (2021-03-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When members of <a href="https://twitter.com/bryanl/status/1134565369098756096">overrepresented groups</a> begin to see the systems of bias and privilege, their first instinct typically is to <strong>mentor</strong> those who haven’t benefited from the same privilege. This is understandable—they want to help them grow, get promoted, or become better engineers, to help balance out the inequity that pervades our industry.</p> | |||
<p>But at its core, this instinct to mentor plays into the idea that <a href="https://codepen.io/tatianamac/pen/BaBKoPv">minoritized</a> people aren’t already skilled enough, smart enough, or ready for more responsibility or leadership.</p> | |||
<p>What members of underrepresented groups in tech often need most is <strong>opportunity and visibility</strong>, not <em>advice</em>.</p> | |||
<p><cite><em><a href="https://larahogan.me/blog/what-sponsorship-looks-like/">What does sponsorship look like?</a></em> (<a href="/david/cache/2021/2ef963bae20d31e4bf836ede81512a43/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un article qui me fait progresser dans mon <a href="/david/2021/01/26/" title="Conférences">cheminement autour du mentorat</a> et sur ce qu’il serait pertinent de <a href="/david/2021/02/26/" title="Disponibilité">rendre disponible</a>. Merci aux personnes qui prennent le temps de documenter leurs connaissances et leurs raisonnements sur ces sujets. Ma route est encore longue…</p> | |||
<blockquote lang="en"> | |||
<p>It’s upsetting to realize that there are people who aren’t in that rank who are more <em>qualified</em> than you, but who haven’t benefited from the same privilege you did. I find that people who believed that they were promoted because the system is meritocratic <mark>react the hardest</mark> when they start to see the systems of privilege and unconscious bias are real (and that meritocracy is a myth).</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/27/" title="Lien permanent vers cet article">Craftsman</a> (2021-05-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You’re on duty til you die, you know, as a craftsman.</p> | |||
<p><cite><em><a href="https://www.youtube-nocookie.com/embed/5wlH4n3guYY">The master craftsman: Shimada Takayuki</a></em>, vidéo Google Youtube</cite></p> | |||
</blockquote> | |||
<p>Il y a souvent ce débat dans la communauté des développeur·euses pour savoir s’il s’agit d’un <em>craft</em>, si on peut être considéré·es comme étant des artisans, etc. Je crois même qu’à un moment je me décrivais ici-même comme étant un « Artisan du Web ». Ce n’est plus le cas aujourd’hui.</p> | |||
<p>Même si on s’amuse sur <a href="https://www.turingtumble.com/">Turing Tumble</a>, je n’ai pas l’intention de transmettre grand chose dans ce domaine. Et je n’ai pas la prétention d’avoir suffisamment appris pour avoir une pratique unique et transmissible à ce titre.</p> | |||
<p>Je crois que, non seulement j’accepte mais, je vais même jusqu’à apprécier de plus en plus le côté éphémère de mes productions. <a href="/david/2021/05/28/">Si</a> mon <abbr title="Curriculum vitæ">CV</abbr> est une <em>blockchain</em> 🤔, savoir que la plupart des sites que j’ai accompagné ne sont plus alimentés est un soulagement.</p> | |||
<blockquote> | |||
<p>L’image des mots commence à se déformer à l’instant même où ils sont formulés. Les idées incrustées dans un langage ne peuvent s’exprimer que dans ce langage donné. C’est l’essence même de la signification profonde du terme « exotique ». Vous voyez comme les distorsions commencent à apparaître ? La traduction vacille en présence de l’exotique. Le galach que je parle ici s’impose. C’est un cadre de référence externe, un système particulier. <mark>Tous les systèmes recèlent des dangers. Ils englobent les croyances non vérifiées de leurs créateurs.</mark> Adopter un système, adhérer à ses croyances, c’est renforcer la résistance au changement.</p> | |||
<p><cite><em>Les Mémoires Volés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/01/" title="Lien permanent vers cet article">Pédagogie</a> (2021-06-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Nous, pédagogues du début du XXIème siècle, avons reçu un héritage plutôt simple mais maintenant totalement obsolète. <mark>Nous sommes libres de ne pas accepter cet héritage en toute conscience.</mark> Bien évidemment je ne me reconnais pas dans le système militaire Prussien encore fortement en place dans les systèmes éducatifs (les résistances aux changements demeurent vivaces), alors que les textes officiels du programme de l’éducation nationale préconisent l’inverse, ou du moins d’autres formes d’enseignement, davantage adapatifs.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/22/pedagogie-vs-societe/">Pédagogie vs société ?</a></em> (<a href="/david/cache/2021/2ad199083faa7d454a78412588a7773a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de ces rappels historiques, de ce cheminement dans le domaine de la pédagogie et de la matière vivante que cela constitue pour l’enseignant·e. Sans compter le paradoxe entre le système éducatif et la société, ce couple tension/incompréhension dont on a peut-être besoin. Ce bouc-émissaire nécessaire pour que l’on accepte de laisser son enfant dans un environnement que l’on ne contrôle pas. L’acceptation de son délabrement afin d’être certain que l’on pourrait faire mieux « si on avait le temps ».</p> | |||
<p>Et si je prenais ce temps…</p> | |||
<blockquote> | |||
<p>C’est à mon sens la plus difficile des professions dans la mesure où elle ne produit rien de tangible. Elle n’est pas en dehors de nous. La pédagogie est un lien <em>invisible</em>, basé sur l’information. Elle touche uniquement l’humain en utilisant l’élément le plus complexe, c’est-à-dire le langage. La pédagogie est la compétence qui relie chaque humain pour les faire progresser, et pour faire progresser chaque génération d’humains. La pédagogie, c’est aussi la capacité à s’organiser en permanence dans un monde VICA : volatile, incertain, complexe, ambigu.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/02/" title="Lien permanent vers cet article">Percolation</a> (2021-06-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Par exemple, j’ai compris qu’il valait mieux, pour être en accord avec le réel, parler de <em>percolation</em> plutôt que de <em>transmission</em> des connaissances.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je suis très reconnaissant à Christian den Hartigh de partager son cheminement, aussi <q>chaotique et confus</q> qu’il l’estime je viens y piocher des idées régulièrement. Dans mes réflexions actuelles sur ce qui <a href="/david/2021/05/19/" title="Regroupement">fait un regroupement</a>, je retrouve cette notion de <em>percolation</em>. Des touches ici et là qui viennent s’infiltrer et qui forment des résurgences par ailleurs. Parfois sans en chercher ni comprendre le sens. On ne cultive pas un jardin, on laisse infuser une culture.</p> | |||
<p>Du moins c’est l’histoire que j’essaye de me raconter.</p> | |||
<blockquote> | |||
<p>D’où, dans nos sociétés, l’importance de l’autobiographie, ou du blog pour les jeunes générations, la nécessité de se dire pour savoir qui l’on est. Certes, le récit de vie n’est jamais la transparence des événements traversés, mais toujours une interprétation, une lecture et une relecture au fil du temps. Il n’est en aucun cas une vérité, <mark>seulement la dernière version qu’un individu tire de lui-même</mark>. Pour exister la croyance s’impose de posséder une conscience, un Moi, une identité, même s’il est impossible d’en définir les contours avec précision, même s’il est toujours malaisé de répondre à la question du “qui suis-je ?” dans l’éparpillement de que nous sommes au fil des jours, des circonstances et des publics. Le sentiment d’identité se transforme en récit provisoire tenu sur soi, identité narrative de P. Ricœur ou biographie réflexive d’U. Beck. Le récit de soi est une tentative, toujours après coup, de reconstruire une unité de son existence, non dans une objectivité impensable, mais dans une recherche de sens et de cohérence qui n’exclut pas la réinterprétation, même sincère, des événements. À tout moment l’individu se relie à son histoire, il ne cesse intérieurement de se raconter en retrouvant les fils de son parcours dans les événements récents et, dans les situations présentes, il engrange d’autres souvenirs qui l’amènent à la fois à demeurer le même tout en ne cessant de se redéfinir au fil des années. L’identité que se construit et se reconstruit l’individu à travers sa narration est sans doute une fiction, mais elle est le seul moyen de s’approcher de soi à travers un processus sans fin qui ne cesse de se moduler.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/28/" title="Lien permanent vers cet article">Bin-hômme</a> (2021-06-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As it turns out, the most high-performing teams have <mark>psychological safety</mark> in common, an atmosphere where people are more supportive than competitive. As a sensitive person, these micro-aggressions often sent me into fight-or-flight mode and dampened my enthusiasm. Suddenly I was having emotional breakdowns at work; now I understand why.</p> | |||
<p><cite><em><a href="https://uxdesign.cc/why-i-chose-to-leave-my-successful-ux-career-737704fd2b96">Why I chose to leave my successful UX career</a></em> (<a href="/david/cache/2021/2d015d964313da11f71997c298fc4d91/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Discussion avec la <a href="https://drum.team/">drum team</a> au sujet de la montée en compétence/expérience de personnes beaucoup moins représentées sur des rôles de <em>CTO/leadtech</em> (en français, avoir des responsabilités autour de la technique, mais pas que). On se dit avec <a href="https://ronan.amicel.net/">Ronan</a> que l’on est en <em>pouvoir</em> d’introduire ces personnes dans des milieux qui leur sont systémiquement peu accessibles et en <em>vouloir</em> d’accompagner ces individus de manière bienveillante et bien-traitante, sans subordination.</p> | |||
<p>Il reste à concrétiser et <a href="/david/2021/06/05/" title="Incarnation">incarner</a> ces intentions. Notamment en établissant ensemble les moyens de rendre explicites des comportements toxiques et/ou des maladresses induites par nos biais actuels.</p> | |||
<p><strong>Avec toi ?</strong></p> | |||
<p>(Si tu hésites pour plein de raisons possibles, commençons par en discuter par courriel pour clarifier nos intentions respectives.)</p> | |||
</details> | |||
<h2><a href="/david/2021/07/17/" title="Lien permanent vers cet article">Long terme</a> (2021-07-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On ne répond pas à leur question : <mark>quelles conséquences auront sur le long terme ces vaccins ?</mark> Cette interrogation revient chez toutes les personnes, que j’ai rencontrées ou que j’ai entendu interrogées dans les médias qui ne se vaccinaient pas. Elle n’est pas un échappatoire. Elle signe un conflit moral pour ces personnes. Le conflit entre prendre le risque de peut-être tomber gravement malade voire mourir, de contaminer des proches et des proches fragiles. Et celui de ne pas savoir pour soi — mais aussi collectivement — ce que donnera dans le temps cette vaccination massive avec des produits sur lesquels on a très peu de recul. Plutôt que de les culpabiliser, pourquoi ne répond-on pas à cette question des conséquences sur le long terme ?</p> | |||
<p><cite><em><a href="https://blogs.mediapart.fr/stephanelavignotteorg/blog/120721/stigmatiser-les-non-vaccines-est-ce-bien-responsable">Stigmatiser les non-vaccinés, est-ce bien responsable ?</a></em> (<a href="/david/cache/2021/c85d495a079cfa25516dd2b48d886c0f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cette question est intéressante à un moment où le long terme est quand même sacrément mis en doute. S’inquiéter d’un vaccin alors qu’on mange et respire quotidiennement n’importe quoi tout en creusant notre propre sauna c’est assez… surprenant.</p> | |||
<p>Mais soit, tentons d’y répondre. En préambule, la simulation la plus scientifiquement précise de la visualisation des bénéfices/risques <em>à court terme</em> du vaccin est <a href="https://apps.clinicalepidemio.fr/vaccine/">celle-ci</a>. Bien évidemment, on ne dispose d’<a href="https://www.lemonde.fr/les-decodeurs/article/2021/07/08/covid-19-les-essais-de-phase-3-des-vaccins-sont-ils-termines-depuis-des-mois-comme-l-affirme-olivier-veran_6087580_4355770.html">aucun résultat d’étude à long terme</a> (<a href="/david/cache/2021/d5b94e174cfc10931c811675b2d5103b/">cache</a>) donc ça se complique. Néanmoins, un ARNm se dégrade très rapidement dans l’organisme donc :</p> | |||
<ol> | |||
<li>soit il produirait des modifications irréversibles qui ne se révèleraient qu’à moyen terme (on a quand même 6 mois de recul sur une population énorme : 3 milliards !) ;</li> | |||
<li>soit cela viendrait de ce qui accompagne l’ARNm dans l’injection vaccinale.</li> | |||
</ol> | |||
<p>Pour le 1., la biologie c’est du bricolage à tous les étages (c’est flippant). On dispose heureusement de nombreux mécanismes de rétro-action lorsque ça dérape (c’est presque rassurant). Est-ce que l’on n’est pas en train de jouer aux apprenti·es sorcier·es ? Bin, en fait, dès que l’on essaye de « sauver » une population vulnérable on est dans cette situation et c’est le cas depuis bien longtemps ! Césarienne, IRM, implant dentaire, lunettes, paracétamol, les exemples se retrouvent dans tous les quotidiens. Et ce ne sont que les exemples scientifiques, la vie en société, la solidarité, depuis que l’on a des tribus on joue le jeu de protéger les plus faibles pour un avenir en commun. Je pars un peu loin mais je crois que la défiance n’est pas que médicale / biologique, elle en dit long sur l’état d’une société. Au passage, si la crainte est d’introduire du matériel génétique dans notre organisme, l’ARNm du virus est bien plus long et avec des conséquences dont on sait <em>dès à présent</em> qu’elles ne sont pas cool (Covid long, etc).</p> | |||
<p>Pour le 2., on ajoute <a href="https://www.canada.ca/fr/sante-canada/services/medicaments-produits-sante/covid19-industrie/medicaments-vaccins-traitements/vaccins/pfizer-biontech.html#a1.1">d’autres ingrédients</a> (<a href="/david/cache/2021/5eeb933db43f2ad26de7f7e714b50705/">cache</a>) à la recette pour que l’ARNm ait une chance d’arriver jusque dans la cellule et produise la protéine <em>Spike</em> sur laquelle les défenses immunitaires vont pouvoir s’entraîner. Ce sont ces autres ingrédients qui sont susceptibles de déclencher une réaction allergique <em>immédiate</em>, et c’est la raison nous allons tou·tes passer 2×15 minutes de notre vie en 2021 à réfléchir à la vacuité de nos existences. Youpi !</p> | |||
<p>Dans les deux cas, j’ai du mal à voir comment des effets secondaires latents pourraient tout à coup se manifester après des années. En tout cas, pas plus qu’un autre vaccin obligatoire sur lequel on a davantage de recul. Au passage, 95 % c’est très élevé mais ça reste différent de 100 %, donc oui il y a(ura) des personnes vaccinées qui attrape(ro)nt la Covid.</p> | |||
<p>Est-ce que ça peut co-participer à dépasser un seuil dans une situation déjà affaiblie ? Certainement, et c’est la raison pour laquelle la population la plus vulnérable ne peut pas se faire vacciner, le rapport bénéfice/risque est trop faible. C’est aussi pour cela que le reste de la population se vaccine, il y a une part de solidarité dans l’acceptation de ce risque, aussi bénin soit-il pour les personnes bien portantes.</p> | |||
<p><strong>Tout cela étant dit, peut-on être pro-vaccination et contre le gouvernement ?</strong> Cette question reste ouverte, j’ai l’espoir que cela puisse être le cas mais je ne suis pas non plus naïf quant aux implications politiques qu’il y a autour de cette pandémie.</p> | |||
<p>Le virus, lui, s’en lave les mains.</p> | |||
<p>Voir aussi : <a href="https://www.atlantico.fr/article/decryptage/oui-mais-on-manque-de-recul------x-arguments-pour-repondre-aux-questions-sensees-des-vaccino-sceptiques--et-les-rassurer-">« Oui mais on manque de recul… » : 10 arguments pour répondre aux questions SENSÉES des vaccino-sceptiques (et les rassurer)</a> (<a href="/david/cache/2021/3f773d81ebebb1b44079ad17ee064fa7/">cache</a>)</p> | |||
<hr /> | |||
<blockquote> | |||
<p><em>[7 ans, juste après l’injection d’un vaccin pour la varicelle (obligatoire au Québec), aux infirmières]</em><br /> | |||
— Est-ce que je suis mort ? C’est ça le Paradis ?!</p> | |||
</blockquote> | |||
<p>Pour le coup, ça les a bien tuées 😅.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Les règles créent des fortifications à l’abri desquelles les esprits étroits édifient des satrapies. État de choses dangereux quand tout va bien, désastreux en temps de crise.</p> | |||
<p><cite><em>Coda Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/17/" title="Lien permanent vers cet article">Jour 2</a> (2021-08-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>La nuit a été fraîche. Presque trop. Échange de duvets et habillages en plein milieu de la nuit + réveil matinal avec petite marche pour se réchauffer. Le décor avec ces volutes de fumées qui s’élèvent de la rivière vaut le coup, bonne compensation avant de se réchauffer les mains sur une <em>kuksa</em> pleine de gruau. Le soleil pointe enfin son nez pendant qu’un héron vient prendre son propre repas à quelques mètres. On voit à l’œil nu les poissons frétiller dans son bec avant qu’il ne les engloutisse. Il y a des choses qui se transmettent avec les yeux (manifestement, pas la pêche :p).</p> | |||
<figure> | |||
<a href="#riviere-ouareau-soleil" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-soleil"> | |||
<img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Le chauffage s’en vient enfin !</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>— Tu devrais garder de la batterie pour si on a un problème grave.</p> | |||
</blockquote> | |||
<p>Cette année, il y a une claire prise de conscience du danger et de ce qu’il lui faudrait faire s’il m’arrivait quelque chose. Cela alimente des discussions autour du risque et de ce qui est acceptable ou non. Une grosse chute plus tard, on inverse les rôles. Si la répétition est la base de l’apprentissage… la compréhension est la base de son acceptation.</p> | |||
<p>Il faudra que je me rappelle que l’on mange pas mal lors de ces sorties, l’effort combiné au froid : ça creuse. J’avais aussi apporté mon réchaud à alcool et c’était une bonne idée, ça permet de libérer du temps et de l’attention pour d’autres choses autour du campement, comme le ramassage de bleuets ou la cueillette d’épinette pour se faire une infusion nature.</p> | |||
<p>On remonte la rivière et on prend un dernier bain avant le retour. On retrouve enfin notre char, fatigués, affamés et souriants. La graine n’en finit pas de germer 🌱.</p> | |||
<blockquote> | |||
<p>— On aurait pu rester deux nuits en fait.</p> | |||
</blockquote> | |||
<hr /> | |||
<p><mark>Lu avant publication :</mark></p> | |||
<blockquote> | |||
<p>Quiconque promet à quelqu’un d’autre de contrôler la prise de risque lui greffe automatiquement des peurs dont il n’avait même pas idée, qu’il n’avait jamais éprouvées ni imaginées jusqu’ici. Ces peurs inconscientes vont devenir brusquement réalité et il va falloir les « couvrir » avec une bonne assurance, ce qui va rassurer…</p> | |||
<p>[…]</p> | |||
<p>La prise de risque est <mark>une initiative indispensable</mark> qui expose le sujet à un nouvel environnement hors de sa zone de confort. Cela va lui permettre de grandir, de tester sa flexibilité, sa tolérance, et de se nourrir intérieurement grâce à l’adaptation que nécessitera ce nouvel environnement.</p> | |||
<p><cite><em>Le risque zéro n’existe pas - La nature dans ma vie</em>, Sarah Marquis</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/24/" title="Lien permanent vers cet article">Jour 1</a> (2021-08-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Première fois que j’accompagne quelqu’un dans la forêt canadienne qui ne soit pas de la famille. Les conditions ne sont pas faciles car on part sur deux jours de canicule à 33 °C, ce qui n’est pas très agréable lorsqu’on prévoit un bivouac assez éloigné. Je profite que l’on soit deux pour faire mes propres expériences et retenter <a href="/david/2020/05/20/#hamac">le hamac</a> dans un autre contexte. Objectif du séjour : rester léger. Au moins pour changer du <abbr title="Marcheur Ultra Lourd et Têtu">MULET</abbr> que je suis lorsque <a href="/david/2021/07/27/" title="Évasion">j’ai un raft + du matériel vidéo</a>.</p> | |||
<p>Je m’en sors avec un sac qui doit avoisiner les 8 kg tout compris, principalement car j’ai pris trop de nourriture.</p> | |||
<figure> | |||
<a href="#sac-rando-hamac" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/sac-rando-hamac.jpg" alt="Le sac." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="sac-rando-hamac"> | |||
<img src="/static/david/2021/sac-rando-hamac.jpg" alt="Le sac." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>La poche principale fait 17 litres, pour avoir une idée de l’échelle.</figcaption> | |||
</figure> | |||
<p>C’est à la limite du <em>dumblight</em> (tellement ultra-léger que c’est stupide, « ultropléger » en québécois ?) mais je prends le risque car je ne pense pas pouvoir avoir froid dans ces conditions et qu’un peu de pluie serait presque salvatrice. Une fois monté ça ressemble à ça :</p> | |||
<figure> | |||
<a href="#campement-rando-hamac" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/campement-rando-hamac.jpg" alt="Le hamac une fois entre deux arbres." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="campement-rando-hamac"> | |||
<img src="/static/david/2021/campement-rando-hamac.jpg" alt="Le hamac une fois entre deux arbres." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Après la photo, j’ai recentré le hamac pour garder les pieds au sec !</figcaption> | |||
</figure> | |||
<p>Le <em>tarp</em> (bâche) est là pour me protéger de la rosée mais surtout de ce qui peut tomber des arbres. J’ai souvenir de m’être réveillé au même endroit, bombardé par un écureuil de pignes de pin qui me faisaient m’inquiéter pour ma tente…</p> | |||
<p>Mais bon, en attendant d’arriver au campement, on marche quelques kilomètres et par cette chaleur les moustiques s’en donnent à cœur joie vu que notre taux d’humidité avoisine les 100 %. Heureusement que des lacs ponctuent notre parcours, permettant de se rafraîchir un peu. On bénéficie également de la protection de la forêt lorsque ça n’est pas trop humide et infesté de bibittes.</p> | |||
<p>C’est avec soulagement que l’on arrive à un campement vide après n’avoir croisé personne. On monte nos différents couchages expérimentaux en se demandant si on va réussir à dormir dans ces chaudes conditions. Lorsque le soir arrive, on fait quand même un feu pour faire cuire notre nourriture.</p> | |||
<figure> | |||
<a href="#camembert-roti" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/camembert-roti.jpg" alt="Un camembert, dans de l’aluminium, sur un feu. Miam." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="camembert-roti"> | |||
<img src="/static/david/2021/camembert-roti.jpg" alt="Un camembert, dans de l’aluminium, sur un feu. Miam." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Le saviez-vous, le camembert rôti au feu n’a pas un goût de… camembert !</figcaption> | |||
</figure> | |||
<p>Je m’endors dans mon cocon, bercé par le chant du huard et le feu qui crépite. Pour une fois, la forêt est relativement silencieuse. Assommée par la chaleur ou apeurée par notre présence sensiblement bruyante ?</p> | |||
</details> | |||
<h2><a href="/david/2021/08/25/" title="Lien permanent vers cet article">Jour 2</a> (2021-08-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>La nuit a été courte mais reposante. L’option de mettre un matelas dans le hamac semble être la bonne, il faudra que j’essaye dans des conditions plus fraîches. Mes précédentes tentatives m’on montré qu’un <em>underquilt</em> n’est pas forcément adapté à cette forme. J’arrive à dormir sur le côté mais la transition reste toujours un peu stressante et hasardeuse surtout qu’il faut maintenant gérer le matelas qui glisse.</p> | |||
<p>Après un bon petit déjeuner, je pars pour un long périple de nage en solo pour aller explorer une île. J’essaye toujours d’en profiter pour imaginer des bivouacs hivernaux lorsque les lacs sont gelés. Mes efforts sont récompensés car il y a bien un emplacement possible à l’extrémité non visible. Ça pourrait aussi être un endroit propice à un accès en raft.</p> | |||
<figure> | |||
<a href="#lac-ours" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/lac-ours.jpg" alt="Vue sur le Lac à l’Ours." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="lac-ours"> | |||
<img src="/static/david/2021/lac-ours.jpg" alt="Vue sur le Lac à l’Ours." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>C’est toujours un peu difficile d’apprécier les distances sur l’eau, j’essaye de rester prudent, surtout que je suis moins entraîné qu’avant…</figcaption> | |||
</figure> | |||
<p>Alors que je m’apprête à revenir par le même chemin (environ 300 mètres), la famille huard me fait comprendre bruyamment que je les dérange(/surprend ?) en nageant sur cette section du lac. J’attends que les parents et leurs deux enfants soient passés pour faire le retour. Je ne suis pas pressé.</p> | |||
<p>Ironiquement, <a href="https://nrkn.fr/">Pep</a> m’envoie <strong>presque</strong> <a href="https://www.quantamagazine.org/math-can-in-theory-help-you-escape-a-hungry-bear-20210825/">un article à ce sujet</a> (<a href="/david/cache/2021/fd729cfc00ad9115213b7b4cbe9508e8/">cache</a>) le jour même :-).</p> | |||
<p>Le deuxième jour est moins intense en terme de dénivelé, on passe par les chemins de quads/ATV pour faire la jonction avec un autre lac. Là aussi, il s’agit de parfaire mon exploration des lieux car j’ai d’autres projets de <em>packrafting</em> itinérant à cet endroit. D’une certaine manière, ça fait le lien entre les lieux de tournage de <a href="/david/2021/02/24/" title="Précipitation">Précipitation</a> et de <a href="/david/2021/04/23/" title="Contemplation">Contemplation</a>. À chaque lac sa saison.</p> | |||
<figure> | |||
<a href="#lac-key" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/lac-key.jpg" alt="Vue sur le Lac Key." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="lac-key"> | |||
<img src="/static/david/2021/lac-key.jpg" alt="Vue sur le Lac Key." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Les photos à l’iPhone ne permettent pas de distinguer les sangsues, ce qui n’est peut-être pas si mal finalement.</figcaption> | |||
</figure> | |||
<p>Le retour est long (et piquant !) pour arriver jusqu’au <a href="/david/2021/07/16/" title="Char">char</a>, puis long (et embouteillant !) pour arriver jusqu’à la canicule montréalaise. On n’en revient pas moins avec le sourire d’avoir exploré de nouveaux espaces, ensemble.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/06/" title="Lien permanent vers cet article">Ours</a> (2021-09-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il [Michel Pastoureau] rappelle que l’ours a été diabolisé par l’Église : « Ursus est diabolus » selon saint Augustin. Pourquoi faire ainsi de l’ours une créature maléfique ? Tout simplement parce que vénéré, respecté et redouté, <mark>l’ours faisait de l’ombre au culte du Christ</mark>. Il a donc été méthodiquement exterminé et remplacé dans son statut de roi des animaux par un animal plus exotique et plus lointain, donc moins dangereux pour l’Église, le lion. C’est ainsi que l’ours est ainsi devenu, petit à petit, symbole de sauvagerie, de bestialité au sens le moins noble du terme et fut même présenté comme un monstre qui enlevait les jeunes femmes pour s’accoupler avec elles.</p> | |||
<p><cite><em>Là où le feu et l’ours</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Combien d’espèces sacrifiées sur l’autel des religions ? Ou servant d’excuses faciles pour masquer les crimes des hommes ?</p> | |||
<p>Je n’ai toujours pas croisé d’ours dans la forêt canadienne. C’est loin d’être la rencontre qui me ferait le plus peur… et j’ai une <a href="/david/2021/06/16/" title="Trans">apparence</a> d’homme.</p> | |||
<p>J’imagine parfois accompagner de (très) loin des personnes en insécurité dans la forêt. Rester à portée d’appel pour être rassurant. Mais ne deviendrais-je pas de fait la principale menace en ayant ce comportement ?</p> | |||
<p>Pas facile de partager un privilège.</p> | |||
<hr /> | |||
<p><mark>Le jour de la publication</mark> :</p> | |||
<blockquote lang="en"> | |||
<p>Regardless, if you’re a member of a privileged group, you have the ability to call out bullshit with far fewer professional and social consequences. Use that power.</p> | |||
<p>Privilege isn’t a dirty word. It’s a reality of living in a society with social power imbalances. If you have privilege, use it for good.</p> | |||
<p><cite><em><a href="https://gomakethings.com/using-privilege-for-good/">Using privilege for good</a></em> (<a href="/david/cache/2021/81f17a559c428b01a16814c9df4b3c46/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/09/" title="Lien permanent vers cet article">Documentation</a> (2021-09-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Here are six requirements that I have on a project for it to reach my gold approval for stellar docs.</p> | |||
<ol> | |||
<li>Your docs belong in the code repository</li> | |||
<li>Your docs is not extracted from code</li> | |||
<li>Your docs features examples</li> | |||
<li>You document every API call you provide</li> | |||
<li>Your docs is easily accessible and browsed</li> | |||
<li>Your docs should be <mark>easy to contribute to</mark></li> | |||
</ol> | |||
<p><cite><em><a href="https://daniel.haxx.se/blog/2021/09/04/making-world-class-docs-takes-effort/">Making world-class docs takes effort</a></em> (<a href="/david/cache/2021/f327a02cabbad6884b057958ec213668/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai mis en place un document collaboratif <a href="/david/2021/09/01/" title="Rentrée">dernièrement</a> en prenant pour acquis que le markdown était lisible et éditable. <em>C’était une grossière erreur.</em> Même avec l’aide de hackmd, un document contenant principalement des liens est interprété comme étant trop technique pour être accessible à des personnes n’ayant pas cette habitude.</p> | |||
<p>Un bon rappel que la route est <a href="https://degooglisons-internet.org/fr/">encore très longue…</a> (<a href="/david/cache/2021/8589fdcb9656efb132e1513c07d48bd1/">cache</a>)</p> | |||
</details> | |||
<h2><a href="/david/2021/09/22/" title="Lien permanent vers cet article">Introduction</a> (2021-09-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’aime beaucoup accompagner quelqu’un dans la découverte d’un produit sur lequel je travaille. Cela me pointe candidement mes propres insuffisances et incompréhensions. Les fois où je n’ai pas été assez patient ou trop fainéant. Les parties qu’il reste à nettoyer, celle qui sont difficilement compréhensibles.</p> | |||
<p>Me revient souvent en tête <a href="https://vimeo.com/70067975">la conférence de Mathieu à SudWeb</a> (Attention, on voit <a href="/david/2021/09/07/" title="Frank">Frank</a> au début.) Les super-héro·ïnes sont des cadeaux dont il faut écouter le premier regard.</p> | |||
<figure> | |||
<a href="#plume-gelinotte-huppee" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/plume-gelinotte-huppee.jpg" alt="Une plume entre mes doigts." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="plume-gelinotte-huppee"> | |||
<img src="/static/david/2021/plume-gelinotte-huppee.jpg" alt="Une plume entre mes doigts." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Une plume de Gélinotte huppée.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/10/05/" title="Lien permanent vers cet article">Conférences 2</a> (2021-10-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>— Tiens, tu ne fais plus de conférences.</p> | |||
</blockquote> | |||
<p>C’est <a href="/david/talks/">vrai</a>. Et c’est intentionnel.</p> | |||
<p>Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est réunie.</p> | |||
<p>Rien de nouveau sous le soleil mais ça n’est pas une raison pour le cautionner avec ma propre participation qui vient renforcer un bon paquet de biais.</p> | |||
<hr /> | |||
<p>Tout cela étant dit, je suis <a href="/david/2021/01/26/" title="Conférences">toujours</a> motivé pour accompagner des personnes qui seraient <a href="https://gomakethings.com/actively-excluded/">activement exclues</a> (<a href="/david/cache/2021/09449904abd3fdbb0663fc8b76325d87/">cache</a>) de ces lieux si elles souhaitent participer, prendre confiance en elles et en connaître les codes. Pas en mode sauveur, peut-être en mode allié, certainement à distance.</p> | |||
<hr /> | |||
<p>Ce billet pourrait faire l’objet d’une conférence 🙃.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/15/" title="Lien permanent vers cet article">Engagement</a> (2021-10-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Il y a une notion en alpinisme/escalade qui est relativement indépendante de la difficulté. Il s’agit du niveau d’engagement de la paroi/voie. Ce n’est pas la même chose de parcourir un chemin de randonnée ou de se faire une arrête avec 1000 m d’à-pic de chaque côté. Pourtant la largeur est la même, mais la conséquence d’une inattention ou d’un trébuchement n’a pas la même criticité.</p> | |||
<p><a href="https://ronan.amicel.net/">Ronan</a> me rappelait à juste titre qu’il en est de même sur des produits informatiques. Il y a le chemin, mais il y aussi le vide autour (ou parfois plutôt le trop plein). Il est facile de se laisser happer par des problématiques bien au-delà du périmètre auquel on voudrait bien se circonscrire pour épargner sa santé mentale.</p> | |||
<p>En se focalisant sur le <a href="https://fr.wikipedia.org/wiki/Cotation_en_alpinisme#Neige,_glace_et_mixte">degré technique</a>, on néglige parfois la <a href="https://fr.wikipedia.org/wiki/Cotation_en_alpinisme#Neige,_glace_et_mixte">cotation de sérieux</a> qui est toute aussi importante — si ce n’est plus — pour revenir en un seul morceau.</p> | |||
<p>L’évaluation de sa capacité d’engagement est indissociable d’une bonne connaissance de ses capacités et… d’une certaine humilité.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/25/" title="Lien permanent vers cet article">Transformatrice</a> (2021-10-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les <mark>victimes</mark>, ne répond pas vraiment à leurs besoins, ou alors par accident</p> | |||
<p><cite><em><a href="https://davidbruant.github.io/justice/">Une autre justice - description du problème</a></em> (<a href="/david/cache/2021/02de0fb44c1856ae5b7053f7a1682cc8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>David nous parle de ses explorations autour de la justice, réparatrice puis transformatrice à travers des interprétations de situations malheureusement bien réelles. Le travail d’essayer de décortiquer les attentes des victimes et le soin qu’il y aurait à leur apporter est fascinant. Ou déprimant. Bon en tout cas ça me fait bien cogiter.</p> | |||
<p><em>Merci.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/10/29/" title="Lien permanent vers cet article">Vélocité</a> (2021-10-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s true that the gains from picking the right problem can be greater than the gains from having better tactical execution because the gains from picking the right problem can be unbounded, but it’s also much <mark>easier to improve tactical execution</mark> and doing so also helps with picking the right problem because having faster execution lets you experiment more quickly, which helps you find the right problem.</p> | |||
<p><cite><em><a href="https://danluu.com/productivity-velocity/">Some reasons to work on productivity and velocity</a></em> (<a href="/david/cache/2021/50e183c99474ec15a833b2375aea1faf/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Une réflexion récente de <a href="http://scopyleft.fr/">Sarah</a> sur la vitesse (dans un contexte de développement) m’a interpellé car je suis de moins en moins convaincu que ce soit un facteur de <em>réussite</em> important pour un produit. Et c’est là où il va falloir définir « réussite ». C’est un peu un accident lorsque ça marche :</p> | |||
<ul> | |||
<li>un public qui a un besoin ;</li> | |||
<li>un produit qui est connu de ce public ;</li> | |||
<li>une équipe qui se fait confiance ;</li> | |||
<li>un budget/revenu qui permet d’arriver à un produit fonctionnel ;</li> | |||
<li>une connaissance autour de la problématique qui est capitalisée ;</li> | |||
<li>etc.</li> | |||
</ul> | |||
<p>La vitesse d’avancement de l’équipe technique dans tout ça est rarement le goulot d’étranglement. (En ayant conscience du biais de ne pas vouloir faire partie de ce goulot, qui m’invisibilise peut-être des situations passées…).</p> | |||
<p>Si ça se trouve, introduire un peu de lenteur permet de mieux évaluer la pertinence de ce que l’on expérimente parfois, de prendre du recul, de trouver des solutions moins techniques, de diluer la pression, d’avoir davantage d’interactions avec les utilisateur·ices. Si ça se trouve.</p> | |||
<blockquote lang="en"> | |||
<p>The acceleration of our collective pace of life is not a result of stupidity or irrationality; rather, it is a symptom of what is perfectly predicted by the prisoner’s dilemma at a global scale: Hyper-rational individuals making hyper-rational decisions on how to spend their time by launching into an inescapable arms race of productivity. <mark>Burnout is inevitable.</mark></p> | |||
<p><cite><em><a href="https://zandercutt.com/2019/02/18/were-optimizing-ourselves-to-death/">We’re Optimizing Ourselves to Death</a></em> (<a href="/david/cache/2021/b3db6a66bfa8f11941f00ac4fa1175e5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,428 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #allié — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #allié"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #allié</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/26/" title="Lien permanent vers cet article">Conférences</a> (2021-01-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Moitessier n’est pas un solitaire par principe, mais un <em>maverick</em>. Du nom d’un éleveur texan qui refusa au XIX<sup>e</sup> siècle de marquer au fer rouge son bétail, le <em>maverick</em> est un cheval sauvage qui choisit de vivre en marge de la harde : il reste à distance mais suit la marche du groupe, sans jamais s’en éloigner jusqu’à s’en exclure. Il met de la distance, mais ne se désolidarise pas du mouvement. Il refuse juste le comportement grégaire et l’autorité du mâle dominant. Contrairement au <em>paria</em>, rejeté de ses semblables, le <em>maverick</em> fait lui <mark>le choix délibéré de se mettre en retrait</mark>. Cette délibération en soi-même, qui inclut la notion d’intention, est au cœur de la distinction entre singularité et conformisme, entre libre arbitre et soumission.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Il y a peu, j’écrivais que je donnais des <a href="/david/blog/2013/conferences-diversite/">conférences</a> <q>avant de prendre conscience qu’il était important de laisser la place à d’autres moins privilégié·e·s/plus diversifié·e·s</q>. Et indirectement, cela m’a permis de <a href="/david/blog/2013/conferences-editorialisation/">prendre du recul</a> et eu aussi pour conséquence de <a href="/david/blog/2013/conferences-conviviales/">ne plus me motiver du tout</a> à aller dans les conférences « classiques ».</p> | |||
<p>Et puis je lisais il y a quelques temps (je n’arrive plus à retrouver où et c’est bien dommage), qu’il était important pour les personnes qui se revendiquent être des alliées de rester présentes à ces évènements pour encourager et diffuser ces voix.</p> | |||
<p><em>Et depuis, je suis dans le doute.</em></p> | |||
<p>Je suis tiraillé entre <a href="/david/blog/2016/coorganisation-conferences/">co-créer de nouvelles choses</a> ou faire acte de présence et de promotion des endroits qui comptent pour d’autres et leurs offrent un espace de visibilité non négligeable (j’envisage difficilement de faire les deux car mon temps est limité). Je pourrais aussi explorer des options plus proche du <em>mentorat</em> même si ce terme me laisse un arrière-goût de hiérarchie que j’aimerais éviter.</p> | |||
<p>Le mieux serait probablement — comme souvent — de demander aux principa·ux·les concerné·e·s. <strong>N’hésitez pas à me donner votre avis.</strong></p> | |||
</details> | |||
<h2><a href="/david/2021/02/26/" title="Lien permanent vers cet article">Disponibilité</a> (2021-02-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Thinking about how I can be a helpful person in the world, as well as the sorts of folks who do and don’t think to ask for help, I wanted to take some time to explicitly write down ways that <mark>I’m available to help folks on the internet</mark> that I don’t have a preexisting relationship with. This is an initial list that I’ll have to think about expanding over time.</p> | |||
<p><cite><em><a href="https://lethain.com/ways-i-help/">Ways I’m available to help.</a></em> (<a href="/david/cache/2021/96ff9022e3ee0d37611b30f57205810e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je découvre cette page via Jacob qui a également <a href="https://jacobian.org/help/">rédigé la sienne</a> (<a href="/david/cache/2021/f91656e01371b761e22e6684dd3b6da2/">cache</a>). J’aime le fait que ce soit une proposition, une porte entrouverte sans grande garantie mais assortie d’une intention d’être utile à d’autres personnes moins privilégiées.</p> | |||
<p>Je vais prendre le temps de rédiger la mienne. Peut-être l’occasion de proposer un peu plus que <a href="https://www.la-grange.net/2021/02/23/heures">de la technique</a> (<a href="/david/cache/2021/6880a4077923d66ce1db9d8426107bc7/">cache</a>). Dans un accompagnement, j’ai de plus en plus le sentiment que l’écoute (est une compétence <em>mais</em>) n’a pas besoin d’être assortie de compétences pour être utile.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/11/" title="Lien permanent vers cet article">Héros</a> (2021-03-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>What can you do to help? Number one, for all time, pay attention to the people in the room who may feel vulnerable and step in if they are being faced with any questionable behaviour. Passive-aggressive comments can often escalate into worse situations, don’t let it get there. Make sure people know when their behaviour is unacceptable, and take care of the person who had to deal with it, especially when they might be more vulnerable alone later on.</p> | |||
<p>Ask someone if they need company getting to where they need to go, and help them find a safe route, or someone who is suitable to help them, well ahead of the time they need to leave. Realise that offering to take someone back to their accommodation can be perceived as a potential threat, so prioritise finding <mark>a person who will make them feel safe over being the hero yourself</mark>.</p> | |||
<p><cite><em><a href="https://laurakalbag.com/safety-at-conferences/">Safety at conferences</a></em> (<a href="/david/cache/2021/159231336c8a81b29ad49fc1b8f233c8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Le véritable héros est celui qui sait laisser sa place.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/25/" title="Lien permanent vers cet article">Sponsor</a> (2021-03-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When members of <a href="https://twitter.com/bryanl/status/1134565369098756096">overrepresented groups</a> begin to see the systems of bias and privilege, their first instinct typically is to <strong>mentor</strong> those who haven’t benefited from the same privilege. This is understandable—they want to help them grow, get promoted, or become better engineers, to help balance out the inequity that pervades our industry.</p> | |||
<p>But at its core, this instinct to mentor plays into the idea that <a href="https://codepen.io/tatianamac/pen/BaBKoPv">minoritized</a> people aren’t already skilled enough, smart enough, or ready for more responsibility or leadership.</p> | |||
<p>What members of underrepresented groups in tech often need most is <strong>opportunity and visibility</strong>, not <em>advice</em>.</p> | |||
<p><cite><em><a href="https://larahogan.me/blog/what-sponsorship-looks-like/">What does sponsorship look like?</a></em> (<a href="/david/cache/2021/2ef963bae20d31e4bf836ede81512a43/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un article qui me fait progresser dans mon <a href="/david/2021/01/26/" title="Conférences">cheminement autour du mentorat</a> et sur ce qu’il serait pertinent de <a href="/david/2021/02/26/" title="Disponibilité">rendre disponible</a>. Merci aux personnes qui prennent le temps de documenter leurs connaissances et leurs raisonnements sur ces sujets. Ma route est encore longue…</p> | |||
<blockquote lang="en"> | |||
<p>It’s upsetting to realize that there are people who aren’t in that rank who are more <em>qualified</em> than you, but who haven’t benefited from the same privilege you did. I find that people who believed that they were promoted because the system is meritocratic <mark>react the hardest</mark> when they start to see the systems of privilege and unconscious bias are real (and that meritocracy is a myth).</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/23/" title="Lien permanent vers cet article">Homophobie</a> (2021-05-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>[Frank] Herbert maintiendra des propos homophobes jusqu’à la fin de sa vie, en considérant que l’homosexualité est un comportement immature, adolescent. En 1985, lors de sa conférence à UCLA, interpellé par un étudiant gay qui lui reproche d’avoir caricaturé les homosexuels sous les traits du Baron Harkonnen, il répondra : « Les gays agissent pour ne pas faire perdurer l’espèce. » Puis il s’esclaffera d’un rire gras, ainsi que la salle, qui applaudira. <mark>Une autre époque.</mark> […] Bruce Herbert [son fils] mourra du sida à l’âge de 41 ans en juin 1993, après avoir été un militant acharné de la cause LGBT.</p> | |||
<p><cite><em>Frank Herbert : itinéraire d’un anti-héros</em>, DUNE : le Mook, Alexandre Sargos</cite></p> | |||
</blockquote> | |||
<p>J’apprends cela en pleine (re)lecture de son œuvre et ça me met mal à l’aise. Aussi, je remarque encore davantage certains extraits à ce sujet. J’essaye de ne pas (trop) couper pour que chacun·e puisse se faire son idée :</p> | |||
<blockquote> | |||
<p>— Et à la curieuse théorie de Leto.<br /> | |||
— Oui. Il affirme que les armées exclusivement masculines étaient trop dangereuses pour leur support civil.<br /> | |||
— C’est insensé ! Sans armée, il n’y aurait même pas de…<br /> | |||
— Je connais votre argument. Mais il dit que l’armée masculine n’était rien d’autre qu’une survivance de la fonction tampon dévolue aux mâles non reproducteurs de la horde préhistorique. Il dit aussi que, dans cette optique, il est frappant de constater que c’était toujours les mâles plus âgés qui envoyaient les jeunes au combat.<br /> | |||
— Qu’est-ce que cela signifie, <em>la fonction tampon</em> ?<br /> | |||
— Il s’agit de ceux qui se trouvaient toujours dans la zone de danger, pour protéger le noyau de mâles reproducteurs, de femmes et d’enfants. Ceux qui affrontaient les prédateurs en premier.<br /> | |||
— En quoi est-ce dangereux pour les… civils ?<br /> | |||
— D’après le Seigneur Leto, lorsqu’elle ne trouvait plus d’ennemi extérieur, cette armée de mâles se retournait toujours et invariablement contre ses propres populations.<br /> | |||
— Pour ravir les femelles aux autres ?<br /> | |||
— C’est possible. Mais il ne croit visiblement pas que l’explication soit si simple.<br /> | |||
— Je ne trouve pas cette théorie particulièrement curieuse.<br /> | |||
— C’est parce que vous n’avez pas encore tout entendu.<br /> | |||
— Il y a autre chose ?<br /> | |||
— Oh, oui ! Il dit qu’une armée de mâles a toujours de très fortes tendances homosexuelles.<br /> | |||
Idaho, par-dessus la table, le foudroya du regard.<br /> | |||
— Je n’ai jamais…<br /> | |||
— Bien sûr que non. Il veut parler de sublimation, d’énergie défléchie et de tout le reste.<br /> | |||
— Quel reste ? protesta Idaho, dressé contre ce qu’il interprétait comme une attaque à son image virile.<br /> | |||
— Les aptitudes de l’enfance, les jeux de garçons, les plaisanteries destinées uniquement à faire souffrir, la loyauté réservée aux compagnons de horde… des choses de ce genre.<br /> | |||
— Et quelle est votre propre opinion ? demanda froidement Idaho.<br /> | |||
— Je me souviens… […] de quelque chose qu’il m’a dit un jour et qui, j’en suis sûr, est exact. Il est chaque soldat de l’histoire humaine. Il me proposait d’incarner devant moi, pour l’exemple, une série de personnages militaires figés dans leur adolescence. J’ai décliné cette offre. J’ai lu attentivement les livres d’histoire, et j’avais déjà par moi-même identifié cette caractéristique. […] Vous devriez y penser capitaine.<br /> | |||
Idaho se flattait d’être honnête envers lui-même, et ce que venait de dire Moneo le touchait. L’armée préservant les cultes de la jeunesse et de l’adolescence ? Il y avait quelque chose de vrai là-dedans. Et certains exemples, dans sa propre expérience…<br /> | |||
Moneo poursuivi en hochant la tête :<br /> | |||
— L’homosexuel, latent ou non, qui maintient sa condition pour des raisons que l’on pourrait qualifier de purement psychologiques, a tendance à se livrer à des comportements infligeant la douleur, aussi bien à autrui qu’à lui-même. D’après le seigneur Leto, cela remonte aux comportement probatoires de la horde préhistorique.<br /> | |||
— Et vous le croyez ?<br /> | |||
— Oui.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p>Il s’agit de personnages fictifs dans une œuvre de science-fiction. Et c’est probablement ce que je me suis dit lors des précédentes lectures, ça facilite la dissociation de l’auteur et de son œuvre, c’est l’option facile pour garder bonne conscience. Est-ce que je supporte aujourd’hui de lire cela ? Très difficilement, surtout sachant qu’il a mis à la porte son fils en raison de son homosexualité… j’aimerais pouvoir me dire que c’était <q>une autre époque</q> mais je n’y arrive pas.</p> | |||
<p>Et c’est une bonne chose dans mon propre cheminement sur ce que je juge comme étant acceptable ou non. Je vais tout de même aller au bout de la série car j’aimerais savoir l’interprétation que j’ai aujourd’hui de « La maison des mères », avec un peu plus de recul.</p> | |||
<p>Plus loin dans cet ouvrage on peut également lire :</p> | |||
<blockquote> | |||
<p>Moneo parla alors d’une voix apaisante, mais ses paroles secouèrent Idaho.<br /> | |||
— Je ne vous le dirai qu’une fois. Les homosexuels ont compté parmi les meilleurs guerriers de notre histoire, les troupes du dernier recours. Ils ont figuré parmi nos meilleurs prêtres et prêtresses. Le célibat des religieux n’a jamais été le fait du hasard, et ce n’est pas un hasard non plus si les adolescents font les meilleurs soldats.<br /> | |||
— C’est de la perversion !<br /> | |||
— D’accord avec vous. Cela fait des milliers de siècles que les commandements militaires tirent parti du déplacement perverti de la sexualité vers la souffrance.<br /> | |||
— C’est ce que fait le Grand Dieu Leto ?<br /> | |||
D’une voix toujours douce, Moneo répondit :<br /> | |||
— La vraie violence exige que la souffrance soit infligée et reçue. Une armée conduite à cela par ses pulsions profondes est bien plus maniable.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/16/" title="Lien permanent vers cet article">Trans</a> (2021-06-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Observant la manière dont elle attendait, patiente, que ses pensées se résolvent, il songeait à ce que l’on disait souvent, non sans raison, des Révérendes Mères : qu’elles ne faisaient plus tout à fait partie de la race humaine. Elles se tenaient en quelque sorte en dehors du courant principal. Elles le longeaient sans doute ; elles y faisaient sans doute de fréquentes plongées pour des motifs à elles. Mais elles se tenaient à l’écart de l’humanité. Elles s’en éloignaient.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p><em>Note : je ne sais pas trop de quoi je parle et j’espère ne blesser personne, n’hésitez pas à pointer mes maladresses.</em></p> | |||
<p>J’ai beaucoup d’empathie pour les personnes qui ne se sentent pas à l’aise dans leur genre, notamment car j’ai du mal à m’associer à un groupe se revendiquant comme étant « les hommes » pour diverses raisons issues de mes expériences et des cultures que j’ai pu traverser. Néanmoins, je n’aspire pas à rejoindre un groupe qui se revendiquerait comme étant « les femmes » pour autant. Je crois que je me sentirais plus à l’aise hors de cette dichotomie — je laisse la sexualité à part intentionnellement. Hors de l’espèce humaine en fait.</p> | |||
<p>(J’espère que ça ne fait pas trop je-ne-suis-pas-féministe-mais-humaniste… je suis plus en mode exploratoire que militant ici, probablement naïf.)</p> | |||
<p>Je commence à chercher si le « transpecism » est quelque chose et je tombe sur un <a href="https://www.vice.com/en/article/yvwknv/what-does-it-mean-to-be-trans-species">article de Vice</a> (<a href="/david/cache/2021/d896cc3bf1f0f96343c7733a9d605ebb/">cache</a>) qui me donne le mot-clé « <a href="https://en.wikipedia.org/wiki/Otherkin">otherkin</a> » :</p> | |||
<blockquote> | |||
<p>Otherkin are a subculture of people who identify as not entirely human.</p> | |||
</blockquote> | |||
<p>J’apprécie qu’il y ait autant de façon de se définir, tant de façons d’être à respecter. Chercher à savoir qui l’on est, le cheminement de toute une vie.</p> | |||
<p><em>C’était une petite incursion dans ma misanthropie du soir.</em></p> | |||
<p><mark>Coïncidence au moment de la publication :</mark></p> | |||
<blockquote> | |||
<p>Les députés canadiens ont adopté mardi 22 juin un projet de loi interdisant les « thérapies de conversion » qui visent à imposer l’hétérosexualité aux personnes LGBTQ+ (lesbiennes, gays, bi et trans), une victoire pour le gouvernement minoritaire de Justin Trudeau.</p> | |||
<p><cite><em><a href="https://www.lemonde.fr/international/article/2021/06/23/au-canada-les-deputes-adoptent-un-projet-de-loi-interdisant-les-therapies-de-conversion_6085282_3210.html">Au Canada, les députés adoptent un projet de loi interdisant les « thérapies de conversion »</a></em> (<a href="/david/cache/2021/2b405292b66dc4703386dba5bd7ee3fe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Karl a répondu avec : <a href="https://www.la-grange.net/2021/06/23/homme">l’homme et le macho</a> (<a href="/david/cache/2021/c47399354580a731e7befbda06339797/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/06/28/" title="Lien permanent vers cet article">Bin-hômme</a> (2021-06-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As it turns out, the most high-performing teams have <mark>psychological safety</mark> in common, an atmosphere where people are more supportive than competitive. As a sensitive person, these micro-aggressions often sent me into fight-or-flight mode and dampened my enthusiasm. Suddenly I was having emotional breakdowns at work; now I understand why.</p> | |||
<p><cite><em><a href="https://uxdesign.cc/why-i-chose-to-leave-my-successful-ux-career-737704fd2b96">Why I chose to leave my successful UX career</a></em> (<a href="/david/cache/2021/2d015d964313da11f71997c298fc4d91/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Discussion avec la <a href="https://drum.team/">drum team</a> au sujet de la montée en compétence/expérience de personnes beaucoup moins représentées sur des rôles de <em>CTO/leadtech</em> (en français, avoir des responsabilités autour de la technique, mais pas que). On se dit avec <a href="https://ronan.amicel.net/">Ronan</a> que l’on est en <em>pouvoir</em> d’introduire ces personnes dans des milieux qui leur sont systémiquement peu accessibles et en <em>vouloir</em> d’accompagner ces individus de manière bienveillante et bien-traitante, sans subordination.</p> | |||
<p>Il reste à concrétiser et <a href="/david/2021/06/05/" title="Incarnation">incarner</a> ces intentions. Notamment en établissant ensemble les moyens de rendre explicites des comportements toxiques et/ou des maladresses induites par nos biais actuels.</p> | |||
<p><strong>Avec toi ?</strong></p> | |||
<p>(Si tu hésites pour plein de raisons possibles, commençons par en discuter par courriel pour clarifier nos intentions respectives.)</p> | |||
</details> | |||
<h2><a href="/david/2021/06/29/" title="Lien permanent vers cet article">OK</a> (2021-06-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The people most vulnerable to the oppressive impact of White Supremacy will never know for certain if the symbol is being used in one of its non-violent manners or if it's being used in its racist violent manners. The oppressed must choose the option that protects them, which is typically erring on the side of caution.</p> | |||
<p>Continuing to use the symbol with its non-hateful connotations to “take it back”, does not eliminate its pervasive new meaning associated with White Supremacy. Instead, <mark>continuing usage only perpetuates emotional and psychological harm</mark> upon the most vulnerable and susceptible populations.</p> | |||
<p><cite><em><a href="https://selfdefined.netlify.app/definitions/ok-hand/">👌 [ok-hand]</a></em> (<a href="/david/cache/2021/d01188b1ac191fa62edec50c8a2da1e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aurais aimé pouvoir me ré-approprier un tel <em>emoji</em> mais pas au détriment des personnes qui en souffrent. Je vais dorénavant l’éviter autant que possible 🧘.</p> | |||
<p><em>Au passage, <a href="https://selfdefined.netlify.app/">ce site comporte de nombreuses définitions</a> qui sont autant de sources d’explorations de mes maladresses actuelles. Merci <a href="https://hello-bokeh.fr/">Anne-Sophie</a> !</em></p> | |||
</details> | |||
<h2><a href="/david/2021/07/12/" title="Lien permanent vers cet article">Blame</a> (2021-07-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La mémoire ne recrée jamais la réalité. <mark>Elle la reconstitue.</mark> Et tout reconstitution modifie l’original en devenant elle-même un cadre de référence externe obligatoirement imparfait.</p> | |||
<p><cite><em>Manuel du Mentat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p>J’ai beau essayer de faire attention, il y a des fois où je me foire grave. Aujourd’hui, j’ai mis la pression sur une victime (qui n’avait rien demandée) au lieu d’accepter <em>ma</em> confrontation avec l’oppresseur (qui est <em>mon</em> problème en tant qu’aspirant allié). C’est frustrant car je ne pensais pas pouvoir encore faire ça, ma route est encore longue. J’espère pouvoir me rattraper mais c’était quand même très indélicat de ma part…</p> | |||
<p>Je consigne cela ici pour ne pas l’oublier trop vite.</p> | |||
<p><em>Merci <a href="https://d%C3%A9tour.studio/">Thomas</a>.</em></p> | |||
<blockquote> | |||
<p>L’oubli… tel est votre destin. Toutes les anciennes leçons de la vie, vous les perdez, vous les gagnez, puis vous les reperdez et vous les regagnez <mark>encore</mark>.</p> | |||
<p><cite><em>Leto II, La Voix de Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/09/" title="Lien permanent vers cet article">Support</a> (2021-08-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Lorsque deux personnes ne se supportent pas — n’ont aucune envie de servir de <em>support</em> l’une à l’autre — doit-on tout de suite y voir un conflit de privilèges, de classes, de cultures ou d’égos ? Peut-être qu’il y a parfois « juste » un truc qui ne passe pas et il faut plutôt travailler à dégoupiller la pression sociale qui peut pousser ces deux personnes à se rencontrer. La violence me semble émaner de cette mise en proximité si elle est imposée (aussi numérique soit-elle), on réagit rarement de manière intelligente lorsqu’on est acculé·e.</p> | |||
<figure> | |||
<a href="#canards" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/canards.jpg" alt="Une mère canard sur un rocher, ses petits sur un autre." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="canards"> | |||
<img src="/static/david/2021/canards.jpg" alt="Une mère canard sur un rocher, ses petits sur un autre." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>En sécurité ou à l’écart ?</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>Le point de rupture est ce moment où l’on renonce à un lien, on le défait ou le tranche. C’est le moment où l’on cesse de croire en quelqu’un, d’attendre quoi que ce soit de lui. Notre capacité à lui faire confiance s’est épuisée au fur et à mesure des déceptions, des mensonges, des violences ou des trahisons. Ou bien, elle s’effondre d’un coup, sous nos yeux incrédules, comme une falaise de craie. C’est le moment de la perte, cet étrange moment où l’on « perd » quelqu’un encore vivant.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/05/" title="Lien permanent vers cet article">Conférences 2</a> (2021-10-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>— Tiens, tu ne fais plus de conférences.</p> | |||
</blockquote> | |||
<p>C’est <a href="/david/talks/">vrai</a>. Et c’est intentionnel.</p> | |||
<p>Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est réunie.</p> | |||
<p>Rien de nouveau sous le soleil mais ça n’est pas une raison pour le cautionner avec ma propre participation qui vient renforcer un bon paquet de biais.</p> | |||
<hr /> | |||
<p>Tout cela étant dit, je suis <a href="/david/2021/01/26/" title="Conférences">toujours</a> motivé pour accompagner des personnes qui seraient <a href="https://gomakethings.com/actively-excluded/">activement exclues</a> (<a href="/david/cache/2021/09449904abd3fdbb0663fc8b76325d87/">cache</a>) de ces lieux si elles souhaitent participer, prendre confiance en elles et en connaître les codes. Pas en mode sauveur, peut-être en mode allié, certainement à distance.</p> | |||
<hr /> | |||
<p>Ce billet pourrait faire l’objet d’une conférence 🙃.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/26/" title="Lien permanent vers cet article">Complicité</a> (2021-10-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="http://scopyleft.fr/">Stéphane</a> m’indique qu’il préfère être <em>complice</em> plutôt qu’<em>allié·e</em> car ce n’est pas une guerre avec deux fronts bien définis. Je n’avais jamais songé à ce terme dans ce champ lexical là.</p> | |||
<p>Je me demande s’il ne faudrait pas explorer d’autres angles, en se reconnaissant et s’affirmant comme étant <em>complexe</em> par exemple. C’est davantage auto-centré mais (espoir++) en acceptant sa propre complexité, on ne peut qu’accepter — et encourager — celle des autres. Et ensuite prendre conscience que deux êtres complexes vont avoir des difficultés à communiquer, à se comprendre, à s’entendre, à faire un bout de chemin ensemble. Alors à plusieurs !</p> | |||
<p>De la complexité du vocabulaire… il reste un <a href="https://ironemes.eu.org/">ironème</a> à trouver.</p> | |||
<hr /> | |||
<p lang="en"><a href="https://2kindsofpeople.tumblr.com/">2 kinds of people</a>. (Maybe more.)</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,209 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #alterego — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #alterego"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #alterego</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/04/" title="Lien permanent vers cet article">Chance</a> (2021-02-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>And it’s not just that programmers and IT folks in general had very little to complain about when it comes to the pandemic, <mark>we’re a really, really privileged bunch</mark> <em>in general</em>. We get preferred visa treatment which makes us one of the most mobile work forces, our profession is universally recognized even if we did not actually get a degree, we can work from home and we’re monetarily compensated in a way that even juniors coming from a few month training will out-earn many studied professions.</p> | |||
<p><cite><em><a href="https://lucumr.pocoo.org/2021/2/5/be-humble/">Be Humble</a></em> (<a href="/david/cache/2021/deb0e4b7e744eb8767d1ad803c7922f3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des coincidences comme celle-ci. On me demande ce que j’ai réalisé après une année de pandémie. Je réponds que j’ai pris conscience de la chance que j’ai, de par mes privilèges et mon mode de vie. Je regarde mon agrégateur 30 minutes plus tard et il y a ce billet d’Armin.</p> | |||
<p>J’ai également réalisé que je n’avais pas parlé anglais depuis plus d’un an… mes interlocuteur·ices probablement aussi !</p> | |||
</details> | |||
<h2><a href="/david/2021/11/02/" title="Lien permanent vers cet article">Réflexion</a> (2021-11-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This website is essentially a repository of my memories, lessons I’ve learnt, insights I’ve discovered, a changelog of my previous selves. Most people build a map of things they have learnt, <mark>I am building a map of how I have come to be, in case I may get lost again.</mark> Maybe someone else interested in a similar lonely path will feel less alone with my documented footprints. Maybe that someone else would be me in the future.</p> | |||
<p><cite><em><a href="https://winnielim.org/experiments/website/this-website-as-a-learning-and-reflection-tool/">this website as a learning and reflection tool</a></em> (<a href="/david/cache/2021/532af45eef948b36907a25f63c6eb95f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je pourrais citer tellement de parties de cet article que ça en est troublant. Quelqu’un, quelque part se pose aussi plein de questions et les partage. C’est chouette.</p> | |||
<p>Je retiens, entre autres, que je pourrais soigner la façon dont on peut faire des requêtes dans ces données. J’aime bien le fait que l’on puisse récupérer <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">les sources</a> (<a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache">cache !</a>) et faire une recherche <em>full-text</em> mais c’est pas super accessible. Et quand même limité en terme de navigation(s). Si je suis mon premier explorateur, de quelle manière est-ce que j’aimerais (re)découvrir mon ancien moi ? On a rarement l’occasion d’être aussi mégalo :-).</p> | |||
<p>Merci <a href="https://www.hypothermia.fr/">Eli</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/17/" title="Lien permanent vers cet article">Apprentissages</a> (2021-11-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ça fait pas mal de temps que je trouve inspirant ce qu’a fait Simon Willison avec <a href="https://til.simonwillison.net/">ses <abbr title="Thing’s I’ve Learned" lang="en">TIL</abbr></a>. Une façon de partager des frictions techniques quotidiennes pour documenter — et potentiellement aider d’autres personnes.</p> | |||
<p>Ce serait une bonne occasion d’essayer <a href="https://datasette.io/">datasette</a> aussi mais c’est peut-être un peu trop dynamique à mon goût. Idéalement, ce serait déposer des bouts de code sur <a href="https://sr.ht/~davidbgk/">sourcehut</a> et les <a href="https://srht.site/automating-deployments">déployer automatiquement</a> là-bas aussi, sur mon <a href="https://srht.site/custom-domains">propre sous-domaine</a>.</p> | |||
<p>Je vais laisser cette idée mâturer un peu, ça pourrait faire l’objet d’un cru 2022.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,244 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #anarchisme — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #anarchisme"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #anarchisme</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/03/01/" title="Lien permanent vers cet article">Responsabilité</a> (2021-03-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><em>La technique rend les hommes irresponsables.</em> Les manifestations principales du développement de la technique sont le gigantisme, la concentration et l’abstraction. Cet état de fait aboutit à une dispersion des effets de l’action : <mark>à l’ère technique, l’identification et la responsabilité des acteurs est devenue problématique</mark>, voire impossible : « Dans une telle société, le type de l’homme agissant consciemment disparaît. » L’action morale est donc impossible puisque l’homme ne peut pas se représenter les effets de son action.</p> | |||
<p>[…]</p> | |||
<p>Une des idées fondamentales de Charbonneau et d’Ellul est de mettre radicalement en question <em>l’idée de la neutralité de la technique</em> : plus qu’un progrès, elle engendre le développement de la puissance. Loin de permettre l’émancipation, la puissance engendre des déséquilibres et devient incontrôlable, car elle appelle nécessairement la concentration et le gigantisme.</p> | |||
<p><cite><em>Nous sommes des révolutionnaires malgré nous</em>, Bernard Charbonneau, Jacques Ellul, introduction de Quentin Hardy</cite></p> | |||
</blockquote> | |||
<p>Plus j’explore la vie et les écrits de ces deux personnes et plus je me rends compte qu’il est possible d’anticiper l’évolution technique. Ce qui est plus difficile c’est d’identifier les moments de rupture, ces instants où il y a la formation d’un contre-pouvoir de la part des humains, un contre-<strong>vouloir</strong> lorsque les soupapes ne suffisent plus. Peut-être que l’on s’en approche, j’ai l’intuition que ces retours de flammes peuvent être relativement brutaux. Peut-être que l’on en est encore très loin car la technique procure un confort incroyable aux oppresseurs.</p> | |||
<p>C’est même peut-être sa véritable définition…</p> | |||
</details> | |||
<h2><a href="/david/2021/03/12/" title="Lien permanent vers cet article">Forêt</a> (2021-03-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Depuis, le projet d’acheter des hectares par-ci par là commence à me trotter dans la tête. Les sortir des zones de chasse — un terrain privé d’une surface minimum donnée est chassable par défaut. <mark>Les sortir de l’exploitation</mark> forestière en monoculture. Y recréer des écosystèmes vivants, endémiques et/ou préparés au changement climatique. Envisager de l’habitat léger à toute petite échelle.</p> | |||
<p><cite><em><a href="https://oncletom.io/2021/03/12/acheter-de-la-foret/">Acheter de la forêt</a></em> (<a href="/david/cache/2021/33c4c1d859a2d85c1710ea50628a71b1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je crois qu’avant même de vouloir construire une cabane sur un terrain, ce qui m’intéresse c’est cet aspect conservation. Pas forcément dans le sens sanctuaire mais dans le fait d’y cheminer/vivre de manière sereine. Un lieu discret, d’observation, d’<a href="/david/2021/02/20/" title="Apaisement">apaisement</a>. Un lieu où il fait bon <em>être</em>.</p> | |||
<p>Je m’imagine naviguer d’îlot en îlot dans un archipel de forêts libérées. Si la propriété c’est le vol, j’ai envie de voler un bout du monde à la folie des humains. Orgueil déplacé ? Tant pis.</p> | |||
<p><mark>Extrait lu en mai :</mark></p> | |||
<blockquote> | |||
<p>Je laisse partir une flamme, mais elle a attisé en moi le goût de défendre la Terre. Moi aussi, je mènerai un combat, mais sans armes, sans vandalisme, sans sensationnalisme. Dans les limites légales de la désobéissance civile et dans la sagesse de Thoreau. Je planterai des arbres par milliers, je sèmerai des fleurs pour nourrir les rares abeilles, je vivrai de ma terre en métamorphosant la plantation d’épinettes en espace où la faune et la flore seront foisonnantes. Avec chaque sou économisé, j’achèterai toutes les forêts privées et les champs avoisinants en monoculture, et je les laisserai en friche, fleurir sans coupes, pousser en paix. Ma vie reprend du sens dans ma forêt.</p> | |||
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/20/" title="Lien permanent vers cet article">Remote</a> (2021-04-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I think it’s important to keep this in mind: that the primary reason for the move to remote has very little to do with culture or flexibility and everything to do with shifting the costs of real estate from companies to employees.[…]</p> | |||
<p>Because if remote work gives us anything at all, it gives us the chance to root ourselves in a place <em>that isn’t the workplace</em>. […]</p> | |||
<p>I promise you those CEOs are the ones looking at the balance sheet and doing a calculation in their head that says that even though remote work might save them millions on real estate, <mark>the transfer of power to their employees would be too great to make that a good deal</mark>.</p> | |||
<p><cite><em><a href="https://tinyletter.com/aworkinglibrary/letters/remote-to-who-a-working-letter">Remote to who? A working letter</a></em> (<a href="/david/cache/2021/28c97d1358ee67f26af1756246766823/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il est tentant d’espérer des remises en question, des transferts de pouvoirs. Que la situation nouvelle soit le catalyseur de certaines luttes. Mais une fois que l’on a du pouvoir, il est bien difficile de le redistribuer. Et ce pouvoir donne suffisamment de temps pour anticiper les éventuelles pertes futures de contrôle. Un cercle vicié.</p> | |||
<p>La seule possibilité que j’entrevois serait d’être prêt·es <em>au moment</em> où la crise se déclare car ce sont les seuls instants de vulnérabilité du pouvoir en place. Mais cela nécessite une dispersion d’énergie folle et sans certitude dans un monde complexe.</p> | |||
<p>Revenons-en au sujet : prendre de la distance, oh oui, beaucoup de distance…</p> | |||
</details> | |||
<h2><a href="/david/2021/09/13/" title="Lien permanent vers cet article">Démission</a> (2021-09-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Car le temps de la pandémie a mis à nu l’absurdité de « la normalité », productrice de la catastrophe et de l’impasse de l’avenir. L’activité routinière de la majorité des travailleurs est devenue clairement incohérente et stérile devant la force de la pandémie ; <mark>les repères sécurisants du salariat et de ses institutions se sont révélés fragiles, et même impuissants.</mark> Les activités valorisées au départ par les puissants comme étant « essentielles », ont été vite stigmatisées, voire pointées comme coupables de la poursuite du désastre.</p> | |||
<p>[…]</p> | |||
<p>« La grande démission » peut s’inscrire dans le droit fil d’autres mouvements qui, par le passé, ont jalonné l’histoire des résistances à la soumission au travail, et dont les plus connus furent le « refus de parvenir » et le sabotage.</p> | |||
<p><cite><em><a href="https://lundi.am/Le-Covid-et-la-grande-demission">Le Covid et « la grande démission »</a></em> (<a href="/david/cache/2021/5b0b6d7f4a461cef5acc3d9202cf7584/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Tout espoir est encore permis… selon l’histoire que l’on arrive à se raconter. J’ai l’impression que « grande démission » pourrait aussi rimer avec « grande dépression » et ses conséquences connues : recherche de boucs-émissaires, stigmatisation, nationalisme, etc.</p> | |||
<p>Attention à qui est-ce que l’on donne du <a href="/david/2021/09/03/" title="Pouvoir">pouvoir</a>.</p> | |||
<blockquote> | |||
<p>Serions-nous parvenus au point où « mieux se former », « mieux être payé », ne suffirait plus pour accepter de continuer comme des zombies ? <mark>Tout cela pour revenir à la « normalité radieuse » qui n’est autre que celle de la catastrophe permanente.</mark> Ou serions-nous devant un choix radicalement différent, celui qui inquiète les prêtres vaudou en question, celui de revendiquer la dignité, la réappropriation de nos vies, le sens de l’humain ?</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,847 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #anxiété — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #anxiété"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #anxiété</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/02/" title="Lien permanent vers cet article">Gentrification climatique</a> (2021-01-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>If, because of what we learned in the Covid Pandemic, a good job no longer requires someone to live in a low lying flood-prone city like Miami or NYC or a city that is burning like SF or LA, we will see many people in the US choose to leave those places and <mark>adopt new homes that are less impacted by the climate crisis</mark>.</p> | |||
<p><cite><em><a href="https://avc.com/2021/01/what-is-going-to-happen-in-2021/">What Is Going To Happen In 2021</a></em> (<a href="/david/cache/2021/837e11a57aa3ddcba084963c247f45a6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les riches vont continuer à fuir les conséquences de leur train de vie en regardant des séries Netflix. Les pauvres n’auront qu’à écoper et faire des barbecues, tout en livrant des menus végétariens à base d’avocats le midi et des colis Amazon remplis de produits jetables le soir.</p> | |||
<p>Ceci est une auto-critique. <strong>J’ai bien conscience d’être un privilégié climatique.</strong> D’avoir pu <em>choisir</em> le Canada comme destination aussi pour des raisons d’ordre écologique. Et d’être parmi les personnes qui polluent le plus, ne serait-ce que par mon revenu — et ma nationalité — qui me permettent entre autres de prendre l’avion. Il serait déplacé de dire que j’en souffre.</p> | |||
<blockquote> | |||
<p>Le luxe n’est pas un état mais le passage d’une ligne, le seuil où, soudain, disparaît toute souffrance.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/07/" title="Lien permanent vers cet article">Blancheur</a> (2021-01-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Maints moments du quotidien pourvoient également un retrait hors des exigences de la communication sociale : rêverie, méditation, lecture, écoute de la musique, sommeil, etc., conduire sur une longue distance, effectuer un travail répétitif… mille activités sont propices à un relâchement intérieur susceptible de se rompre instantanément en situation d’alerte. Echappées belles hors du quotidien et de ses mailles qui enserrent dans des rôles malaisés à quitter mais lourds à assumer plus longtemps. Cette dissociation est une donnée élémentaire de la vie courante, un bref oubli de l’environnement et une plongée dans l’intériorité aboutissant à une sorte de détente de la volonté, un flottement de soi pour rompre l’ennui d’une tâche et/ou trouver une diversion. Nul n’est jamais tout à fait présent à ce qu’il fait.</p> | |||
<p>Au fil de ce livre, <mark>j’appellerai blancheur cet état d’absence de soi</mark> plus ou moins prononcé, le fait de prendre congé de soi sous une forme ou sous une autre à cause de la difficulté ou de la pénibilité d’être soi.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Le terme choisi est ambigu et c’est dommage mais alors le simple passage du <q>Seuil</q> de ce livre a été douloureux de réalité. J’hésite à rentrer plus avant, ce qui donne une consistance toute particulière à l’intitulé de cette introduction. <strong>Il faut parfois savoir renoncer pour ne pas se faire trop mal.</strong> Ou au moins attendre de se trouver dans un équilibre psychologique moins instable.</p> | |||
<p>À ce sujet, j’ai de plus en plus envie d’aller construire des cabanes dans les bois. Il y a tellement de <a href="https://www.youtube.com/playlist?list=PLPVw8wSyPZsKc1v76FD6NgZzzArj3a2TY">belles choses à (re)faire</a> (les sous-titres sont pertinents).</p> | |||
<blockquote> | |||
<p>If we gave up, this experience would only show us another thing we didn’t want to do with our lives. Or worse: <mark>that maybe our jobs hadn’t been the problem, but we were</mark>; that the empty feeling that had been bubbling up inside us at our nine-to-fives would follow us wherever we went. We’d get over the money we’d lose, but the dream would be harder to let go of. The cabin fantasy had buoyed our spirits through all those years behind a desk. If we quit, we’d would lose our vision of another, happier life.</p> | |||
<p><cite><em><a href="https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington">We Quit Our Jobs to Build a Cabin-Everything Went Wrong</a></em> (<a href="/david/cache/2021/78f2e167938eb4bfa6747503aefe45c1/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/13/" title="Lien permanent vers cet article">Long terme</a> (2021-01-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So I wonder about the long-term effects not of lockdown itself, but the continuous <em>risk</em> of lockdown. Like, will you book a holiday for 6 months time, or will you book simply the <em>option</em> to go somewhere? Would you ever start a business that had a reliance on in-person meetings, or a supply chain that wasn’t tolerant to an unexpected 3 month stop? Of course not. How do you invest in friendships? <mark>Do you ever move far away from ageing parents if there’s a risk that planes won’t fly</mark> – or does distance no longer matter when you wouldn’t be able to meet in person anyway?</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2020/04/20/continuous_partial_lockdown">Some rambling thoughts about the stuttering end of the last ice age and what lockdown means</a></em> (<a href="/david/cache/2021/44064d714aff0deac9f882cc429d8b9d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me faisais cette réflexion dernièrement que les symptômes grippaux n’auront plus jamais cette signification quasi-bénigne à laquelle nous étions habitu·é·es. Il y aura toujours la crainte d’une mutation, d’un nouveau variant, d’une n-ième transmission à l’humain, d’une complication imminente.</p> | |||
<p>Sous un autre angle, comment va-t-on vivre avec les personnes présentant des séquelles à long terme de la Covid ? Perte de mémoire, de concentration, fatigue chronique, aphasie, etc., nous découvrons <a href="https://www.nytimes.com/2020/12/04/health/covid-long-term-symptoms.html">peu</a> (<a href="/david/cache/2021/e2bbd325581e7ec27b5c8e92ca32ce69/">cache</a>) à <a href="https://www.thelancet.com/journals/lancet/article/PIIS0140-6736(20)32656-8/fulltext">peu</a> (<a href="/david/cache/2021/c177668b263f39d20788f002446d2a47/">cache</a>) les conséquences neurologiques à long terme.</p> | |||
<p><strong>De quelle solidarité va-t-on faire preuve auprès de ces survivant·e·s ?</strong></p> | |||
<blockquote lang="en"> | |||
<p>“People seem to be going home, getting long-term effects, coming back in and dying. We see nearly 30 per cent have been readmitted, and that’s a lot of people. The numbers are so large.</p> | |||
<p>“<mark>The message here is we really need to prepare for long Covid.</mark> It’s a mammoth task to follow up with these patients and the NHS is really pushed at the moment, but some sort of monitoring needs to be arranged.”</p> | |||
<p><cite><em><a href="https://www.telegraph.co.uk/news/2021/01/17/almost-third-recovered-covid-patients-return-hospital-five-months/">Almost a third of recovered Covid patients return to hospital in five months and one in eight die</a></em> (<a href="/david/cache/2021/46b31e34a075d66aa6e4b8d8c91bd535/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/24/" title="Lien permanent vers cet article">Négativité</a> (2021-01-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Peut-être que ce qui me gène n’est pas tant l’écran en tant que tel, mais la <mark>posture</mark> dans laquelle celui-ci me plonge ?</p> | |||
<p>Plutôt que de chercher à passer <strong>très peu</strong> de temps derrière un écran, je peux essayer de maximiser le temps ou j’y fais quelque chose qui m’intéresse, et pour lequel je suis dans un usage créatif ?</p> | |||
<p><cite><em><a href="https://blog.notmyidea.org/reconnexion.html">Reconnexion ?</a></em> (<a href="/david/cache/2021/1ac1db00072c35c5f6de8d729331b8d4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai l’impression de partager de plus en plus de négativité et de contenus anxiogènes sur Mastodon. Je vais m’en écarter un moment pour me recentrer sur du temps qui m’apporte plus d’enthousiasme.</p> | |||
<p>Besoin d’un changement de <a href="https://www.youtube.com/watch?v=fHJNtLuCww4">perspective</a> (vidéo Youtube).</p> | |||
<blockquote> | |||
<p>I’ve been changing my relationship to being online.</p> | |||
<p>[…]</p> | |||
<p>Some of it is <mark>just letting myself wander</mark>, link to link, through people’s personal websites and passion projects, seeing what comes up.</p> | |||
<p><cite><em><a href="https://lucybellwood.com/stumbling/">Stumbling</a></em> (<a href="/david/cache/2021/4121412b765fff38f76943b7bc6391a5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/27/" title="Lien permanent vers cet article">Choix</a> (2021-01-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’intuition veut qu’il soit plus facile de refuser quand on ne manque de rien : dire non serait un privilège réservé à ceux <em>qui peuvent se le permettre</em>. Ce n’est pas si juste : <mark>celles et ceux qui déclinent une promotion ne sont pas tous riches au sens matériel du terme</mark>. Et c’est souvent dans la société des nantis que l’on retrouve le plus de mécanismes de reproduction et d’assentiment à l’ordre social. Les longues filiations de notaires ou d’agents de change souffrent peu de déviations. En réalité, pour ce qui concerne la liberté de décision, le fait de se sentir autorisé à faire des choix singuliers, l’argent n’est pas si discriminant. […] Le <em>refus de parvenir</em> permet de dépasser le statut de payeur-consommateur auquel est réduit l’individu et qui détermine son statut social à l’aune de ses possessions.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>J’ai l’intuition qu’il me faille <a href="/david/2021/01/22/" title="Tentation">bientôt</a> faire des choix assez significatifs dans ma vie. C’est une période bien particulière et j’apprécie que — de manière non préméditée — cette <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me donne la liberté d’écrire tout en sachant qu’il me reste du temps pour y réfléchir et en parler avant de rendre ces réflexions publiques.</p> | |||
<p>J’ai la chance <em>et</em> le malheur de pouvoir faire des choix. Considération de riche, encore une fois…</p> | |||
<blockquote> | |||
<p>Mais aucune société avant la nôtre n’a été vouée au travail.</p> | |||
<p>Et c’est en même temps la nôtre qui est vraiment créatrice de pénurie. Ceci peut paraître un paradoxe car nous sommes habitués à l’idée inverse, à savoir que dans le passé l’homme manquait de tout, et que c’est depuis notre développement technique que paraît l’abondance, alors qu’il faut exactement envisager les choses autrement.</p> | |||
<p>La Science économique, c’est la gestion de la rareté, de la pénurie. <mark>Nous sommes la société qui est, depuis les origines, la plus créatrice de Manque.</mark> Bien sûr nous avons produit massivement des biens industriels, mais en même temps une pénurie de biens naturels, allant maintenant jusqu’à celle de l’air, de l’eau, et des principales matières premières. Il s’agit d’évaluer ce rapport : plus nous travaillons, plus nous épuisons les richesses spontanées de la nature, plus nous voulons aussi consommer des biens toujours davantage complexes et glorifiants. Et plus ceci exige alors de nouvelles forces de travail engagées dans de nouveaux processus de production.</p> | |||
<p><cite><em>Pour qui, pour quoi travaillons-nous ?</em>, Jacques Ellul</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/06/" title="Lien permanent vers cet article">Dystopie</a> (2021-02-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Dans une société en perte de repères, où le superflu a pris le pas sur le nécessaire, où l’on confond plaisirs et bonheur, où l’on commente plus qu’on n’agit, émerge le besoin d’un nouvel ordre imaginaire, d’un récit collectif qui nous aide à ne pas désespérer et à reprendre pied. Pas pour se raconter de belles histoires qui détournent des efforts à faire, mais pour fournir à la résistance une <em>culture</em> de résistance. Nous avons aujourd’hui besoin d’un saut culturel. Si la science a fait sa part d’alerte, l’art et la culture peuvent encore l’amplifier. Ils façonnent la société à la manière d’un <em>soft power</em>.</p> | |||
<p>[…]</p> | |||
<p><mark>La fiction facilite un processus intérieur qui relève à la fois de la projection et de la distanciation, et ouvre à la variété des croisements de l’intime et de l’engagement.</mark> Or dans la bataille culturelle qui s’est enclenchée, il ne s’agit plus uniquement d’informer mais bien de <em>percuter</em> cette part sensible.</p> | |||
<p>[…]</p> | |||
<p>La création engagée se voit ainsi assigner la double mission de montrer le réel et de convoquer l’imaginaire, l’anticipation celle de tamiser le présent pour y débusquer les prémices du futur — « désincarcérer le futur » selon la magnifique expression du collectif Zanzibar.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Je croise beaucoup de réflexions ces derniers jours sur le fait qu’il faille vacciner toute la planète pour se sortir de la pandémie à cause des mutations. J’ai longtemps hésité avant de parler d’une autre option, la <a href="/david/2021/01/09/" title="Science-F(r)iction">science-fiction</a> pouvant être un moyen de dépeindre un avenir — et ainsi de le rendre <a href="/david/2020/12/15/#alain-damasio">possible</a>. Peut-être que j’ai besoin de l’exprimer pour pouvoir l’identifier comme étant une vision vers laquelle j’aspire à <em>ne pas</em> aller.</p> | |||
<p>Il y a déjà une frontière plus ou moins nette Nord-Sud qui parcoure la planète, un mur par là, une mer par ici, des barbelés un peu partout. La pandémie pourrait être une excuse facile pour la rendre encore plus franche et dresser un rempart devant les exilés climatiques sous couvert de caution médico-scientifique. Des privilégié·es vacciné·es qui circulent (en Tesla) dans un hémisphère aseptisé pendant que dans l’autre ça mute, ça suffoque et ça continue d’extraire du lithium.</p> | |||
<p>J’ai bien peur qu’il n’y ait plus beaucoup de freins à un tel <em>scenario</em>. En <a href="/david/2020/04/10/#tracking">avril dernier</a>, j’écrivais <q>du confinement au cloisonnement</q> et je n’imaginais pas alors qu’il puisse être décliné à grande échelle. Naïf étais-je, la mondialisation n’est qu’une question de temps.</p> | |||
<p>Allez, et bon week-end 👋.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/12/" title="Lien permanent vers cet article">Beauté</a> (2021-02-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je m’interroge sur la pertinence de persévérer dans le combat politique quand certains jours tout me crie de faire sécession, de cultiver le lieu et l’instant. À l’instar de l’orchestre du <em>Titanic</em> qui continue de jouer, digne et vertical jusqu’au naufrage, pendant que les autres passagers s’entretuent pour se sauver, quelle est la meilleure manière, la plus adaptée, <mark>d’ajouter de la poésie au monde</mark>, de défendre la beauté dans une société en train de couler ?</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Maladroite tentative de justifier le fait <a href="/david/2021/02/07/" title="Ostentatoire">d’avoir cédé</a>. Je ne sais pas ce qui me pousse à vouloir avoir les moyens de produire des <a href="/david/2021/01/19/" title="Chaîne de capture">images</a> d’une telle qualité technique, peut-être la médiocre estime de ce que je suis. Lorsqu’on commence à se connaître, difficile de se cacher ses propres travers…</p> | |||
<p>J’explore aussi la piste d’une certaine forme d’héritage. Avoir connu la neige à Montréal sera peut-être une chose à montrer, à transmettre dans quelques années. Peut-être qu’il y aura une symbolique d’espoir dans ces quelques images, la promesse d’un futur qui pourrait se rééquilibrer. L’histoire d’un passé que l’on ne voudra pas reproduire. Les jeunes y croiront, les vieux souriront.</p> | |||
<p>J’ai au moins eu la décence d’acquérir tout cela de seconde main.</p> | |||
<blockquote> | |||
<p>Pour moi, il ne suffit pas de savoir que, puisque nous ne sommes pas libres de nos actes, tout est excusable. <mark>Ce que je cherche, ce n’est pas une excuse à ma vie mais exactement le contraire</mark> d’une excuse : le pardon. L’idée me vient finalement que toute consolation ne prenant pas en compte ma liberté est trompeuse, qu’elle n’est que l’image réfléchie de mon désespoir. En effet, lorsque mon désespoir me dit : Perds confiance, car chaque jour n’est qu’une trêve entre deux nuits, la fausse consolation me crie : Espère, car chaque nuit n’est qu’une trêve entre deux jours.</p> | |||
<p><cite><em>Notre besoin de consolation est impossible à rassasier</em>, Stig Dagerman</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/27/" title="Lien permanent vers cet article">Culpabilité</a> (2021-02-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une mentalité hiérarchique favorise le renoncement aux plaisirs de la vie. Elle justifie le labeur, la culpabilité et le sacrifice des « inférieurs », et le plaisir et la satisfaction indulgente de presque tous les caprices de leurs « supérieurs ». […] Cette mentalité imprègne nos esprits individuels sous une forme cumulative jusqu’à aujourd’hui — non seulement sous la forme du capitalisme, mais aussi en tant que vaste histoire de la société hiérarchique depuis ses débuts.<br /> | |||
Si nous n’explorons pas cette histoire, qui vit activement en nous comme les phases précédentes de notre vie individuelle, nous ne seront jamais libérés de son emprise. <mark>Nous pouvons éliminer l’injustice sociale, mais nous ne parviendront pas à la liberté sociale.</mark> Nous pouvons éliminer les classes et l’exploitation, mais nous ne serons pas épargnés par les entraves de la hiérarchie et de la domination. Nous pouvons exorciser l’esprit de profit et d’accumulation de nos psychés, mais nous seront toujours accablés par la culpabilité, le renoncement et une croyance subtile dans les « vices » de la sensualité.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Ce n’est pas la première fois que l’on me fait la remarque que mes écrits sont empreints de culpabilité. <em>Et c’est vrai.</em> Je ne sais pas à quel point cela est lié à ma culture (mes cultures ?) et j’admire les personnes qui sont capables d’accepter leurs privilèges sans ressentir de culpabilité. Peut-être que <a href="/david/2021/02/26/" title="Disponibilité">le partage et la diffusion</a> sont une forme d’acceptation ? Ou au moins une intention de rééquilibrage.</p> | |||
<p>Est-ce que les privilèges peuvent véritablement ruisseler ? À quel point est-ce que parler de ces choses-là me met une fois de plus en avant ? Comment faire pour que mon bruit ne rendent pas silencieux·ses celleux qui ont besoin de faire entendre leurs voix ?</p> | |||
<blockquote> | |||
<p>J’ai lu pas mal de messages contradictoires à ce sujet. D’un côté, il y a des militant·es qui demandent à ce <strong>que l’on ne s’empare pas des oppressions dont on ne fait pas soi-même l’expérience</strong>, pour ne pas faire d’ombre aux personnes concernées, dont les voix ont déjà du mal à porter.</p> | |||
<p>D’autres militant·es estiment au contraire <strong>que c’est aux personnes détentrices d’un privilège d’éduquer leurs pairs</strong>, afin de soulager la charge mentale des personnes concernées, fatiguées de devoir faire ce travail pédagogique permanent.</p> | |||
<p><mark>J’ai encore du mal à trouver l’équilibre.</mark> Amplifier la voix des personnes concernées me semble indispensable, et j’ai l’impression de le faire quand je partage des contenus qu’elles ont créés.</p> | |||
<p>Mais, malgré ma volonté de multiplier les points de vue et les représentations, il y a un paquet d’angles morts dans ce que je choisis de partager.</p> | |||
<p><cite><em><a href="https://lalunemauve.fr/emois-en-photos-annee-blanche-annee-noire-2-distance/">Émois en photos : année blanche, année noire - 2 : distance</a></em> (<a href="/david/cache/2021/03efcc832beba4212f70128850c9fe1f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/04/" title="Lien permanent vers cet article">Échappatoire</a> (2021-04-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Souvent dans un lieu quand j’ai la pensée lente, j’imagine le grand tremblement de terre et le tsunami éventuel. Que dois-je faire ? <mark>Dans quelle direction courir</mark>, dans quelle émotion, dans quelle angoisse ? Avant de mettre le pied sur la plage, instinctivement, je marque dans ma mémoire le lieu du bâtiment le plus haut.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/03/31/tremblement">avant le tremblement</a></em> (<a href="/david/cache/2021/60b5a14eec9d72fe274143aa3ccca32f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est l’une des raisons pour lesquelles je ne suis pas resté au Japon. Je n’ai pas supporté de vivre avec cette attention de tous les instants, à la fois si hypothétique et si réelle (ça tremblait pas mal fin 2011…). J’ai conscience que c’est aussi ce qui donne un angle tout à fait singulier à la culture locale : on n’a probablement pas la même attitude lorsque l’épée de Damoclès est aussi visible. Cela forme une sorte de solidarité non-dite et diffuse mais néanmoins palpable. On sait qu’à un moment on va avoir besoin des autres et on espère qu’ils répondront présent de la même manière que l’on s’y prépare soi-même.</p> | |||
<p>Transformant le <em>Big One</em> évènement en <em>One Big</em> nation.</p> | |||
<p>(Je suis d’humeur lyrique ces derniers jours.)</p> | |||
</details> | |||
<h2><a href="/david/2021/04/11/" title="Lien permanent vers cet article">Apocalypse</a> (2021-04-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Activist Julian Brave NoiseCat, a member of the Canim Lake Band Tsq’escen, told me that he thinks <mark>indigenous tribes and nations already live in a post-apocalyptic world</mark>. They were nearly wiped out by the violence and disease brought by foreign invaders — but they survived. And that’s in part why he has thrown himself into the process of rebuilding the nation to be more resilient.</p> | |||
<p>[…]</p> | |||
<p>The idea of collapse is appealing because it allows us to handwave away the political reality of how civilizations transform.</p> | |||
<p><cite><em><a href="https://www.washingtonpost.com/outlook/2021/04/01/civilization-collapse-rome-angkor-harappa/">Civilizations don’t really die. They just take new forms.</a></em> (<a href="/david/cache/2021/6219b1dac7dfe7295ebf8cde73f0faa4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai cet article qui me trotte en tête depuis quelques jours. Je veux bien parler de transition mais si l’état d’arrivée est proche de la survie ça ne me semble pas être super enthousiasmant. C’est cool d’éviter l’extinction mais à quel prix ? <em>Et pour quels futurs ?</em></p> | |||
<p>J’ai relativement conscience qu’une partie du monde vit déjà dans un contexte que l’on pourrait qualifier de <em>post-apocalyptique</em> pour un·e riche occidental·e. C’est peut-être le fait d’avoir connaissance du précédent état qui est le plus anxiogène… #RichTears</p> | |||
</details> | |||
<h2><a href="/david/2021/05/15/" title="Lien permanent vers cet article">Inquiétude</a> (2021-05-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On parle de contagiosité plus élevée, et d’efficacité des vaccins fortement réduite. Mettons 70 % dans le cas du Pfizer, bien pire dans le cas de l’Astrazeneca. Autant dire que <mark>même en vaccinant 100 % de la population au Pfizer, on l’a dans l’os.</mark></p> | |||
<p>Quand peut-on espérer une évolution des vaccins ARNm  ? Je ne sais pas. Ils ne sont pas là, encore moins produits et injectés. Autant dire qu’on va avoir un sujet au moins jusqu’à la fin de l’année. Et si les mauvais variants se diffusent d’ici là, on est reparti pour rejouer 2020.</p> | |||
<p><cite><em><a href="https://n.survol.fr/n/bref-je-suis-inquiet">Bref, je suis inquiet</a></em> (<a href="/david/cache/2021/5705e6d03ee8dd0ce21ba8467c7d6f73/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Éric est inquiet. Je suis inquiet également, <a href="http://www.regards.fr/idees-culture/article/covid-19-comment-emmanuel-macron-a-tout-rate">surtout pour la France</a> (<a href="/david/cache/2021/3392a60bddb00764c280e21012e1a030/">cache</a>), certains pays/gouvernements/égos n’ont <strong>vraiment</strong> pas la réactivité nécessaire pour contenir une pandémie. C’est triste et il va falloir « vivre avec ».</p> | |||
<p><em>Cette épidémie aura surtout montré les manques de cohésions nationales.</em> Il y a bien une guerre à mener contre le virus et c’est une guerre civile, un effort personnel pour le bien du collectif. C’est le seul échappatoire que je vois à ce « mal commun » et les pays européens ont été d’une incurie assez phénoménale envers leurs population. C’est du moins mon interprétation, avec 6 000 km de recul…</p> | |||
</details> | |||
<h2><a href="/david/2021/06/07/" title="Lien permanent vers cet article">Anxiété</a> (2021-06-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Considering the skyrocketing rates of mental illness throughout the course of the COVID-19 pandemic — plus many more of us struggling with daily stressors and mood swings that may lead us to irrational negative thinking —how often are we asking ourselves, <mark>“How will someone with anxiety experience our product/service/feature? How can we make that better?”</mark></p> | |||
<p>[…]</p> | |||
<p>My heart sinks hearing these words over and over again over the last few years. From invalid credentials, to expired email links, to confusing password reset flows, to glitchy and lengthy forms, to jargon-filled websites, I know the majority of issues Alex has worked through with me have all been outside of her control. And I try to tell her that, but her anxiety doesn’t let her see it that way. She truly believes everything she’s struggled with is her fault, and with each failed click of a button, her anxiety continues to worsen.</p> | |||
<p><cite><em><a href="https://uxdesign.cc/inclusive-ux-in-an-era-of-anxiety-dc89c39ec202">Inclusive UX in an era of anxiety</a></em> (<a href="/david/cache/2021/19518aa194e8ddbc4dcbe9c5c8de9ec9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un précieux rappel qu’il y a des états invisibles et difficilement décelables, des angles (presque) morts à la conception Web d’aujourd’hui. Je retiens notamment le fait de rendre explicites les problèmes techniques lorsque la « faute » n’est pas du côté utilisateur·ice. Ça fait un moment qu’il faut que je me motive pour faire des pages d’erreurs correctes par ici. #cordonnerie</p> | |||
<p>Il y a tellement de fois où j’ai besoin de bidouiller le site des autres pour arriver à mes fins (en partie parce que je bloque beaucoup de choses mais pas que), je me demande fréquemment comment font les personnes non-érudites pour arriver au bout de certains parcours.</p> | |||
<p>Notamment sur des sites gouvernementaux. Sur des sujets aussi stressants que l’immigration. Qui déterminent des choix de vie…</p> | |||
<p><mark>Note après publication :</mark> <a href="https://designpatternsformentalhealth.org/">Design Patterns for Mental Health</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/08/" title="Lien permanent vers cet article">Sens</a> (2021-06-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le mot « sens » est à la mode, c’est pourquoi j’hésite à l’utiliser : il est banalisé. Je me méfie de la quête de sens, de la recherche de sens, du sens que l’on voudrait introduire à tout prix dans le moindre de nos faits et gestes, de celui que l’on essaye de nous proposer ou de nous vendre sous le prétexte d’apprendre à vivre, comme une sorte de supplément d’âme qui résoudrait tous nos problèmes. Quel non-sens !</p> | |||
<p>Le sens est bien plus fondamental que ce petit divertissement vers lequel nous sommes poussés, à tout bout de champ, par l’air du temps. On veut me « donner » du sens ? Mais le sens n’est pas une étiquette autocollante que je pourrais poser sur un évènement que je vis. Parce que le sens ne peut pas être extérieur à ce que je vis : il vient de la profondeur de mon existence, de la manière par laquelle je m’engage, du chemin sur lequel j’avance. Personne ne peut l’édicter pour moi. En revanche, il est de ma responsabilité d’humain de le donner, de le laisser jaillir, de le travailler, de le révéler pour que mon chemin vaille la peine d’être poursuivi.</p> | |||
<p>[…]</p> | |||
<p><mark>Le sens est une boussole qui nous met en chemin, il n’est pas un GPS.</mark> Il nous donne une indication, il ne rentre pas dans les détails du chemin. Il est l’effort qui est juste pour moi parce qu’il me permet d’être davantage moi-même.</p> | |||
<p><cite><em>Comment rester serein quand tout s’effondre</em>, Fabrice Midal</cite></p> | |||
</blockquote> | |||
<p>De temps en temps, j’emprunte un livre de développement personnel à la bibliothèque. Je mets ça sur le coup de la curiosité ou de l’espoir que ça m’apporte un truc, un jour, je sais pas trop.</p> | |||
<p>Je suis trop fatigué pour étayer ce soir. On verra dans quel sens j’aurai envie d’aller une fois la <a href="/david/2021/05/19/" title="Regroupement">tempête</a> passée.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/15/" title="Lien permanent vers cet article">Avihonte</a> (2021-06-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais ce sont surtout les voyageurs qui ont assumé le plus gros de la facture. Ils ont injecté, <mark>malgré eux</mark>, près d’un demi-milliard de dollars dans l’industrie hôtelière des régions aéroportuaires de Montréal, de Toronto, de Calgary et de Vancouver en raison de l’obligation de passer trois nuits à l’hôtel à leur arrivée au pays, indique une compilation de données de l’Agence de la santé publique du Canada.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/611013/coronavirus-pres-d-un-demi-milliard-en-quarantaines-a-l-hotel">Près d’un demi-milliard en quarantaines à l’hôtel</a></em> (<a href="/david/cache/2021/fe86338cdff8eadf86f65708a4f19ebd/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je suis bien parti pour prendre un vol transatlantique fin 2021, report d’un précédent voyage annulé à cause de/grâce à la pandémie. Je ne sais pas trop comment est-ce que j’arrive encore à monter dans un avion. La dernière fois j’ai eu mal au dos pendant 6 mois, principalement en raison de la culpabilité que j’éprouvais à étaler ma richesse sous forme de CO<sub>2</sub> aux narines de tou·tes. Salir pour mieux s’ap·propre·ier le monde aurait dit Michel Serres.</p> | |||
<p>Finalement, cette quarantaine imposée à l’arrivée au Canada est peut-être l’impôt le plus juste et vert qui ait jamais existé… s’il avait <em>atterri</em> dans les caisses de l’État. Ou peut-être encore mieux, dans le financement de la préservation d’espaces réservés aux chauves-souris.</p> | |||
<p>Cynisme, quand tu nous tiens…</p> | |||
<blockquote> | |||
<p>Pour mettre ces chiffres en perspective, le voyage aérien c’est autour de <a href="https://core.ac.uk/download/pdf/30987495.pdf">5% des émissions de l’humanité</a> (<a href="https://theconversation.com/impact-du-transport-aerien-sur-le-climat-pourquoi-il-faut-refaire-les-calculs-116534">attention à bien compter tous les effets et pas seulement le kérosène brulé</a>), alors que <a href="https://www.alternatives-economiques.fr/faut-arreter-de-prendre-lavion/00089449">90% des humains n’ont jamais pris l’avion</a>. Les émissions des pays pauvres en forte croissance démographique sont <mark>négligeables</mark> aujourd’hui par rapport à celles des pays riches. C’est tout aussi vrai pour l’historique des émissions passées, celles qui ont déjà réchauffé le climat et continuent à le transformer aujourd’hui : <a href="https://ourworldindata.org/co2-and-other-greenhouse-gas-emissions#the-long-run-history-cumulative-co2">la grande majorité est due aux pays développés</a>.</p> | |||
<p><cite><em><a href="https://medium.com/enquetes-ecosophiques/d%C3%A9mographie-et-climat-5a6ef5be37ed">Démographie et climat</a></em> (<a href="/david/cache/2021/b3cc2d11841a4042ce64d51e5eb1a687/">cache</a>)</cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Karl a répondu avec : <a href="https://www.la-grange.net/2021/06/22/quarantaine">quarantaine mobile</a> (<a href="/david/cache/2021/34b646fb73c36f9fa7255986e0b85db3/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/06/27/" title="Lien permanent vers cet article">Sécheresse</a> (2021-06-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ces 4 dernières années, durant l’été on a atteint entre 80 et 90 départements en situation de crise au niveau de leurs masses d’eaux profondes. Pourtant on sait très bien que la France est un climat tempéré, avec des masses d’eau extrêmement importantes.</p> | |||
<p>[…]</p> | |||
<p>L’ONU l’a prévenu la semaine dernière : « <mark>La sécheresse est sur le point de devenir la prochaine pandémie</mark> et il n’existe aucun vaccin pour la guérir. La majeure partie du monde vivra avec un stress hydrique ».</p> | |||
<p><cite><em><a href="https://nourrituresterrestres.substack.com/p/cri-alarme-hydrologue-emma-haziza">#39 : Le cri d’alarme de l’hydrologue Emma Haziza</a></em> (<a href="/david/cache/2021/e53ad7a748d59824b3323099fdeb5c48/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>La <a href="https://fr.wikipedia.org/wiki/Rivi%C3%A8re_des_Prairies">rivière</a> à côté de mon lieu de vie est extrêmement basse. J’ai presque peur d’aller vérifier les débits historiques pour confirmer ou pas ce qui se voit à l’œil nu. De l’autre côté du pays/continent, <a href="https://www.ledevoir.com/societe/environnement/614286/un-dome-de-chaleur-amene-des-temperatures-records-dans-l-ouest-canadien">c’est pire</a> (<a href="/david/cache/2021/7442a8dc900baeaf21294390536024db/">cache</a>).</p> | |||
<p>On vit un nouvel épisode caniculaire et tou·tes les voisin·es ont la climatisation qui tourne à fond. La fin de semaine dernière, je vais chercher mes œufs bio en vélo pour constater qu’il y avait une file de SUV climatisés qui attendaient leur tour devant le pickup de livraison. Et je ne parle même pas de la sortie de l’école, des piscines, <a href="/david/stream/2019/07/02/">des pelouses, des tondeuses et autres barbecues</a>.</p> | |||
<p>Plus tard dans la semaine, je tombe sur cette phrase qui me <a href="https://www.youtube.com/watch?v=oNJo-E4MEk8">fait penser à Franck Lepage</a> :</p> | |||
<blockquote> | |||
<p>« Les vagues de chaleur sont de plus en plus fréquentes et intenses, car les concentrations de gaz à effet de serre entraînent une hausse des températures mondiales. Elles commencent plus tôt et se terminent plus tard et prélèvent un coût croissant sur la santé humaine et les systèmes de santé », a averti mardi l’Organisation météorologique mondiale, installée à Genève.</p> | |||
<p><cite><em><a href="https://www.lemonde.fr/planete/article/2021/06/30/le-canada-subit-une-canicule-des-dizaines-de-morts-subites-dans-la-region-de-vancouver_6086286_3244.html">La canicule au Canada jugée responsable d’une centaine de morts dans la région de Vancouver</a></em> (<a href="/david/cache/2021/cf2952fa1898656b9a6d99ca299ddd2f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><q>prélèvent un coût croissant sur la santé</q> pour dire que <em>ça tue des personnes</em> c’est quand même d’un sacré niveau…</p> | |||
<figure> | |||
<a href="#madagascar_canada" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar" | |||
loading="lazy" width="800" height="450" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="madagascar_canada"> | |||
<img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar" | |||
loading="lazy" width="800" height="450" /> | |||
</a> | |||
<figcaption>Au passage, à qui donner l’attribution d’un « mème » ? L’auteur·ice de la photo, du texte, de la diffusion ?!</figcaption> | |||
</figure> | |||
<p>Comment rendre l’insupportable suffisamment visible aux principaux responsables qui s’achètent des cocons tempérés tout au long de l’année ?</p> | |||
<blockquote> | |||
<p>Et je me suis posé une question. Je crois me renseigner, me documenter, me tenir informé et essayer de prendre pleinement conscience, à mon rythme et à mon échelle. Mais je ne suis pas un scientifique spécialisé dans le climat. Et je me demande à quel point je comprends effectivement la situation dans laquelle nous sommes. <mark>Est-ce que je comprends réellement ce qu’il se passe ?</mark> Ça n’est pas certain.</p> | |||
<p>Et aussi, en admettant que je comprenne correctement certains points, à quel point est-ce que je me complais dans une forme de déni ? Je repense à ce message que j’ai vu je ne sais plus où (je paraphrase selon mon souvenir) : « ce qu’il se passe avec la crise climatique, c’est comme si on disait au monde qu’il y a une urgence car une énorme météorite va venir détruire la vie sur Terre telle qu’on la connaît, et que chacun continue sa petite vie comme si de rien n’était ».</p> | |||
<p><cite><em><a href="http://shl.huld.re/~f6k/log/vol11/102-eau.html">Journal de f6k, vol. 11 num. 102</a></em> (<a href="/david/cache/2021/d61a48db32e2449d702ec5e558afbfa4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Le problème de la métaphore de la météorite c’est qu’elle ne donne pas conscience de l’alimenter chaque jour un peu plus…</p> | |||
<hr /> | |||
<p>David B. me suggère le site <a href="http://secheresses.fr/">sécheresses</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/10/" title="Lien permanent vers cet article">Eau virtuelle</a> (2021-07-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’accaparement de l’eau n’est pas le seul marché connexe, il y a aussi l’eau virtuelle, c’est-à-dire l’eau utilisée pour produire des biens manufacturés — des vêtements aux ordinateurs — et celle intégrée dans la production agricole — du bœuf au blé en passant par le riz. La plupart de ces activités sont très gourmandes en eau, dont on dit d’ailleurs qu’elle est « consommée », ce qui signifie qu’elle n’est pas retournée à son bassin versant. Lorsque la marchandise est exportée ou même seulement déplacée ailleurs dans le pays, l’eau est exportée aussi. <mark>L’eau virtuelle constitue la majorité des déplacements d’eau dans le monde</mark>, même si l’on croit à tort que les exportations d’eau se font par les pipelines, les aqueducs et les canaux.</p> | |||
<p>De nombreux pays riches conservent leur eau en misant sur l’importation de marchandises qui en nécessitent une grande quantité. Certains aliments, comme les bananes et le café, ne peuvent être produits dans des climats plus froids et doivent donc être importés, mais un nombre croissant de pays utilisent la terre et l’eau des pays étrangers pour s’approvisionner même en produits de première nécessité qu’ils pourraient très bien produire eux-mêmes. Lorsqu’un pays import une kilo de blé plutôt que de le produire chez lui, par exemple, il économise environ 1 350 litres de ses propres ressources en eau. Même si, en théorie, le commerce de l’eau virtuelle pourrait permettre aux pays riches en eau d’exporter les marchandises qu’ils produisent dans les pays qui ont de faibles réserves, la réalité en est tout autre. En fait, les pays riches assurent la sécurité de leur eau en cultivant leur nourriture à l’étranger pour ensuite l’importer.</p> | |||
<p><cite><em>À qui appartient l’eau ?</em>, Maude Barlow</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de choses grâce à ce livre, notamment dans le contexte canadien (tout en lisant Dune). Je n’avais pas conscience de cette notion d’eau virtuelle permettant de conserver ses propres ressources au détriment des pays pauvres. C’est fabuleux.</p> | |||
<p>Combien de litres pour la machine sur laquelle je suis en train d’écrire ces mots ?</p> | |||
</details> | |||
<h2><a href="/david/2021/07/15/" title="Lien permanent vers cet article">Nocturne</a> (2021-07-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But hot spells that take locals by surprise remain a concern, especially in cities. A phenomenon called the urban heat island effect can raise temperatures in areas with lots of heat-holding concrete and a dearth of trees by several degrees compared to surrounding areas. That means <mark>densely packed metropolises can fall into the danger zone</mark> while folks in the suburbs feel fine.</p> | |||
<p><cite><em><a href="https://www.popsci.com/health/heat-stroke-dangerous/">How heat can kill you</a></em> (<a href="/david/cache/2021/bd7430f1a9799a02760a35f78844a772/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me demandais l’autre fois si l’espèce humaine n’allait pas devoir devenir nocturne pour pouvoir rester active au moment où les températures sont vivables. Avec des dortoirs climatisés pour les urbains le jour, le mode de vie diurne deviendra peut-être un luxe.</p> | |||
<p>Compte-tenu du nombre d’espèces que nous avons rendues nocturnes par notre présence et nos activités, ce ne serait qu’un juste retour des choses que nous y soyons contraint·es à notre tour.</p> | |||
<p>J’ose parfois espérer que <a href="/david/2020/12/21/#dune">Dune</a> ne soit pas un roman d’anticipation…</p> | |||
<blockquote lang="en"> | |||
<p>The costs of inaction are also already playing out in American life. More than 100 people were killed by the oppressive heat in Oregon last month, part of a larger record-breaking heat dome event that cumulatively caused more than 800 deaths across the Pacific Northwest.</p> | |||
<p><cite><em><a href="https://heated.world/p/what-can-i-do-anything">“What can I do?” Anything.</a></em> (<a href="/david/cache/2021/5d9b6bdd174bb8e2a6fca95b6e68edb0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/16/" title="Lien permanent vers cet article">Char</a> (2021-07-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="https://www.antoine-augusti.fr/">Antoine</a> me demande un peu de contexte sur <a href="http://tmp.larlet.fr/ccmc/">Combien coûte mon char ?</a> et c’est l’occasion de revenir sur cette notion de <a href="/david/2021/02/15/" title="Comptabilité">comptabilité</a> et aussi pourquoi j’ai finalement fait ce choix.</p> | |||
<p>Avoir un véhicule motorisé n’est pas un plaisir, c’est même plutôt <a href="/david/2021/07/09/" title="Balle">un danger</a>. On a pu s’en passer avec le sourire pendant 4 ans à Montréal mais on s’est un peu trouvés démunis lorsqu’il fallut accompagner l’enfant à l’école l’hiver alors que la prise des transports en commun devenait problématique #pandémie.</p> | |||
<h2 id="pourquoi-pas-le-velo">Pourquoi pas le vélo ? <a href="#pourquoi-pas-le-velo" title="Ancre vers cette partie">#</a></h2><p>Il y a 3 mois pendant lesquels c’est critique en raison du froid et de ses conséquences (engelures, glissades, visibilité, etc) mais c’est surtout pour protéger le matériel que je ne retiens pas cette option. Le sel/sable déversé sur les routes et les voitures qui le projettent détérioreraient le matériel trop rapidement et j’en ai bien besoin les 9 autres mois ! Peut-être qu’au moment où il y aura une piste cyclable sécurisée depuis le pallier jusqu’à l’école cela changera. <a href="https://montreal.ca/articles/implantation-de-voies-cyclables-dans-ahuntsic-cartierville-5150">Ça s’en vient</a> (<a href="/david/cache/2021/1bbae4b7e1e642fda7cbc70540b51710/">cache</a>) et je m’en réjouis.</p> | |||
<p>En imaginant devoir en changer tous les 2/3 ans pour l’usure prématurée, j’ai beaucoup hésité avec un <em>fatbike</em> (à assistance électrique) mais l’enfant restait trop bas en arrière. Il faut voir les vagues de <em>sloche</em> qu’une voiture peut produire par ici.</p> | |||
<h2 id="pourquoi-une-grosse-et-vieille-voiture-thermique">Pourquoi une grosse et vieille voiture thermique ? <a href="#pourquoi-une-grosse-et-vieille-voiture-thermique" title="Ancre vers cette partie">#</a></h2><p>Je voulais le <a href="/david/2020/02/07/#cars">moins d’électronique</a> possible et plutôt prendre un vieux véhicule robuste qui me permette de sortir d’un banc de neige et peut-être à terme de la ville. Il y a aussi le fait que les routes québécoises étant ce qu’elles sont, non seulement ça secoue pas mal mais ça devient rapidement dangereux si t’es obligé de slalomer entre les nids de foule #ironème. Enfin, il y a un côté militant à ne pas acheter un véhicule neuf. Il y a suffisamment de voitures sur cette planète, n’en déplaise aux <em>boomers</em> du quartier qui s’achètent la dernière Tesla pour avoir bonne conscience tout en revendant leur SUV à celleux qui n’en ont pas les moyens (et qui seront ensuite davantage taxés sinon c’est moins drôle).</p> | |||
<p>Autre point <em>positif</em> : elle chauffe et consomme beaucoup. Ce qui signifie que je rechigne à faire des longs trajets avec et que cela devient physiquement perceptible que je fais partie du problème si je la prends l’été. J’essaye également d’avoir la conduite la plus économe possible avec ce véhicule, d’autant que le prix de l’essence a augmenté de 40 % depuis son achat…</p> | |||
<h2 id="bilan-apres-9-mois">Bilan après 9 mois ? <a href="#bilan-apres-9-mois" title="Ancre vers cette partie">#</a></h2><p>Je m’attendais à ce que ça nous coûte cher et je n’ai pas été déçu. Notamment car il y avait beaucoup de pièces rouillées (merci le sel) que je n’avais pas prises en considération comme étant des dépenses imminentes. J’aurais au moins appris un peu de mécanique… mais c’est clairement la catégorie des réparations qui plombe le budget.</p> | |||
<p>Cette comptabilité me permet aussi de comparer le coût avec celui potentiel d’une voiture louée pour quelques mois d’hiver. Ça pourrait devenir une option à moyen terme.</p> | |||
<p>Un point positif comparé à la location ponctuelle, c’est que ce soit moins la course pour aller chercher/ramener le véhicule, ce qui ajoutait un autre style de stress et de fatigue aux sorties. Je peux aussi partir plus tôt dans la journée, m’adapter à mon propre rythme.</p> | |||
<p><em>Note : si vous devez faire votre propre outil, je vous recommande d’attribuer une date à chacun des évènements, c’est la base mais je ne l’ai pas fait sur certaines écritures et je l’ai regretté par la suite. C’est notamment limitant pour des représentations graphiques pertinentes.</em></p> | |||
<blockquote> | |||
<p>La survie de l’individu, de l’espèce et de l’environnement, voilà ce qui motive l’être humain. <mark>On observera que l’ordre d’importance varie au cours de la vie.</mark> Qu’est-ce qui réclame le plus d’attention à un âge donné ? Le temps qu’il fait ? L’état de la digestion ? Éprouve-t-il (ou elle) réellement quelque chose pour moi ? Tous ces appétits variés que la chair est capable de ressentir et peut raisonnablement espérer satisfaire. Quelles autres choses pourraient avoir de l’importance ?</p> | |||
<p><cite><em>À Hwi Noree, La Voix de Leto II, Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/23/" title="Lien permanent vers cet article">Ozone</a> (2021-07-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In the annals of environmental history, <mark>humanity’s response to the ozone crisis stands out as a rare success story.</mark> During the 1970s and ‘80s, evidence started to mount that certain household chemicals used in refrigerators, air conditioners, and aerosol cans like hairspray were eating a giant hole in Earth’s ozone layer, which prevents harmful ultraviolet radiation from reaching the surface. Facing the terrifying prospect of a future without any atmospheric sunscreen at all, in the late 1980s nations came together to sign the Montreal Protocol, a global treaty to phase out so-called ozone-depleting substances like chlorofluorocarbons.</p> | |||
<p>Since then, the ozone hole has been slowly healing. According to the U.N., it’s now on track to recover fully by mid-century.</p> | |||
<p>But if things hadn’t turned out that way—if the scientific evidence linking man-made chemicals to ozone depletion wasn’t strong enough, or if ozone deniers (yes, there were ozone deniers) successfully stymied the Montreal Protocol—the world might look very different.</p> | |||
<p><cite><em><a href="https://www.sciof.fi/what-would-have-happened-if-we-never-fixed-the-ozone-hole/">What would have happened if we never fixed the ozone hole?</a></em> (<a href="/david/cache/2021/4012886f0e58f02527e8a0da6f644857/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ces temps un peu désespérants, il est utile de se rappeler qu’une action collective a été possible il n’y a pas si longtemps. Et qu’elle a eu des conséquences réparatrices relativement rapides.</p> | |||
<p>Bien plus facile à « résoudre » techniquement mais ces menaces auto-infligées mondiales sont rarement contraintes par la technique. Qu’est-ce qui a changé dans nos sociétés pour que l’on ne soit plus à même de répondre en commun quelques décennies plus tard ?</p> | |||
<blockquote> | |||
<p>Avec l’adresse cumulée de plusieurs siècles d’existence, il jetait sur son environnement un regard filtré par une sophistication naïve. Les mentats cultivaient la naïveté. Croire qu’on sait quelque chose est le moyen le plus sûr de s’aveugler. <mark>Ce n’est pas l’âge qui freine lentement la connaissance</mark> (enseignait-on aux mentats), mais l’accumulation des « choses que je sais ».</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/29/" title="Lien permanent vers cet article">Mobilaine</a> (2021-07-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>14 jours pour traverser l’océan dans une cabine avec vue sur l’océan ou 14 jours dans un hôtel d’aéroport après avoir été entassé 10 heures dans un avion.</p> | |||
<p>[…]</p> | |||
<p>Et que dire de la friction lente qui nous habiterait pendant ce temps de quarantaine active où nous mettrions à contributions nos pensées dans le mouvement d’une attente.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/06/22/quarantaine">quarantaine mobile</a></em> (<a href="/david/cache/2021/34b646fb73c36f9fa7255986e0b85db3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime vraiment beaucoup cette suggestion de Karl au sujet du temps et de la dynamique. Un bon moyen de rééquilibrer l’avantage que procure l’avion vis-à-vis d’autres moyens de transport. Quitte à s’isoler, autant le faire pour de vrai.</p> | |||
<p>Il suffirait d’une seule mutation sur la protéine <em>Spike</em> pour que l’humanité (des riches) s’alloue deux années de réflexion supplémentaires sur ces sujets… peu enviable, potentiellement nécessaire ?</p> | |||
</details> | |||
<h2><a href="/david/2021/08/12/" title="Lien permanent vers cet article">Musique</a> (2021-08-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>The reason I’m screwed is that Spotify listeners’ ability to access their collection in the far-out future will be contingent on the company maintaining its software, renewing its agreements with rights holders, and, well, not going out of business when something else <mark>inevitably supplants the current paradigm</mark> of music listening.</p> | |||
<p><cite><em><a href="https://www.theatlantic.com/culture/archive/2021/07/spotify-streaming-music-library/619453/">Spotify Has Changed Music Libraries Forever</a></em> (<a href="/david/cache/2021/d7c68808a59ee3965fa03168af5d764e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai une collection de musiques que j’apprécie, en <abbr title="Free Lossless Audio Codec">FLAC</abbr>, et que je restreins à environ 200 Go. Cela peut paraître un peu anachronique en 2021, ou snob, ou les deux. Savoir que quelqu’un·e, quelque part, sait dans quel <em><a href="/david/2020/02/07/#mood">mood</a></em> je peux être à un moment donné me fait davantage flipper qu’un Pass sanitaire (aussi inutile soit-il).</p> | |||
<p>Aussi, le son et sa qualité ont une place particulière dans ma vie car j’ai une probabilité génétique assez importante d’être privé d’une partie de ce sens à moyen terme. Lorsqu’on sait ce que l’on va perdre, il est plus facile d’en profiter à sa juste valeur.</p> | |||
<blockquote> | |||
<p>Ultimately, it’s impossible to use Spotify without it processing your personal data. “To delete that personal data, <mark>you need to close your account</mark>,” Spotify’s settings say.</p> | |||
<p><cite><em><a href="https://www.wired.com/story/spotify-tracking-how-to-stop-it/">All the Ways Spotify Tracks You-and How to Stop It</a></em> (<a href="/david/cache/2021/55a2cd812fc17423f29937b213fe219b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#grands-harles" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/grands-harles.jpg" alt="Une mère Grand Harle et ses deux petits de l’année." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="grands-harles"> | |||
<img src="/static/david/2021/grands-harles.jpg" alt="Une mère Grand Harle et ses deux petits de l’année." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>La finesse des sons de la forêt me manquera.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/15/" title="Lien permanent vers cet article">B(r)ouillon</a> (2021-08-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ce sentiment qu’un tumulte gronde, frémit, que des curseurs sont poussés à bout. Bouillon d’horreurs où la dignité finira par faire place à la rebellion, à une autre forme de violence. Plus pure, sans limites autres que cet espace fini. Nous avons plastiqué ce monde sans prendre conscience qu’il allait finir par exploser. Un nouveau cycle, un tour de plus, voilà ce que nous promet la révolution. Cet espoir d’être le point de départ d’une n-ième répétition.</p> | |||
<p>Où vaudra-t-il mieux être alors ? Que voudra dire « mieux » dans un tel contexte ? A-t-on vraiment ce choix ?</p> | |||
<blockquote> | |||
<p>Souvent, la compréhension facile est un réflexe comparable à celui du genou et constitue la forme d’<em>entendement</em> la plus dangereuse qui puisse exister. Tel un écran aveugle et scintillant, elle annihile votre faculté d’apprendre. Le système juridique des précédents fonctionne de la même manière et encombre votre parcours d’impasses. Vous voilà prévenus. Ne <em>comprenez</em> jamais rien. <mark>Toute appréhension de la réalité ne saurait être que temporaire.</mark></p> | |||
<p><cite><em>Fixe mentat (adacto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#ecureuil-qui-dort" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ecureuil-qui-dort"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Une branche sur laquelle oublier les remous de ce monde.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/30/" title="Lien permanent vers cet article">Elfes</a> (2021-08-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The second (“Elvish”) strategy may sound passive, and in that way inferior or defeatist, but it isn’t. Allowing the problem to solve itself is frowned upon and not even considered to be “real solving” by most humans: “And what did you do? What was your role? How did you save the world?” Humans (at least, us in the modern West) are obsessed with their own sense of agency. <mark>Everybody wants to save the world these days, but nobody seems to be interested in doing it slowly, by allowing the world to save itself, even if it is the most effective and efficient solution.</mark> Hesse’s Siddhartha isn’t joking when he is saying that all he can do is “think, wait and fast” and it is quite enough to accomplish almost anything. Slow is good, not just because it takes less effort (often it doesn’t), but because it achieves what it was meant to achieve.</p> | |||
<p><cite><em><a href="https://essays.georgestrakhov.com/elvish/">Towards a more Elvish vision for Technology</a></em> (<a href="/david/cache/2021/d314c611a907c9273ac48dfbfd940a8d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça peut sembler un peu perché au début mais en fait il y a des choses inspirantes dans cette lecture. Je suis toujours fasciné par ce qui pourrait se produire si on vivait beaucoup plus longtemps. Quels changements dans nos sociétés deviendraient enviable ? Quelles actions deviendraient naturelles ? Quels seraient alors les crimes reconnus comme tels ?</p> | |||
<hr /> | |||
<p>En parallèle, je tombe sur cette citation sous forme de mème :</p> | |||
<blockquote lang="en"> | |||
<p>When people travel to the past, they worry about radically changing the present by doing something small.<br /> | |||
Few people think they can radically change the future by doing something small in the present.</p> | |||
</blockquote> | |||
<hr /> | |||
<p><mark>Le lendemain</mark>, la voisine qui doit avoir la soixantaine et qui vient de s’acheter une voiture électrique :</p> | |||
<blockquote> | |||
<p>— C’est probablement ma dernière alors il faut bien se faire plaisir…</p> | |||
</blockquote> | |||
<p>Que répondre.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Après une rupture biographique — un deuil, une maladie grave, une rupture amoureuse dévastatrice —, on attend avec impatience le retour à la vie « normale ». Nos proches aussi guettent les signes d’un « mieux ». Mais on ne revient pas à la vie d’avant. Comme nous l’enseigne le philosophe et médecin Georges Canguilhem, dans son analyse sur le normal et le pathologique, il n’y a pas, après la maladie, de <em>restitutio ad integrum</em>, de retour à l’état antérieur. <mark>Ce qui est vrai pour la maladie l’est sans doute pour d’autres types de ruptures.</mark> Il y a des séquelles, des traces, des stigmates, il reste l’empreinte, la marque de l’arrachement, de la perte. Quelque chose s’est brisé, qui empêche le même type de projections, d’enthousiasme, de confiance.</p> | |||
<p>[…]</p> | |||
<p>On ne recommence pas de zéro, on est marqué par une certaine gravité, grevé par le vécu douloureux. Le retour à la vie normale ne va pas de soi. « Comment puis-je commencer quelque chose avec tout cet hier à l’intérieur de moi ? » s’interroge Leonard Cohen dans <em>Beautiful Losers</em>.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/01/" title="Lien permanent vers cet article">Rentrée</a> (2021-09-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Lettre écrite ce soir à chaud. On verra si je l’envoie finalement demain. L’année pourrait être compliquée.</p> | |||
<blockquote> | |||
<p>Chers parents,</p> | |||
<p>Je suis le père d’Alexandre (on vient souvent en vélo) et j’ai récupéré vos courriels dans le bottin incomplet de l’année dernière, il manque 6 familles. S’il y a un autre espace de discussion entre parents je suis prêt à le rejoindre.</p> | |||
<p>Je ne sais pas trop par quoi commencer suite au rendez-vous de ce soir avec l’enseignant de nos enfants, je me sens un peu démuni et anxieux. Il y a plusieurs choses qui me préoccupent et qui ne peuvent être qu’intuitions après 1h de visio et quelques jours de classe :</p> | |||
<ol> | |||
<li>Le fait qu’il n’y ait eu aucune mention d’empathie, de bienveillance ou d’émotions dans les propos tenus me rend assez circonspect. Que nos enfants soient doués dans les matières scolaires, on le sait, leurs défis sont ailleurs.</li> | |||
<li>Le déni d’avoir besoin de se faire accompagner dans ce nouvel environnement auquel ne s’appliquent plus les mêmes règles ou schémas de pensées. L’ennui, l’attention ou la curiosité sont des concepts qui prennent une nouvelle dimension dans ce contexte.</li> | |||
<li>Le manque de considération lorsqu’on soulève des problèmes qui sont déjà survenus et l’attitude défensive qui en découle. J’ai l’impression que cela n’est pas propice au dialogue et à l’apaisement des points déjà chauds (intégration, évaluation).</li> | |||
</ol> | |||
<p>Il y en aurait d’autres et je vous laisse rebondir si vous le sentez, je n’arrive pas avec des solutions mais peut-être que si nous sommes nombreux·ses à ressentir des frustrations nous pourrions déjà nous serrer les coudes et envisager des solutions collectives pour aborder ces prochains mois de manière plus sereine.</p> | |||
<p>L’un des défis que nous avons est de rendre l’école suffisamment attrayante pour permettre à notre fils de développer des relations sociales avec ses amis. J’espère que cette année ne provoquera pas une forme de rejet suite à une expérience déplaisante.</p> | |||
<p>Bonne soirée,<br /> | |||
David</p> | |||
<p>PS : J’espère pouvoir sourire en relisant ce courriel dans quelques mois, au pire ça aura permis de prendre un premier contact maladroit :-).</p> | |||
<p>PPS : Si vous ne souhaitez pas prendre part à ces échanges, je suis désolé de ne pas avoir respecté votre consentement en premier lieu compte tenu de la situation. Faites-le moi savoir.</p> | |||
</blockquote> | |||
<p><mark>Finalement envoyé.</mark> Beaucoup de discussions depuis 💚.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/05/" title="Lien permanent vers cet article">Silence</a> (2021-09-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Such a transformation of the environment from a commons to a productive resource constitutes the most fundamental form of environmental degradation. […] The task must be undertaken urgently because <mark>commons can exist without police, but resources cannot.</mark> Just as traffic does, computers call for police, and for ever more of them, and in ever more subtle forms.</p> | |||
<p>By definition, resources call for defense by police. Once they are defended, their recovery as commons becomes increasingly difficult. This is a special reason for urgency.</p> | |||
<p><cite><em><a href="http://www.davidtinapple.com/illich/1983_silence_commons.html">Silence is a Commons by Ivan Illich</a>, 1982</em> (<a href="/david/cache/2021/20345aead1f8d541a0819dfc5a0dbc6d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai eu du mal à trouver l’extrait le plus pertinent de cette intervention qui a mon âge et qui n’a pas pris une ride… elle. La clairvoyance d’Illich me surprendra toujours.</p> | |||
<p><mark>Le lendemain</mark>, Llu m’invite à creuser la <a href="https://bribesdereel.net/Spinoza-penser-numerique">piste de Spinoza</a> (<a href="/david/cache/2021/12aa0cc26a4a578b6467414d5250206a/">cache</a>) aussi. Réservé à la bibliothèque.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/17/" title="Lien permanent vers cet article">Ét(ec)h(n)ique</a> (2021-10-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>10 + 1 Commandments for Ethical Techies</p> | |||
<ol> | |||
<li>Understand your <strong>basic professional obligations</strong>.</li> | |||
<li>Know your specific <strong>legal and contractual obligations</strong> and those governing your software and project.</li> | |||
<li>Know your own <strong>ethical bottom line</strong>.</li> | |||
<li>Understand whose <strong>interests your work serves</strong>.</li> | |||
<li>Know the <strong>harms your software could do</strong>.</li> | |||
<li>Maintain <strong>critical awareness</strong> of your whole work situation.</li> | |||
<li>Be good at <strong>saying “no”</strong>.</li> | |||
<li>Be good at <strong>speaking truth to power</strong>.</li> | |||
<li>Know your <strong>escalation path</strong>.</li> | |||
<li>Know your own <strong>tolerance for personal and career risk</strong>.</li> | |||
<li><strong>Document</strong> your concerns!</li> | |||
</ol> | |||
<p><cite>Fiona Charles <a href="https://twitter.com/FionaCCharles/status/1448700534001655811">sur Twitter</a></cite></p> | |||
</blockquote> | |||
<p><a href="https://ronan.amicel.net/">Ronan</a> me transmet ces commandements suite à une <a href="/david/2021/10/15/" title="Engagement">précédente discussion</a>. Je les garde sous le coude car c’est une perpétuelle remise en question de mon côté. Savoir si les (méta)données que je suis en train de collecter pourront se retourner contre leurs producteur·ices. Faire le moins de dégâts possibles dans une forme de <a href="/david/2020/10/08/">refus de parvenir</a> à la sauce numérique.</p> | |||
<p>Lorsqu’on travaille principalement avec un État, chaque enregistrement pourrait devenir une preuve à charge sans même en avoir conscience <em>aujourd’hui</em>.</p> | |||
<p>Là est le danger : le futur(?) Grand Croisement.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/28/" title="Lien permanent vers cet article">Lâcheté</a> (2021-10-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On s’était fait, à l’usure, à l’idée monstrueuse que le Covid-19 était une maladie juste pour les vieux et les faibles. <mark>On se fait à l’idée, non moins monstrueuse, que ce ne sera bientôt plus qu’une maladie de pays pauvres.</mark> Vae victis. Le « lâche soulagement » dont parlait Édouard Daladier après les accords de Munich… On est sauvés et tant pis pour le reste du monde. Préparez Noël. Consommez. Oubliez.</p> | |||
<p><cite><em><a href="https://prototypekblog.wordpress.com/2021/10/28/on-sous-estime-ce-qui-sest-passe/">On sous-estime ce qui s’est passé</a></em> (<a href="/david/cache/2021/b0518096cdfacc89f9d5792966e5a3b7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il va falloir oublier de la même façon que l’on doit fermer les yeux sur tellement de choses au quotidien. Pour conserver un semblant de santé mentale décente. Pour accepter de vivre au dépens de tant d’autres. Pour masquer cela aux suivant·es.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Les élèves sont invités à se déguiser et nous voulons vous sensibiliser sur ce qui est accepté ou non à l’école.</p> | |||
<p>Il est inacceptable de porter un costume faisant la promotion ou la démonstration de violence. Ainsi, nous vous demandons d’éviter les éléments suivants :</p> | |||
<ul> | |||
<li>Sang et marques de violence ;</li> | |||
<li>Outils tels que couteaux, haches et armes en tous genres ;</li> | |||
<li>Costumes thématiques d’émissions ou de films violents.</li> | |||
</ul> | |||
<p><cite>Extrait d’un courriel de l’école.</cite></p> | |||
</blockquote> | |||
<p>Quelle forme de violence souhaite-t-on cacher aux enfants ? Quelles discussions ces représentations pourraient provoquer ? Avec quel(s) arbitre(s) ?!</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Si l’argent n’existait plus on serait tellement libres.</p> | |||
</blockquote> | |||
<p>Tes réflexions sont parfois tellement troublantes fils, tu n’as pas idée d’à quel point ça m’inspire et alimente un espoir vacillant.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>C’est peut-être simplement dans le « sourire [des enfants] qui [n]ous font éclater la poitrine » que nous retrouvons cette force d’affronter l’incertitude de la vie et le courage d’être.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/10/" title="Lien permanent vers cet article">Éducation</a> (2021-11-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’éducation, c’est surtout de la pacification des jeunes foules. […] <mark>Les futurs dominants se bardent de diplômes pour s’innocenter de l’exploitation qu’ils feront subir.</mark> S’ils se retrouvent au sommet, c’est parce qu’ils ont bataillé pour recevoir l’onction méritocratique. Mais déjà, pour une salle des profs lambda, l’idée que l’écoledelarépublique puisse trier socialement les enfants au lieu d’en faire des citoyens illuminés par la connaissance, c’est dur à avaler.</p> | |||
<p><cite><em><a href="https://lundi.am/Je-veux-plus-aller-a-l-ecole">« Je veux plus aller à l’école »</a></em> (<a href="/david/cache/2021/37cf7bad62d7e5b4e5244b9a1ddf9713/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des jours où je me demande pourquoi est-ce que je l’amène à l’école. Et puis il n’y en a pas d’autres.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/13/" title="Lien permanent vers cet article">Frustration</a> (2021-11-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When you look a bit more closely to what meditation is about, the main concept is to shut down any distraction (like smartphones, smart watches, and even counting mosquito bites) to put full focus on yourself. Once you’re in the focus, the goal is to find relief, self-confidence, health and happiness in the world. <mark>It’s a great and weird mixture of extreme selfishness and embracing a social, helpful society.</mark> Meditation is a great technique to calm down, to get into a more self-reflecting mode.</p> | |||
<p><cite><em><a href="https://helloanselm.com/writings/its-time-for-a-healthy-tech-approach">It’s time for a healthy tech approach</a></em> (<a href="/david/cache/2021/8e1892fe6c88157b7fd4c2bd8afc79cd/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la seconde fois consécutive que j’annule une sortie en forêt. La première fois car la pluie autour de 0°C ce n’est pas super enthousiasmant. La seconde car j’ai fini par récupérer le rhume de l’enfant la veille de partir.</p> | |||
<p>Derrière cette frustration, il y a le manque de cette <em>méditation dans l’action</em> qui m’apporte tant durant ces journées en forêt. Cela signifie que la prochaine sortie sera forcément blanche… et fraîche.</p> | |||
<blockquote lang="en"> | |||
<p>Once we start building things for people, we not only make others happier and healthier, we will be happier as well. There’s nothing as long-lasting and uplifting as someone else who is grateful for what you have done for them. Our own happiness will make us calmer and more healthy.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/18/" title="Lien permanent vers cet article">Oligarchie</a> (2021-11-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Selon vous, les énergies fossiles ont notamment permis l’émergence de la classe moyenne. La fin de l’énergie abondante la condamne-t-elle ?</p> | |||
<p>A terme, ça la remet en question de façon évidente. Avec l’énergie, on a vu l’émergence du confort matériel chez tous, du pouvoir d’achat pour tous. Et la modification du type d’activité avec le développement du secteur tertiaire. Est-ce que la décrue énergétique va permettre de conserver ce genre de travail, de services ? A terme, pas dans les mêmes volumes. <mark>La société va devoir se structurer différemment.</mark></p> | |||
<p><cite><em><a href="https://jancovici.com/publications-et-co/interviews/une-interview-dans-le-un-en-novembre-2021/">Une interview dans Le Un en novembre 2021</a></em> (<a href="/david/cache/2021/64ee5051fec3060fea59c93823222ca1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Tout l’enjeu climatique est là. Les personnes en capacité d’enrayer cette débauche d’énergies sont les mêmes qui vont constituer cette future oligarchie de riches à l’abri des conditions qu’elles auront créées.</p> | |||
<p>À partir de ce postulat, il faut :</p> | |||
<ul> | |||
<li>soit essayer de faire partie de ces 5 % en fermant les yeux sur le reste de la population (c’est ce que font les 25 % actuels sans prendre conscience qu’il n’y aura pas autant de places à la fin) ;</li> | |||
<li>soit redonner le contrôle à davantage de personnes pour influer sur le sort de l’humanité (ça fait pompeux mais on en est malheureusement là…) ;</li> | |||
<li>soit accepter de terminer sa vie dans les 15 prochaines années (et après moi le déluge #OhWait).</li> | |||
</ul> | |||
<p>J’aimerais tant être surpris.</p> | |||
<blockquote> | |||
<p>Sauf à avoir un visionnaire à la tête de l’Etat. Mais ça, ça demande une période de crise. Et nous n’y sommes pas encore suffisamment enfoncés.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Au passage, aller vivre dans un éco-hameau (ou ses déclinaisons) ça s’assimile de plus en plus pour moi à du survivalisme-doux-qui-fait-l’autruche sur une situation généralisée. C’est peut-être rassurant et nécessaire à la santé mentale de quelques privilégié·es mais ça ne permettra pas de tenir bien longtemps sans prise de conscience et d’action globale.</p> | |||
<hr /> | |||
<p><mark>Découvert depuis :</mark> <a href="https://fr.wikipedia.org/wiki/Mao-spontex">Mao-spontex</a>.</p> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote> | |||
<p>Mais puisqu’on évoque une pragmatique de la réception, je crains juste que « écosocialisme » ait par trop les airs d’une catégorie interne à la grammaire capitaliste et ne sonne que comme la énième proposition de l’« infléchir ». On pourrait dire que c’est habile, que ça permet d’avancer masqué et de tromper son monde — je n’aurais rien contre ce genre d’habileté. On peut dire aussi, symétriquement, que ça prépare à toutes les neutralisations. Au total, j’en reviens à un argument assez rustique : « communisme » est ce qui se déduit dans l’ordre de l’affirmation positive d’une prémisse sans équivoque anticapitaliste.</p> | |||
<p>[…]</p> | |||
<p>Andreas Malm a fait litière de cet absurde « Anthropocène » dont le nom même n’est qu’un évitement : un de ces stratagèmes gélatineux typiques de l’idéalisme moraliste, qui fait toujours tout pour ignorer les forces matérielles et les forces sociales, les hégémonies et les conflits, les rapports sociaux et les rapports de force, et qui finalement nous laisse quoi comme possibilité ? Réformer l’Homme ? On sait déjà comment ça se finit : par le tri des déchets et l’apologie des « petits gestes » qui « permettront de tout changer ». Or voilà : <mark>les petits gestes pour tout changer sont précisément des béquilles pour tout reconduire, donc pour ne rien changer.</mark></p> | |||
<p><cite><em><a href="https://www.revue-ballast.fr/frederic-lordon-la-multitude-mobilisee-en-masse-est-lunique-solution/">« La multitude mobilisée en masse est l’unique solution »</a></em> (<a href="/david/cache/2021/83a8fca8b84f0b396b4330924c9387dc/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,605 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #capitalocène — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #capitalocène"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #capitalocène</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/09/" title="Lien permanent vers cet article">Science-F(r)iction</a> (2021-01-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La ministre des Armées Florence Parly a profité du Forum innovation défense vendredi 4 décembre pour lancer officiellement la Red Team. Derrière ce nom anglais, dix auteurs de science-fiction qui ont été recrutés pour imaginer les futures crises géopolitiques et ruptures technologiques impliquant les militaires.</p> | |||
<p>[…]</p> | |||
<p>D’après les scénarios, […] l’idée est <mark>d’anticiper des situations permettant à la France de conserver une autonomie stratégique et opérationnelle</mark> aux horizons 2030 et 2060. Ascenseur spatial, nation pirate ou encore réchauffement climatique se mêlent dans les textes</p> | |||
<p><cite><em><a href="https://www.lepoint.fr/high-tech-internet/qui-sont-les-dix-auteurs-de-sf-de-la-red-team-du-ministere-des-armees-04-12-2020-2404230_47.php">Qui sont les dix auteurs de SF de la « Red Team » du ministère des Armées ?</a></em> (<a href="/david/cache/2021/595df9c1f986df0678e4fc7d6aa34ef1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Comment ne pas penser à <a href="/david/2020/12/15/#alain-damasio">cette intervention d’Alain Damasio</a> dans un moment pareil. Se faire accaparer l’espace de l’imaginaire par la ministre des Armées, les survivalistes « durs » n’attendaient que ça…</p> | |||
<p><strong>Quel récit commun se raconter ?</strong> Est-ce que la pandémie en est-un ? Et si oui, quelles histoires avons-nous à écrire à ce sujet qui ne soient pas individualistes ? Comment souhaiterions-nous vivre la prochaine ? Si nous avons vécu le scénario du pire, quel serait celui du meilleur ?</p> | |||
<p><em>Et pendant ce temps-là, des <a href="https://www.youtube.com/watch?v=fn3KWM1kuAw">robots guerriers</a> font des pirouettes…</em></p> | |||
<blockquote> | |||
<p>Je crains alors ainsi que le clic du pétitionnaire, l’indignation partagée sur les réseaux sociaux, et même le panier acheté à l’Amap, pour être louables et sincères, <mark>s’ils ne sont pas reliés et vertébrés par un projet</mark>, ne fassent partie d’un monde où l’avenir de l’écologie oscille encore entre capitalisme vert, restrictions individuelles et survivalisme. Où l’oligarchie stocke et s’organise pendant que les actes isolés peinent à faire masse.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/14/" title="Lien permanent vers cet article">Parler</a> (2021-01-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><em>Avertissement : je n’ai jamais utilisé cette application et je n’apprécie pas la nature des échanges nauséabonds qu’il semblait y avoir dessus.</em></p> | |||
<blockquote lang="en"> | |||
<p>If one were looking for evidence to demonstrate that these tech behemoths are, in fact, monopolies that engage in anti-competitive behavior in violation of antitrust laws, and will obliterate any attempt to compete with them in the marketplace, it would be difficult to imagine anything more compelling than how they just used their unconstrained power to utterly <mark>destroy a rising competitor.</mark></p> | |||
<p><cite><em><a href="https://greenwald.substack.com/p/how-silicon-valley-in-a-show-of-monopolistic">How Silicon Valley, in a Show of Monopolistic Force, Destroyed Parler</a></em> (<a href="/david/cache/2021/765e28efb1fa6aa0dc9c15166f66cdf3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je n’avais pas envisagé cette histoire sous cet angle là. Et s’il s’agissait « juste » de bâillonner un concurrent, <em>business as usual</em> ? J’ai presque envie de <a href="https://fr.wikipedia.org/wiki/Rasoir_de_Hanlon">me raser</a> avec :</p> | |||
<blockquote> | |||
<p>Ne jamais attribuer à une quelconque éthique ce que le capitalisme suffit à expliquer.</p> | |||
</blockquote> | |||
<p><strong>Les seuls outils qui seraient autorisés à concurrencer de tels monopoles seraient forcément décentralisés.</strong> C’est bien la raison pour laquelle ces plateformes sont <em>contre</em> le Web, il ne peut en être autrement car leur survie en dépend. Est-ce que Parler utilisant <a href="https://en.wikipedia.org/wiki/Secure_Scuttlebutt">Secure Scuttlebutt</a> aurait continué à fonctionner ? (<a href="/david/blog/2017/confiance-transparence/">Pour rappel.</a>) Probablement, en tout cas le bâillon n’aurait pas été aussi simple à nouer. Espérons (presque, dans un tel contexte) que ma conclusion tienne toujours : un tel réseau est trop beau pour percer.</p> | |||
<blockquote> | |||
<p>On ne soulignera jamais assez que la révolution ne sert à rien si elle n’est pas inspirée par son idéal ultime. Les méthodes révolutionnaires doivent être en harmonie avec les objectifs révolutionnaires. <mark>Les moyens utilisés pour approfondir la révolution doivent correspondre à ses buts.</mark> En d’autres termes, les valeurs éthiques que la révolution infusera dans la nouvelle société doivent être disséminées par les activités révolutionnaires de la période de transition. Cette dernière peut faciliter le passage à une vie meilleure mais seulement à condition qu’elle soit construite avec les mêmes matériaux que la nouvelle vie que l’on veut construire. La révolution est le miroir des jours qui suivent ; elle est l’enfant qui annonce l’Homme de demain.</p> | |||
<p><cite><em>My Desillusionment in Russia</em>, Emma Goldman</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/05/" title="Lien permanent vers cet article">Réparation</a> (2021-02-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>A heavier and well-designed object feels different. You don’t have it always with you just in case. You don’t throw it in your bag without thinking about it. It is not there to relieve you from your boredom. Instead, moving the object is a commitment. A conscious act that you need it. You feel it in your hands, you feel the weight. You are telling the object: « I need you. You have a purpose. » When such a commitment is done, the purpose is rarely « scroll an endless stream of cat videos ». <mark>Having a purpose makes it harder to throw the object away because a shiny new version has been released.</mark> It also helps draw the line between the times where you are using the object and the times you are not.</p> | |||
<p>Besides sturdiness, one main objective from the ForeverComputer would be to use as little electricity as possible. Batteries should be easily swappable.</p> | |||
<p><cite><em><a href="https://ploum.net/the-computer-built-to-last-50-years/">The computer built to last 50 years</a></em> (<a href="/david/cache/2021/c4dd46c6f0fe9310b47dd3abda0b5280/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Superbe initiative. Je suis en train de creuser le monde de la vidéo et (bien que chaque fabricant de matériel ait son propre format, batterie, stockage, etc.) je me demandais à quoi pourrait ressembler un ordinateur avec écran indépendant et alimenté par sa propre batterie comme ceux que l’on peut connecter à une caméra depuis son port HDMI. Je vois bien la contrainte mais je vois aussi la modularité et la possibilité de changer des pièces indépendamment les unes des autres.</p> | |||
<p>Un petit bémol sur la partie chiffrement, je ne pense pas que ce soit un pré-requis pertinent pour limiter la consommation énergétique de ce ForeverComputer. À la limite, un hash pour vérifier l’intégrité des fichiers après leur copie et suivre leur évolution mais tout ce qui a trait à la cryptographie évolue trop au cours du temps à mon avis. Sans compter qu’en perdant la clé de déchiffrement, on perd les contenus qui vont avec, ce qui me semble à l’opposé de l’idée de pouvoir les conserver plusieurs décennies.</p> | |||
<p>J’apprécie aussi l’approche qui consiste à commencer par faire un petit pas avec WriteOnly qui permettrait de tester la partie usage avant de passer à la suite.</p> | |||
<blockquote lang="en"> | |||
<p>To mend is to comprehend a human scale problem, and without this understanding our creations become strange creatures. We see this in the common examples of our time, from architecture to websites: <mark>Things used daily that, inexplicably, do not seem to be invented for human use.</mark> In the case of housing, bad architecture treats a human-scale environment as if it were a commodity-scale problem. The creators of some places see inhabitants not as humans but parameters. I do not need to spoil your view with visions of this architecture, I only wonder, what have their creators ever repaired?</p> | |||
<p><cite><em><a href="https://simonsarris.substack.com/p/that-which-is-unique-breaks">That which is unique, breaks</a></em> (<a href="/david/cache/2021/6ad5b5985682512c140781b2b3c9ff7c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/07/" title="Lien permanent vers cet article">Ostentatoire</a> (2021-02-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’économiste Thorstein Veblen a qualifié de « consommation ostentatoire » le mode de consommation des plus riches, la « classe de loisir ». <mark>N’ayant plus de besoins à assouvir, ceux-ci se livrent à des achats dont le seul but est de conforter leur place sociale et de se singulariser.</mark> On est très loin, en matière de loisir, de la pratique de l’<em>otium</em> de l’Antiquité — par opposition au <em>negotium</em> de la vie active, du commerce et des affaires : un temps de solitude et de retraite envisagé comme le fondement de la sagesse. Un temps de respiration cultivé, de création intellectuelle, préservé des scories du quotidien. Soit tout l’inverse d’un passe-temps lié à l’argent qui consisterait à épater son voisin par de nouvelles acquisitions matérielles.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Retomber sur ce passage le jour où je me décide à acquérir du matériel vidéo après <a href="/david/2020/12/01/#apprendre">plusieurs mois</a> d’<a href="/david/2021/01/11/" title="Marche ou trêve">hésitation</a> est un bon rappel de ma classe sociale… et de mon incapacité à y échapper (coucou Bourdieu).</p> | |||
</details> | |||
<h2><a href="/david/2021/03/14/" title="Lien permanent vers cet article">Impôts</a> (2021-03-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ironiquement, au moment où <a href="/david/2021/03/12/" title="Forêt">je me décide</a> à essayer de mettre un peu d’argent de côté, l’Agence du Revenu du Canada et Revenu Québec s’associent pour m’indiquer qu’il serait plus pertinent de l’investir dans des mesures sociales.</p> | |||
<p>Ça pique, à différents niveaux.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/24/" title="Lien permanent vers cet article">Rareté</a> (2021-03-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Voilà pourquoi les NFT affolent et agitent autant les internets en ce moment. Parce que chacun voit bien qu’il ne vont rien changer en surface, tout en changeant possiblement plein de choses en profondeur. Parce que de la même manière que le capitalisme linguistique s’était attaqué à la langue en tant que bien commun, cette nouvelle forme de capitalisme de la copie (« <mark>copytalism</mark> » diraient nos amis anglo-saxons s’ils avaient inventé ce terme avant moi) s’attaque aux biens numériques en tant que possibles appropriations communes.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/03/nft-loriginal-et-lacopie.html">NFT : l’original et l’acopie</a></em> (<a href="/david/cache/2021/fe8d34354b3f82a0f5eb2158e314b8f6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’observais récemment des enfants jouer dans la cour et j’étais frappé par le produit de la rareté. Un simple glaçon<sup>*</sup> devenait alors le centre de l’attention (et de la convoitise) du fait de son unicité. Cet objet — auquel des esprits toujours libres eurent tôt fait de donner des vertus quasi-magiques — était l’objet d’une controverse quant à sa destinée. Les un·es voulaient le râper pour en faire de la glycérine (véridique !), les autres comptaient le mettre au sommet de leur château. Cette différence de points de vue a fait l’objet d’une longue négociation qui faisait sourire les parents (enfin je crois, pas facile avec les masques) mais surtout qui établissait des relations sociales.</p> | |||
<p>De cette anecdote est sorti de mon esprit — un peu moins libre — l’idée que la rareté était peut-être importante pour générer des liens sociaux. Et que le capitalisme était notre outil inter-générationnel pour conserver ces liens. Je suis rentré à la maison sur mon vélo en essayant de me <a href="/david/2021/03/18/" title="Fatigue">fatiguer</a> le plus possible…</p> | |||
<p><sup>*</sup> Ce bout de glaçon était en somme le contraire d’un marché liquide. <em>Tadum kshh.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/29/" title="Lien permanent vers cet article">Coût</a> (2021-04-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>BUT, now I’ve had it, I’m weirdly proud of being Team AZ. It’s old school, not quite as effective as the others, and super cheap: the UK paid <a href="https://www.theweek.co.uk/951750/what-do-covid-vaccines-cost-who-pays-what">$3/£2.17 per dose.</a> (Pfizer is $14-$30; Moderna is $15-$38.)</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/04/28/vaccination">Three observations on my first vaccination shot</a></em> (<a href="/david/cache/2021/09acd86a2ea00109af7fb53ff0953729/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne l’avais pas envisagé sous cet angle mais même le choix (lorsqu’il est possible) de sa dose de vaccin est <a href="/david/2021/04/28/" title="Politique">politique</a>. Pourquoi les pays ne communiquent-ils pas sur ces chiffres ? Bon, mettons qu’ils aient des accords ne le permettant pas. Dans ce cas, pourquoi est-ce que la presse passe sous silence les différences de coûts des vaccins, maintenant qu’ils ont été publiés ?</p> | |||
<p>À l’échelle d’une population, un rapport de 1 à 10 sur ce budget n’est pas anodin…</p> | |||
<p><mark>Note avant publication :</mark> je tombe sur les <a href="https://www.lemonde.fr/les-decodeurs/article/2021/01/21/a-quel-point-les-vaccins-sont-ils-efficaces-quels-effets-secondaires-ont-ils-ete-observes-nos-reponses-a-vos-questions_6067093_4355770.html">questions fréquentes</a> publiées par LeMonde parmi lesquelles on trouve les chiffres pour la France :</p> | |||
<blockquote> | |||
<p>Le vaccin du laboratoire britannique AstraZeneca, auquel la Commission européenne a passé une précommande mi-août, sera commercialisé à prix coûtant durant toute la durée de l’épidémie, au tarif de 2,50 euros la dose en France, a annoncé son fabricant, tandis que celui de Pfizer devrait coûter l’équivalent de 16,50 euros la dose.</p> | |||
</blockquote> | |||
<p>On est sur un rapport de 6,6 entre les deux vaccins.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/11/" title="Lien permanent vers cet article">Paradigme</a> (2021-05-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>All of this is technically possible, and as we have seen, it would produce less in emissions than the present alternatives. However, it’s more likely that a switch to sailing ships is accompanied by a decrease in cargo and passenger traffic, and this has everything to do with scale and speed. <mark>A lot of freight and passengers would not be travelling if it were not for the high speeds and low costs of today’s airplanes and container ships.</mark></p> | |||
<p>It would make little sense to transport iPhones parts, Amazon wares, sweatshop clothes, or citytrippers with sailing ships. A sailing ship is more than a technical means of transportation: it implies another view on consumption, production, time, space, leisure, and travel.</p> | |||
<p><cite><em><a href="https://solar.lowtechmagazine.com/2021/05/how-to-design-a-sailing-ship-for-the-21st-century.html">How to design a sailing ship for the 21st century?</a></em> (<a href="/david/cache/2021/708cb8c67ef96647f6f5366eca70adb0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un superbe article sur ce que signifierait « aller vers de la navigation moins carbonée » et un bon rappel qu’un changement de paradigme entraine une évolution des mentalités et des usages associés.</p> | |||
<p>J’imagine chaque bateau transportant son instance de <a href="https://en.wikipedia.org/wiki/Secure_Scuttlebutt">Secure Scuttlebutt</a> (qui n’aurait jamais aussi bien porté son nom) ou échangeant des fichiers à chaque fois qu’il croise un autre navire avec <a href="https://en.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a>. On irait attendre des messages numériques comme on attendait probablement le courrier il y a un siècle, au port.</p> | |||
<p>À quoi ressemblerait un transport… de données pour le 21<sup>e</sup> siècle ?</p> | |||
</details> | |||
<h2><a href="/david/2021/05/12/" title="Lien permanent vers cet article">Propriétaires</a> (2021-05-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p><mark>The new owners of Clearleft are the people who power Clearleft</mark> and who make Clearleft so special. It’s our whole team, in the form of an <strong>Employee Ownership Trust</strong>.</p> | |||
<p>That’s right; Clearleft will be run for—and on behalf of—all our team, now and in the future. So rather than working for a company where the benefits go to a handful of individuals, they will be shared evenly amongst the team.</p> | |||
<p><cite><em><a href="https://clearleft.com/posts/meet-the-new-owners-of-clearleft">Meet the new owners of Clearleft</a></em> (<a href="/david/cache/2021/699cfd66554f8e8ad2118eec8b4c0564/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Lorsqu’on souhaite discuter de <a href="/david/2021/04/28/" title="Politique">politique</a> au bureau, le plus évident est de partager ce bureau. <em>Pour de vrai.</em> Cette transformation est suffisamment rare pour être partagée, même après 15 ans c’est tout à fait possible. Il ne tient qu’aux personnes — suffisamment en confiance et en sécurité — de <strong>vouloir</strong> changer le rapport au pouvoir au sein d’une entreprise.</p> | |||
<p>Cela peut même se faire de manière incrémentale en passant d’une <abbr title="Entreprise de Services du Numérique">ESN</abbr> à une <abbr title="Coopérative d’Activité et d’Emploi">CAE</abbr> pour finalement rejoindre/créer une <abbr title="Société COopérative et Participative">SCOP</abbr> ou une <a href="https://dtc-innovation.org/writings/2017/une-association">association</a> (<a href="/david/cache/2021/e35537b839116354caf42731c6ed39da/">cache</a>). Tous les chemins pour redéfinir un capitalisme sont possibles.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/17/" title="Lien permanent vers cet article">Empreinte</a> (2021-05-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quand on est cadre sup’ en France, on s’inquiète de plus en plus de son empreinte carbone et de moins en moins de son empreinte connard : exploiter son prochain et voter pour des experts en précarisation du travail, c’est ok. Tuer les bébés phoques, ça, par contre, c’est non. Et qu’importe si l’un induit nécessairement l’autre, dans ce qu’ils appellent “le monde tel qu’il est” et qui correspond, en réalité, au mode de production capitaliste. Mais <mark>son mode individuel de consommation devient une nouvelle modalité de distinction sociale</mark> dans notre beau pays : le bourgeois de centre-ville trouvera du bio, du local, du « une fringue achetée – un arbre planté » et pourra ainsi payer pour laver sa conscience et surtout juger celle des autres.</p> | |||
<p><cite><em><a href="https://www.frustrationmagazine.fr/livraison-rapide/">La livraison rapide, ou comment le capitalisme a fait de nous des bourreaux capricieux</a></em> (<a href="/david/cache/2021/3d24bdc0a4dfe935c5eb7ebd613fed3f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça pique. Dans la foulée je lis :</p> | |||
<blockquote> | |||
<p>Il semblerait aux catégories sociales privilégiées, qui ont détourné les dispositifs tels qu’Airbnb, qui permettait initialement aux classes moyennes d’augmenter leur pouvoir d’achat.</p> | |||
<p>Le choix et les stratégies des groupes majoritaires permettent de conserver cet entre-soi nécessaire à la reproduction sociale. <mark>Mais il s’opère toujours au détriment des autres :</mark> à savoir les classes populaires et les personnes discriminées en fonction des critères liés à l’origine et à la précarité sociale notamment.</p> | |||
<p><cite><em><a href="https://theconversation.com/les-consequences-de-lairbnbisation-des-villes-157004">Les conséquences de « l’airbnbisation » des villes</a></em> (<a href="/david/cache/2021/33d9a576ac9c0d0eb8b62f33c888ca15/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/24/" title="Lien permanent vers cet article">Dose 1</a> (2021-05-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La base de données de virus a été mise à jour !</p> | |||
<p><cite><em>chibi-[N]ah (@alex@social.nah.re)</em> <a href="https://social.nah.re/@alex/106257751983353337">sur mastodon</a></cite></p> | |||
</blockquote> | |||
<p>J’ai été vacciné <a href="https://twitter.com/vacccprogress">au moment où</a> (<a href="https://github.com/favstats/vacccprogress">code</a>) :</p> | |||
<ul> | |||
<li>1,6 % de l’Afrique ; 5,3 % de l’Asie ; 29,1 % de l’Europe ; 35,2 % de l’Amérique du Nord ; 1,4 % de l’Océanie ; 16,2 % de l’Amérique du Sud avaient <a href="https://twitter.com/vacccprogress/status/1396769776588914688">reçues une première dose</a>.</li> | |||
<li>763,3 millions de personnes ont <a href="https://twitter.com/vacccprogress/status/1396769820956184580">déjà reçues une dose</a> dans le monde (soit 9,8 %).</li> | |||
<li>Le Canada vaccine 373 000 personnes par jour (~1% de la population), ce qui le place <a href="https://twitter.com/vacccprogress/status/1396769864287617025">en 4<sup>e</sup> position mondiale</a> derrière le Quatar, l’Uruguay et la Chine.</li> | |||
<li>33,2 % des pays à haut revenus ; 5,4 % des pays à presque hauts revenus ; 6,3 % des pays à presque faibles revenus ; 0,6 % des pays à faibles revenus ont <a href="https://twitter.com/vacccprogress/status/1396769885850542081">reçu une première dose</a> ;</li> | |||
<li>50 % des <a href="https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg">québécois·es de ma tranche d’âge</a> (infographie dynamique mise à jour quotidiennement), 55 % des québécois·es tout court ont reçu cette première dose.</li> | |||
</ul> | |||
<p>Il y a une certaine indécence sur le fait de communiquer sur ma vaccination qui est surtout liée au fait d’habiter dans un pays riche. Je le fais néanmoins car on a besoin de cet entraînement de masse pour espérer s’en sortir collectivement.</p> | |||
<figure> | |||
<a href="#tableau_de_bord_2021-05-24" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-05-24.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec" | |||
loading="lazy" width="1280" height="1101" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="tableau_de_bord_2021-05-24"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-05-24.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec" | |||
loading="lazy" width="1280" height="1101" /> | |||
</a> | |||
<figcaption>Tableau intéressant pour comprendre la stratégie québécoise.</figcaption> | |||
</figure> | |||
<hr /> | |||
<p>Je n’ai pas particulièrement ressenti de soulagement après m’être fait piquer, je crois que j’ai eu davantage d’émotions lorsque ma mère s’est faite vaccinée en janvier (population à risque + première ligne). Cette pandémie est avant tout une démonstration que le fameux « effondrement » est plus un mécanisme qui accentue les inégalités par paliers brutaux.</p> | |||
<hr /> | |||
<p>L’endroit où je suis allé ne ressemblait pas du tout à un <a href="https://blog.monolecte.fr/2021/05/24/covidrome/">covidrome</a> (<a href="/david/cache/2021/f0e0397c5e70029b4f19b530f27c5141/">cache</a>) et je n’ai pas eu à payer quoi que ce soit bien que je ne sois pas détenteur d’une carte de <abbr title="Régie de l’assurance maladie du Québec">RAMQ</abbr>, la sécu locale. Je n’ai pas essayé d’avoir une place avant que ma tranche d’âge ne soit autorisée à prendre rendez-vous. D’ici 2-3 semaines, je devrais avoir 92 % de chances de ne pas développer de formes graves de la Covid, de quoi accepter le risque d’augmenter mon exposition quotidienne en nombre de <a href="/david/2021/01/10/" title="Biologeek">microCOVIDs</a>.</p> | |||
<p>Prochain épisode le 13 septembre, ce qui n’est <a href="/david/2021/05/18/" title="Immunité">pas plus mal</a>.</p> | |||
<p><mark>Mise à jour :</mark> finalement <a href="/david/2021/07/26/">le 26 juillet</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/22/" title="Lien permanent vers cet article">Argent</a> (2021-06-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>De la même façon qu’une banque a une empreinte indirecte via ses financements et investissements, notre argent en tant que cliente et client, en a également une.</p> | |||
<p>Notre dernier rapport sur l’empreinte carbone des banques révèle que notre argent représente notre premier poste d’émissions CO2. Malheureusement, le modèle actuel des banques empêche tout droit de regard sur notre argent et l’utilisation qui en est faite. <mark>Notre argent a donc un impact social et environnemental que nous ne pouvons pas vraiment maîtriser.</mark></p> | |||
<p>Il est urgent que les banques françaises enclenchent réellement leur transition écologique. Et pour changer de logiciel, nous avons besoin d’une vraie régulation de leurs activités, par le biais d’une intervention de l’Etat.</p> | |||
<p><cite><em><a href="https://oxfam-impact-banques.telescoop.fr/">Quelle est l’empreinte carbone de mes comptes bancaires ?</a></em></cite></p> | |||
</blockquote> | |||
<p>Ce petit calculateur est tout simple et vous donne une idée en fonction de votre « fortune » et de votre banque française de l’impact que peut avoir cet argent sur la production de CO<sub>2</sub>. Je ne m’attendais pas à un tel rapport, c’est assez hallucinant. Il y a une <a href="https://www.oxfamfrance.org/climat-et-energie/calculez-lempreinte-carbone-de-votre-compte-bancaire/">page dédiée sur le site d’oxfam</a> (<a href="/david/cache/2021/5c985a9ca21251391839581308334ff7/">cache</a>) si vous voulez plus de détails ou alors directement <a href="https://www.oxfamfrance.org/wp-content/uploads/2020/10/rapportBanque_OXFAM_v5.pdf">le rapport</a> (<a href="/static/david/2021/rapportBanque_OXFAM_v5.pdf">cache - PDF de 1,7 Mo</a>).</p> | |||
<p>Je crois que si j’avais des économies ça me mettrait un gros coup au moral. À ce compte là, peut-être qu’il vaut mieux parfois dépenser son épargne en <a href="/david/2021/06/15/" title="Avihonte">billets d’avion</a>. <em>Oh wait!</em></p> | |||
<p>Et si vous pensiez pouvoir vous en tirer avec des « livrets verts » et compagnie, je vous invite à lire ce <a href="https://www.greenpeace.ch/fr/publication/69237/fonds-investissements-durables/">rapport de Greenpeace</a> (<a href="/static/david/2021/greenpeace_greenwashing_resume.pdf">résumé en français, 6 pages - PDF de 1,4 Mo</a>, <a href="/static/david/2021/greenpeace_greenwashing_complet.pdf">complet en anglais, 110 pages - PDF de 1,7 Mo</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/07/09/" title="Lien permanent vers cet article">Balle</a> (2021-07-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So 99% of what you’re doing when you’re behind the wheel of a car is <mark>attempting to not commit homicide.</mark></p> | |||
<p>This is a useful point to keep in mind whenever you read about the imminent arrival of “self-driving cars”. Because when tech folks tell you they’re building a self-driving car, what they’re really promising is to make a <em>self-driving bullet</em> that can weave through city streets without hitting anyone.</p> | |||
<p>Kind of clarifies the stakes, doesn’t it?</p> | |||
<p><cite><em><a href="https://themobilist.medium.com/self-driving-cars-self-driving-bullets-955dfd2c5150">Self-Driving Cars are Self-Driving Bullets</a></em> (<a href="/david/cache/2021/df1a769924b63c144614f3d8e5b0d004/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je trouve cette métaphore assez juste… qui rendrait caduque la plupart des discussions sur le port d’armes. De là à dire que c’est <a href="https://www.liberation.fr/economie/transports/la-voiture-coute-cher-aux-francais-20210526_26IJ75OXBVEJFE5HPIBUTPYLEA/">une balle d’argent</a> (<a href="/david/cache/2021/2c4182f774f612fda62ca7b1652bbc0d/">cache</a>), il n’y a qu’un pas 🙃. La mienne est même probablement <a href="http://tmp.larlet.fr/ccmc/">plaquée or</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/10/" title="Lien permanent vers cet article">Eau virtuelle</a> (2021-07-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’accaparement de l’eau n’est pas le seul marché connexe, il y a aussi l’eau virtuelle, c’est-à-dire l’eau utilisée pour produire des biens manufacturés — des vêtements aux ordinateurs — et celle intégrée dans la production agricole — du bœuf au blé en passant par le riz. La plupart de ces activités sont très gourmandes en eau, dont on dit d’ailleurs qu’elle est « consommée », ce qui signifie qu’elle n’est pas retournée à son bassin versant. Lorsque la marchandise est exportée ou même seulement déplacée ailleurs dans le pays, l’eau est exportée aussi. <mark>L’eau virtuelle constitue la majorité des déplacements d’eau dans le monde</mark>, même si l’on croit à tort que les exportations d’eau se font par les pipelines, les aqueducs et les canaux.</p> | |||
<p>De nombreux pays riches conservent leur eau en misant sur l’importation de marchandises qui en nécessitent une grande quantité. Certains aliments, comme les bananes et le café, ne peuvent être produits dans des climats plus froids et doivent donc être importés, mais un nombre croissant de pays utilisent la terre et l’eau des pays étrangers pour s’approvisionner même en produits de première nécessité qu’ils pourraient très bien produire eux-mêmes. Lorsqu’un pays import une kilo de blé plutôt que de le produire chez lui, par exemple, il économise environ 1 350 litres de ses propres ressources en eau. Même si, en théorie, le commerce de l’eau virtuelle pourrait permettre aux pays riches en eau d’exporter les marchandises qu’ils produisent dans les pays qui ont de faibles réserves, la réalité en est tout autre. En fait, les pays riches assurent la sécurité de leur eau en cultivant leur nourriture à l’étranger pour ensuite l’importer.</p> | |||
<p><cite><em>À qui appartient l’eau ?</em>, Maude Barlow</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de choses grâce à ce livre, notamment dans le contexte canadien (tout en lisant Dune). Je n’avais pas conscience de cette notion d’eau virtuelle permettant de conserver ses propres ressources au détriment des pays pauvres. C’est fabuleux.</p> | |||
<p>Combien de litres pour la machine sur laquelle je suis en train d’écrire ces mots ?</p> | |||
</details> | |||
<h2><a href="/david/2021/07/11/" title="Lien permanent vers cet article">Lebensraum</a> (2021-07-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The quest for German domination was premised on the denial of science. Hitler’s alternative to science was the idea of Lebensraum. Germany needed an Eastern European empire because only conquest, and not agricultural technology, offered the hope of feeding the German people. In Hitler’s “Second Book,” which was composed in 1928 and not published until after his death, he insisted that hunger would outstrip crop improvements and that all “the scientific methods of land management” had already failed. No conceivable improvement would allow Germans to be fed “from their own land and territory,” he claimed. Hitler specifically — and wrongly — denied that irrigation, hybrids and fertilizers could change the relationship between people and land.</p> | |||
<p>[…]</p> | |||
<p>As exotic as it sounds, <mark>the concept of Lebensraum is less distant from our own ways of thinking than we believe</mark>. Germany was blockaded during World War I, dependent on imports of agricultural commodities and faced real uncertainties about its food supply. Hitler transformed these fears into a vision of absolute conquest for total security. Lebensraum linked a war of extermination to the improvement of lifestyle. The chief Nazi propagandist, Joseph Goebbels, could therefore define the purpose of a war of extermination as “a big breakfast, a big lunch and a big dinner.” He conflated lifestyle with life.</p> | |||
<p><cite><em><a href="https://www.nytimes.com/2015/09/13/opinion/sunday/the-next-genocide.html">The Next Genocide</a></em> (<a href="/david/cache/2021/3815e3f5dd6f18955523fa715cf49853/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article met en rapport l’idéologie nazie et l’auto-suffisance avec un angle qui ne m’est pas familier. Je n’avais pas pris conscience de cette prépondérance dans la doctrine que je voyais bien davantage centrée sur la race que sur l’alimentation du peuple. La mise en lumière sur ce qui est en train de se passer dans le monde — aujourd’hui — à ce sujet est assez éloquente.</p> | |||
<p>La guerre de l’agriculture, et donc <a href="/david/2021/06/27/" title="Sécheresse">de l’eau</a> (aussi <a href="/david/2021/07/10/" title="Eau virtuelle">virtuelle</a> soit-elle), ne fait que s’intensifier.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/16/" title="Lien permanent vers cet article">Char</a> (2021-07-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="https://www.antoine-augusti.fr/">Antoine</a> me demande un peu de contexte sur <a href="http://tmp.larlet.fr/ccmc/">Combien coûte mon char ?</a> et c’est l’occasion de revenir sur cette notion de <a href="/david/2021/02/15/" title="Comptabilité">comptabilité</a> et aussi pourquoi j’ai finalement fait ce choix.</p> | |||
<p>Avoir un véhicule motorisé n’est pas un plaisir, c’est même plutôt <a href="/david/2021/07/09/" title="Balle">un danger</a>. On a pu s’en passer avec le sourire pendant 4 ans à Montréal mais on s’est un peu trouvés démunis lorsqu’il fallut accompagner l’enfant à l’école l’hiver alors que la prise des transports en commun devenait problématique #pandémie.</p> | |||
<h2 id="pourquoi-pas-le-velo">Pourquoi pas le vélo ? <a href="#pourquoi-pas-le-velo" title="Ancre vers cette partie">#</a></h2><p>Il y a 3 mois pendant lesquels c’est critique en raison du froid et de ses conséquences (engelures, glissades, visibilité, etc) mais c’est surtout pour protéger le matériel que je ne retiens pas cette option. Le sel/sable déversé sur les routes et les voitures qui le projettent détérioreraient le matériel trop rapidement et j’en ai bien besoin les 9 autres mois ! Peut-être qu’au moment où il y aura une piste cyclable sécurisée depuis le pallier jusqu’à l’école cela changera. <a href="https://montreal.ca/articles/implantation-de-voies-cyclables-dans-ahuntsic-cartierville-5150">Ça s’en vient</a> (<a href="/david/cache/2021/1bbae4b7e1e642fda7cbc70540b51710/">cache</a>) et je m’en réjouis.</p> | |||
<p>En imaginant devoir en changer tous les 2/3 ans pour l’usure prématurée, j’ai beaucoup hésité avec un <em>fatbike</em> (à assistance électrique) mais l’enfant restait trop bas en arrière. Il faut voir les vagues de <em>sloche</em> qu’une voiture peut produire par ici.</p> | |||
<h2 id="pourquoi-une-grosse-et-vieille-voiture-thermique">Pourquoi une grosse et vieille voiture thermique ? <a href="#pourquoi-une-grosse-et-vieille-voiture-thermique" title="Ancre vers cette partie">#</a></h2><p>Je voulais le <a href="/david/2020/02/07/#cars">moins d’électronique</a> possible et plutôt prendre un vieux véhicule robuste qui me permette de sortir d’un banc de neige et peut-être à terme de la ville. Il y a aussi le fait que les routes québécoises étant ce qu’elles sont, non seulement ça secoue pas mal mais ça devient rapidement dangereux si t’es obligé de slalomer entre les nids de foule #ironème. Enfin, il y a un côté militant à ne pas acheter un véhicule neuf. Il y a suffisamment de voitures sur cette planète, n’en déplaise aux <em>boomers</em> du quartier qui s’achètent la dernière Tesla pour avoir bonne conscience tout en revendant leur SUV à celleux qui n’en ont pas les moyens (et qui seront ensuite davantage taxés sinon c’est moins drôle).</p> | |||
<p>Autre point <em>positif</em> : elle chauffe et consomme beaucoup. Ce qui signifie que je rechigne à faire des longs trajets avec et que cela devient physiquement perceptible que je fais partie du problème si je la prends l’été. J’essaye également d’avoir la conduite la plus économe possible avec ce véhicule, d’autant que le prix de l’essence a augmenté de 40 % depuis son achat…</p> | |||
<h2 id="bilan-apres-9-mois">Bilan après 9 mois ? <a href="#bilan-apres-9-mois" title="Ancre vers cette partie">#</a></h2><p>Je m’attendais à ce que ça nous coûte cher et je n’ai pas été déçu. Notamment car il y avait beaucoup de pièces rouillées (merci le sel) que je n’avais pas prises en considération comme étant des dépenses imminentes. J’aurais au moins appris un peu de mécanique… mais c’est clairement la catégorie des réparations qui plombe le budget.</p> | |||
<p>Cette comptabilité me permet aussi de comparer le coût avec celui potentiel d’une voiture louée pour quelques mois d’hiver. Ça pourrait devenir une option à moyen terme.</p> | |||
<p>Un point positif comparé à la location ponctuelle, c’est que ce soit moins la course pour aller chercher/ramener le véhicule, ce qui ajoutait un autre style de stress et de fatigue aux sorties. Je peux aussi partir plus tôt dans la journée, m’adapter à mon propre rythme.</p> | |||
<p><em>Note : si vous devez faire votre propre outil, je vous recommande d’attribuer une date à chacun des évènements, c’est la base mais je ne l’ai pas fait sur certaines écritures et je l’ai regretté par la suite. C’est notamment limitant pour des représentations graphiques pertinentes.</em></p> | |||
<blockquote> | |||
<p>La survie de l’individu, de l’espèce et de l’environnement, voilà ce qui motive l’être humain. <mark>On observera que l’ordre d’importance varie au cours de la vie.</mark> Qu’est-ce qui réclame le plus d’attention à un âge donné ? Le temps qu’il fait ? L’état de la digestion ? Éprouve-t-il (ou elle) réellement quelque chose pour moi ? Tous ces appétits variés que la chair est capable de ressentir et peut raisonnablement espérer satisfaire. Quelles autres choses pourraient avoir de l’importance ?</p> | |||
<p><cite><em>À Hwi Noree, La Voix de Leto II, Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/22/" title="Lien permanent vers cet article">Vol d’eau</a> (2021-07-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The drones don’t create rain themselves but help to jump-start rain production via cloud seeding. They “zap” the clouds with an electric charge, subsequently charging the droplets inside. Since the beginning of 2021, the National Center of Meteorology (NCM) has conducted 126 instances of cloud seeding.</p> | |||
<p>“What we are trying to do is <mark>to make the droplets inside the clouds big enough so that when they fall</mark> out of the cloud, they survive down to the surface,” explained Keri Nicoll, one of the core investigators on the project.</p> | |||
<p>The technique has successfully created rain over Dubai and has even resulted in safety warnings for drivers over slippery roads.</p> | |||
<p><cite><em><a href="https://interestingengineering.com/the-uae-is-using-drones-to-control-dubais-weather">The UAE is Using Drones to Control Dubai’s Weather</a></em> (<a href="/david/cache/2021/1c411f71cef2f6a9d40cf09a62f71bb1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suite de mes réflexions vis-à-vis de l’eau, des <a href="/david/2021/06/27/" title="Sécheresse">sécheresses</a> et de sa <a href="/david/2021/07/10/" title="Eau virtuelle">virtualité</a>. Ici, on arrive tout de même à une technologie qui permettrait à une localité de récupérer l’eau avant qu’elle arrive « naturellement » à un autre lieu. Ça augure de nouvelles tensions géo-politiques. C’est un peu équivalent aux conflits diplomatiques qui existent — dès à présent — avec des fleuves parcourant plusieurs états et des retenues/consommations d’eau en amont qui créent des sécheresses en aval.</p> | |||
<blockquote> | |||
<p>On ne manipule pas une marionnette avec un seul fil.</p> | |||
<p><cite><em>Le Fouet Zensunni</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/23/" title="Lien permanent vers cet article">Ozone</a> (2021-07-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In the annals of environmental history, <mark>humanity’s response to the ozone crisis stands out as a rare success story.</mark> During the 1970s and ‘80s, evidence started to mount that certain household chemicals used in refrigerators, air conditioners, and aerosol cans like hairspray were eating a giant hole in Earth’s ozone layer, which prevents harmful ultraviolet radiation from reaching the surface. Facing the terrifying prospect of a future without any atmospheric sunscreen at all, in the late 1980s nations came together to sign the Montreal Protocol, a global treaty to phase out so-called ozone-depleting substances like chlorofluorocarbons.</p> | |||
<p>Since then, the ozone hole has been slowly healing. According to the U.N., it’s now on track to recover fully by mid-century.</p> | |||
<p>But if things hadn’t turned out that way—if the scientific evidence linking man-made chemicals to ozone depletion wasn’t strong enough, or if ozone deniers (yes, there were ozone deniers) successfully stymied the Montreal Protocol—the world might look very different.</p> | |||
<p><cite><em><a href="https://www.sciof.fi/what-would-have-happened-if-we-never-fixed-the-ozone-hole/">What would have happened if we never fixed the ozone hole?</a></em> (<a href="/david/cache/2021/4012886f0e58f02527e8a0da6f644857/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ces temps un peu désespérants, il est utile de se rappeler qu’une action collective a été possible il n’y a pas si longtemps. Et qu’elle a eu des conséquences réparatrices relativement rapides.</p> | |||
<p>Bien plus facile à « résoudre » techniquement mais ces menaces auto-infligées mondiales sont rarement contraintes par la technique. Qu’est-ce qui a changé dans nos sociétés pour que l’on ne soit plus à même de répondre en commun quelques décennies plus tard ?</p> | |||
<blockquote> | |||
<p>Avec l’adresse cumulée de plusieurs siècles d’existence, il jetait sur son environnement un regard filtré par une sophistication naïve. Les mentats cultivaient la naïveté. Croire qu’on sait quelque chose est le moyen le plus sûr de s’aveugler. <mark>Ce n’est pas l’âge qui freine lentement la connaissance</mark> (enseignait-on aux mentats), mais l’accumulation des « choses que je sais ».</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/28/" title="Lien permanent vers cet article">CarbEAUne</a> (2021-07-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’hyper-focalisation sur le carbone et l’électricité cache efficacement les autres grands problèmes environnementaux. De tous ces problèmes, il me semble que <strong>la consommation d’eau du numérique peut devenir très problématique dans un futur proche et dans des zones très concentrés</strong> : les lieux d’extraction minière (approvisionnement en eau pour le nettoyage et la purification du minerai) ; la fabrication de circuits intégrés (eau ultra-pure, rinçage des wafers, etc.) ; le refroidissement des centres de données en zones désertiques (par évaporation d’eau) ; et la pollution des eaux (rejets miniers et industriels, décharges, etc.).</p> | |||
<p><cite><em><a href="https://gauthierroussilhe.com/post/paradoxes-enjeux.html">Paradoxes et enjeux environnementaux de la numérisation</a></em> (<a href="/david/cache/2021/8b4951ac1a12fd9431861f49af5886c8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Une excellente série de billets par Gauthier Roussilhe qui enchaîne avec :</p> | |||
<ul> | |||
<li><a href="https://gauthierroussilhe.com/post/limites-debat.html">Les limites pour débattre de numérisation</a> (<a href="/david/cache/2021/f442ffc39b7109ceebe8bc2a669589cb/">cache</a>)</li> | |||
<li><a href="https://gauthierroussilhe.com/post/ecoconception-critique.html">Eco-conception, le brouillard à venir</a> (<a href="/david/cache/2021/059ace3d9bcdbd911d83f1da84ced326/">cache</a>)</li> | |||
<li><a href="https://gauthierroussilhe.com/post/territoires-centres-de-donnees.html">Territorialiser les systèmes numériques, l’exemple des centres de données</a> (<a href="/david/cache/2021/618145b6b22de36fbbc1cd3162d41515/">cache</a>)</li> | |||
</ul> | |||
<p>Je suis particulièrement sensible à l’effort qui a été fait pour tenter de prendre en compte <em>l’ensemble</em> des coûts autour de ces sujets. Ainsi que l’impact sur le cycle de l’eau qui est localement redéfini par de telles industries.</p> | |||
<blockquote> | |||
<p>Les besoins en eau de certains acteurs du numérique pourraient se confronter avec le plus consommateur d’eau sur le globe : le secteur agricole. Plus précisément, <strong>certains acteurs du numérique pourraient rentrer en concurrence avec les acteurs agricoles pour pomper les eaux souterraines en zones de stress hydrique et pour la captation des eaux de surface (réservoirs, etc.).</strong> Par exemple, en avril 2021, le gouvernement taïwanais a demandé l’arrêt subventionné de l’irrigation de 74 000 hectares de terres agricoles pour maintenir l’approvisionnement en eau d’usines de semi-conducteurs dans le nord de l’île. De plus, les rejets industriels d’usines de fabrication pourraient contaminer plus gravement des rivières et flux qui servent aux activités agricoles.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Et pendant ce temps-là au Québec, on parle d’un <q>traffic Internet plus vert</q> (<em>sic</em>), la route est longue :</p> | |||
<blockquote> | |||
<p>Hydro-Québec fait, elle aussi, partie de la solution. En incitant des centres de traitement de données à s’installer ici pour profiter de notre énergie propre, nous pouvons en effet contribuer à rendre le trafic Internet plus vert.</p> | |||
<p><cite><em><a href="https://www.hydroquebec.com/a/decarboner.html">Pollution numérique</a></em> (<a href="/david/cache/2021/75c2f55c5321a0afe4352f53da5e0b89/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/21/" title="Lien permanent vers cet article">Électrique</a> (2021-08-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>En 2020, on a acheté une <a href="/david/2021/07/16/" title="Char">voiture</a> et… une brosse à dent électrique. Je vous rassure, j’ai beaucoup fait pipi sous la douche pour compenser. Je fais aussi une partie de ma lessive sous la douche (pas au même moment…), mais c’est une autre histoire. Donc, voilà, je suis passé du bambou recyclé d’Indonésie avec des poils de yacks de l’Himalaya local à un bâton de lithium extrait par des mineurs-esclaves. C’est <em>grosso modo</em> l’équivalent de passer du vélo au SUV. La bouche est bouclée (rires).</p> | |||
<p>J’en parle pour me justifier parce que c’est bien évidemment difficile à assumer… et pourtant, je n’ai jamais eu les dents aussi propres — ou du moins la sensation qu’elles le soient. À tel point que cela est devenu une nouvelle dépendance (dans le sens dont-je-pourrais-difficilement-me-passer) tellement la différence est frappante. Notamment au retour de la forêt.</p> | |||
<p>Je suis curieux de voir ce que ça donne niveau longévité, après neuf mois elle est encore en parfait état et je n’ai eu besoin que d’un embout de brosse (on partage la poignée). Six minutes par jours à faire vibrer mes dents, parfois davantage lorsque je suis en régime estival (il faudra que je parle de ça), et à méditer sur le nombre d’esclaves énergétiques qui s’activent dans ma bouche pour que je puisse me sentir propre.</p> | |||
<blockquote> | |||
<p>Nous n’enseignons pas l’histoire ; nous recréons l’expérience. Nous suivons la chaîne des conséquences — la piste de la bête dans sa forêt. Regardez au-delà de nos paroles et vous apercevrez toute l’étendue d’un comportement social qu’aucun historien n’a jamais effleuré.</p> | |||
<p><cite><em>Panoplia Propheticus B. G.</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#bouees-barrage" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="bouees-barrage"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Heureusement que l’électricité est très relativement « propre » dans le coin.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/11/18/" title="Lien permanent vers cet article">Oligarchie</a> (2021-11-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Selon vous, les énergies fossiles ont notamment permis l’émergence de la classe moyenne. La fin de l’énergie abondante la condamne-t-elle ?</p> | |||
<p>A terme, ça la remet en question de façon évidente. Avec l’énergie, on a vu l’émergence du confort matériel chez tous, du pouvoir d’achat pour tous. Et la modification du type d’activité avec le développement du secteur tertiaire. Est-ce que la décrue énergétique va permettre de conserver ce genre de travail, de services ? A terme, pas dans les mêmes volumes. <mark>La société va devoir se structurer différemment.</mark></p> | |||
<p><cite><em><a href="https://jancovici.com/publications-et-co/interviews/une-interview-dans-le-un-en-novembre-2021/">Une interview dans Le Un en novembre 2021</a></em> (<a href="/david/cache/2021/64ee5051fec3060fea59c93823222ca1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Tout l’enjeu climatique est là. Les personnes en capacité d’enrayer cette débauche d’énergies sont les mêmes qui vont constituer cette future oligarchie de riches à l’abri des conditions qu’elles auront créées.</p> | |||
<p>À partir de ce postulat, il faut :</p> | |||
<ul> | |||
<li>soit essayer de faire partie de ces 5 % en fermant les yeux sur le reste de la population (c’est ce que font les 25 % actuels sans prendre conscience qu’il n’y aura pas autant de places à la fin) ;</li> | |||
<li>soit redonner le contrôle à davantage de personnes pour influer sur le sort de l’humanité (ça fait pompeux mais on en est malheureusement là…) ;</li> | |||
<li>soit accepter de terminer sa vie dans les 15 prochaines années (et après moi le déluge #OhWait).</li> | |||
</ul> | |||
<p>J’aimerais tant être surpris.</p> | |||
<blockquote> | |||
<p>Sauf à avoir un visionnaire à la tête de l’Etat. Mais ça, ça demande une période de crise. Et nous n’y sommes pas encore suffisamment enfoncés.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Au passage, aller vivre dans un éco-hameau (ou ses déclinaisons) ça s’assimile de plus en plus pour moi à du survivalisme-doux-qui-fait-l’autruche sur une situation généralisée. C’est peut-être rassurant et nécessaire à la santé mentale de quelques privilégié·es mais ça ne permettra pas de tenir bien longtemps sans prise de conscience et d’action globale.</p> | |||
<hr /> | |||
<p><mark>Découvert depuis :</mark> <a href="https://fr.wikipedia.org/wiki/Mao-spontex">Mao-spontex</a>.</p> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote> | |||
<p>Mais puisqu’on évoque une pragmatique de la réception, je crains juste que « écosocialisme » ait par trop les airs d’une catégorie interne à la grammaire capitaliste et ne sonne que comme la énième proposition de l’« infléchir ». On pourrait dire que c’est habile, que ça permet d’avancer masqué et de tromper son monde — je n’aurais rien contre ce genre d’habileté. On peut dire aussi, symétriquement, que ça prépare à toutes les neutralisations. Au total, j’en reviens à un argument assez rustique : « communisme » est ce qui se déduit dans l’ordre de l’affirmation positive d’une prémisse sans équivoque anticapitaliste.</p> | |||
<p>[…]</p> | |||
<p>Andreas Malm a fait litière de cet absurde « Anthropocène » dont le nom même n’est qu’un évitement : un de ces stratagèmes gélatineux typiques de l’idéalisme moraliste, qui fait toujours tout pour ignorer les forces matérielles et les forces sociales, les hégémonies et les conflits, les rapports sociaux et les rapports de force, et qui finalement nous laisse quoi comme possibilité ? Réformer l’Homme ? On sait déjà comment ça se finit : par le tri des déchets et l’apologie des « petits gestes » qui « permettront de tout changer ». Or voilà : <mark>les petits gestes pour tout changer sont précisément des béquilles pour tout reconduire, donc pour ne rien changer.</mark></p> | |||
<p><cite><em><a href="https://www.revue-ballast.fr/frederic-lordon-la-multitude-mobilisee-en-masse-est-lunique-solution/">« La multitude mobilisée en masse est l’unique solution »</a></em> (<a href="/david/cache/2021/83a8fca8b84f0b396b4330924c9387dc/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,469 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #climat — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #climat"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #climat</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/02/" title="Lien permanent vers cet article">Gentrification climatique</a> (2021-01-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>If, because of what we learned in the Covid Pandemic, a good job no longer requires someone to live in a low lying flood-prone city like Miami or NYC or a city that is burning like SF or LA, we will see many people in the US choose to leave those places and <mark>adopt new homes that are less impacted by the climate crisis</mark>.</p> | |||
<p><cite><em><a href="https://avc.com/2021/01/what-is-going-to-happen-in-2021/">What Is Going To Happen In 2021</a></em> (<a href="/david/cache/2021/837e11a57aa3ddcba084963c247f45a6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les riches vont continuer à fuir les conséquences de leur train de vie en regardant des séries Netflix. Les pauvres n’auront qu’à écoper et faire des barbecues, tout en livrant des menus végétariens à base d’avocats le midi et des colis Amazon remplis de produits jetables le soir.</p> | |||
<p>Ceci est une auto-critique. <strong>J’ai bien conscience d’être un privilégié climatique.</strong> D’avoir pu <em>choisir</em> le Canada comme destination aussi pour des raisons d’ordre écologique. Et d’être parmi les personnes qui polluent le plus, ne serait-ce que par mon revenu — et ma nationalité — qui me permettent entre autres de prendre l’avion. Il serait déplacé de dire que j’en souffre.</p> | |||
<blockquote> | |||
<p>Le luxe n’est pas un état mais le passage d’une ligne, le seuil où, soudain, disparaît toute souffrance.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/08/" title="Lien permanent vers cet article">Holisme écologique</a> (2021-01-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il devint clair pour moi que c’était l’<em>unité</em> de mes opinions — leur <mark>holisme écologique</mark>, pas seulement leurs composantes individuelles — qui leur donnait une force radicale. Qu’une société soit décentralisée, qu’elle utilise l’énergie solaire ou éolienne, qu’elle cultive biologiquement ou qu’elle réduise la pollution : aucune de ces mesures à elle seule ou même en association limitée ne fait une société écologique. Pas plus que des étapes fragmentaires, même bien intentionnées, ne résolvent même partiellement des problèmes qui ont atteint un caractère universel, global et catastrophique. Au contraire, des « solutions » partielles servent seulement de cosmétique pour dissimuler la nature profonde de la crise écologique. Elles détournent ainsi l’attention publique et la connaissance théorique d’une compréhension adéquate de la profondeur et de l’étendue des changements nécessaires.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Suite de mes <a href="/david/stream/2018/09/03/">aventures</a> pour réduire ma consommation d’animaux tués pour mon plaisir. <strong>Pour essayer de former un tout cohérent dans mes comportements autour du vivant.</strong> Il me reste encore quelques points de friction tenaces :</p> | |||
<ol> | |||
<li>Réduire ma consommation d’œufs : difficile pour l’instant car c’est ma principale source d’acides aminés essentiels et j’ai la croyance que je n’ai pas trop à me soucier de prendre des compléments dans cette situation. À creuser, c’est probablement faux et j’ai peut-être d’autres carences comme la vitamine B12 même si je fais attention.</li> | |||
<li>Statuer sur la laine et la fourrure/cuir : il faudrait que je fasse un article complet sur les bienfaits de la laine lorsqu’on passe du temps en forêt et la fourrure est culturellement très ancrée par ici. Je m’auto-convaincs que l’utilisation des chutes issues de la chasse par les Premières Nations est un moindre mal mais ça ne va pas tenir bien longtemps.</li> | |||
<li>Et la pêche ?! Ce qui est rassurant c’est que je n’ai pas réussi à me nourrir de plus de 5 poissons depuis que je suis au Canada :D. Et je dois avouer que la mise à mort de ma dernière « prise » a été difficile à accepter. Suffisamment pour que <a href="/david/blog/2018/bivouac-automnal/">le doute</a> se fasse de plus en plus insistant. J’ai maintenant <a href="/david/2020/10/28/">une autre</a> <a href="/david/stream/2019/07/30/">source d’occupation</a>.</li> | |||
</ol> | |||
<p>Pourquoi en parler aujourd’hui ? Rien à voir avec une éventuelle résolution mais la conjonction de plusieurs lectures simultanées :</p> | |||
<ol> | |||
<li>Le fait que la Covid a probablement <a href="https://reporterre.net/Les-elevages-de-visons-en-Chine-a-l-origine-du-Covid-19-Les-indices-s-accumulent">pour origine les élevages produisant de la fourrure</a> (<a href="/david/cache/2021/22172cf6d8f4f1e910ed6599b3557c8a/">cache</a>) ce qui m’a renvoyé vers <a href="https://www.actasia.org/wp-content/uploads/2019/10/China-Fur-Report-7.4-DIGITAL-2.pdf">ce document</a> (<a href="/static/david/2021/china-fur-report.pdf">cache</a>, 6Mo) expliquant la situation en Chine. Au passage, on s’éloigne du récit du pauvre chinois qui est obligé d’aller chasser des animaux sauvages pour manger et qui transmet la maladie ainsi. Dans ce scénario, l’origine de cette maladie devient encore une fois… les riches.</li> | |||
<li>Le fait que l’on soit en train d’abattre des centaines de milliers de canards dans le Sud-Ouest français après les avoir torturés afin de lutter contre la « nouvelle » grippe aviaire (il y en aura d’autres, comme les covids). Quel massacre inutile.</li> | |||
<li>Mon dégoût de plus en plus prononcé pour la chasse et les <a href="https://reporterre.net/Des-chasseurs-massacrent-sadiquement-des-sangliers-a-l-arme-blanche">pratiques odieuses</a> (<a href="/david/cache/2021/28242a5ba209770efabfdbe5a6718719/">cache</a>) des chasseurs. De ce besoin de domination de l’homme sur l’animal et en fait sur tout autre être vivant.</li> | |||
</ol> | |||
<p>Merci aux personnes qui m’ont fait évoluer au fil des années sur le sujet sans que je sois suffisamment réactif de mon côté, notamment <a href="http://emmanuel.clement.free.fr/">Emmanuel</a>. C’est par petits coups de rame successifs que j’arrive à réajuster le cap. Et par petits exemples que je montre un autre cap possible aux suivant·e·s.</p> | |||
<blockquote> | |||
<p>Rentré au lac, j’attrape mon premier poisson à cinq heure le soir. Un deuxième trois minutes plus tard et un troisième une heure et demie après. Trois ombles vif-argent, électrisés par la colère, luisent sur la glace. La peau est traversée d’impulsions électriques. Je les tue et regarde la plaine en murmurant ces mots de gratitude que les Sibériens adressaient autrefois à la bête qu’ils détruisaient ou au monde qu’ils contribuaient à vider. Dans la société moderne, la taxe carbone remplace ce <mark>« merci — pardon »</mark>.<br /> | |||
Le bonheur d’avoir dans son assiette le poisson que l’on a pêché, dans sa tasse l’eau qu’on a tirée et dans son poêle le bois qu’on a fendu : l’ermite puise à la source. La chair, l’eau et le bois sont encore frémissants.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/11/" title="Lien permanent vers cet article">Nucléaire</a> (2021-02-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le principal problème de ces centrales n’est pas forcément le risque d’accident (le nucléaire tue ou a tué beaucoup moins de monde que toutes les autres énergies prises individuellement et à production d’énergie égale), mais plutôt le fait que cela nous laisse avec des produits de fission sur les bras : les fameux « déchets nucléaires ».</p> | |||
<p>Ces déchets sont des matériaux souvent instables et radioactifs (donc dangereux), mais inexploitable à ce jour. Du coup, on doit les stocker sur le très long terme (100 000 ans).</p> | |||
<p>Ceci n’est pas, au passage, sans rappeler le CO<sub>2</sub> issu de la production d’énergie par le charbon ou le gaz, qui <mark>lui aussi est un déchet stocké [dans l’atmosphère] pour des millions d’années</mark> où il est responsable d’une pollution sans précédent et provoquant le réchauffement climatique et ses conséquences mortelles.</p> | |||
<p><cite><em><a href="https://couleur-science.eu/?d=268bbb--comment-fonctionne-une-centrale-nucleaire">Comment fonctionne une centrale nucléaire ?</a></em> (<a href="/david/cache/2021/75d7cccf22ce15ad026621e8e753d65b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne l’avais jamais envisagé ainsi. J’aime être un peu bousculé dans mes croyances <em>juste</em> par une changement de perspective. Deux neurones se connectent pour créer un nouveau chemin de pensées.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/11/" title="Lien permanent vers cet article">Apocalypse</a> (2021-04-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Activist Julian Brave NoiseCat, a member of the Canim Lake Band Tsq’escen, told me that he thinks <mark>indigenous tribes and nations already live in a post-apocalyptic world</mark>. They were nearly wiped out by the violence and disease brought by foreign invaders — but they survived. And that’s in part why he has thrown himself into the process of rebuilding the nation to be more resilient.</p> | |||
<p>[…]</p> | |||
<p>The idea of collapse is appealing because it allows us to handwave away the political reality of how civilizations transform.</p> | |||
<p><cite><em><a href="https://www.washingtonpost.com/outlook/2021/04/01/civilization-collapse-rome-angkor-harappa/">Civilizations don’t really die. They just take new forms.</a></em> (<a href="/david/cache/2021/6219b1dac7dfe7295ebf8cde73f0faa4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai cet article qui me trotte en tête depuis quelques jours. Je veux bien parler de transition mais si l’état d’arrivée est proche de la survie ça ne me semble pas être super enthousiasmant. C’est cool d’éviter l’extinction mais à quel prix ? <em>Et pour quels futurs ?</em></p> | |||
<p>J’ai relativement conscience qu’une partie du monde vit déjà dans un contexte que l’on pourrait qualifier de <em>post-apocalyptique</em> pour un·e riche occidental·e. C’est peut-être le fait d’avoir connaissance du précédent état qui est le plus anxiogène… #RichTears</p> | |||
</details> | |||
<h2><a href="/david/2021/05/11/" title="Lien permanent vers cet article">Paradigme</a> (2021-05-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>All of this is technically possible, and as we have seen, it would produce less in emissions than the present alternatives. However, it’s more likely that a switch to sailing ships is accompanied by a decrease in cargo and passenger traffic, and this has everything to do with scale and speed. <mark>A lot of freight and passengers would not be travelling if it were not for the high speeds and low costs of today’s airplanes and container ships.</mark></p> | |||
<p>It would make little sense to transport iPhones parts, Amazon wares, sweatshop clothes, or citytrippers with sailing ships. A sailing ship is more than a technical means of transportation: it implies another view on consumption, production, time, space, leisure, and travel.</p> | |||
<p><cite><em><a href="https://solar.lowtechmagazine.com/2021/05/how-to-design-a-sailing-ship-for-the-21st-century.html">How to design a sailing ship for the 21st century?</a></em> (<a href="/david/cache/2021/708cb8c67ef96647f6f5366eca70adb0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un superbe article sur ce que signifierait « aller vers de la navigation moins carbonée » et un bon rappel qu’un changement de paradigme entraine une évolution des mentalités et des usages associés.</p> | |||
<p>J’imagine chaque bateau transportant son instance de <a href="https://en.wikipedia.org/wiki/Secure_Scuttlebutt">Secure Scuttlebutt</a> (qui n’aurait jamais aussi bien porté son nom) ou échangeant des fichiers à chaque fois qu’il croise un autre navire avec <a href="https://en.wikipedia.org/wiki/InterPlanetary_File_System">IPFS</a>. On irait attendre des messages numériques comme on attendait probablement le courrier il y a un siècle, au port.</p> | |||
<p>À quoi ressemblerait un transport… de données pour le 21<sup>e</sup> siècle ?</p> | |||
</details> | |||
<h2><a href="/david/2021/06/15/" title="Lien permanent vers cet article">Avihonte</a> (2021-06-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais ce sont surtout les voyageurs qui ont assumé le plus gros de la facture. Ils ont injecté, <mark>malgré eux</mark>, près d’un demi-milliard de dollars dans l’industrie hôtelière des régions aéroportuaires de Montréal, de Toronto, de Calgary et de Vancouver en raison de l’obligation de passer trois nuits à l’hôtel à leur arrivée au pays, indique une compilation de données de l’Agence de la santé publique du Canada.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/611013/coronavirus-pres-d-un-demi-milliard-en-quarantaines-a-l-hotel">Près d’un demi-milliard en quarantaines à l’hôtel</a></em> (<a href="/david/cache/2021/fe86338cdff8eadf86f65708a4f19ebd/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je suis bien parti pour prendre un vol transatlantique fin 2021, report d’un précédent voyage annulé à cause de/grâce à la pandémie. Je ne sais pas trop comment est-ce que j’arrive encore à monter dans un avion. La dernière fois j’ai eu mal au dos pendant 6 mois, principalement en raison de la culpabilité que j’éprouvais à étaler ma richesse sous forme de CO<sub>2</sub> aux narines de tou·tes. Salir pour mieux s’ap·propre·ier le monde aurait dit Michel Serres.</p> | |||
<p>Finalement, cette quarantaine imposée à l’arrivée au Canada est peut-être l’impôt le plus juste et vert qui ait jamais existé… s’il avait <em>atterri</em> dans les caisses de l’État. Ou peut-être encore mieux, dans le financement de la préservation d’espaces réservés aux chauves-souris.</p> | |||
<p>Cynisme, quand tu nous tiens…</p> | |||
<blockquote> | |||
<p>Pour mettre ces chiffres en perspective, le voyage aérien c’est autour de <a href="https://core.ac.uk/download/pdf/30987495.pdf">5% des émissions de l’humanité</a> (<a href="https://theconversation.com/impact-du-transport-aerien-sur-le-climat-pourquoi-il-faut-refaire-les-calculs-116534">attention à bien compter tous les effets et pas seulement le kérosène brulé</a>), alors que <a href="https://www.alternatives-economiques.fr/faut-arreter-de-prendre-lavion/00089449">90% des humains n’ont jamais pris l’avion</a>. Les émissions des pays pauvres en forte croissance démographique sont <mark>négligeables</mark> aujourd’hui par rapport à celles des pays riches. C’est tout aussi vrai pour l’historique des émissions passées, celles qui ont déjà réchauffé le climat et continuent à le transformer aujourd’hui : <a href="https://ourworldindata.org/co2-and-other-greenhouse-gas-emissions#the-long-run-history-cumulative-co2">la grande majorité est due aux pays développés</a>.</p> | |||
<p><cite><em><a href="https://medium.com/enquetes-ecosophiques/d%C3%A9mographie-et-climat-5a6ef5be37ed">Démographie et climat</a></em> (<a href="/david/cache/2021/b3cc2d11841a4042ce64d51e5eb1a687/">cache</a>)</cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Karl a répondu avec : <a href="https://www.la-grange.net/2021/06/22/quarantaine">quarantaine mobile</a> (<a href="/david/cache/2021/34b646fb73c36f9fa7255986e0b85db3/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/06/22/" title="Lien permanent vers cet article">Argent</a> (2021-06-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>De la même façon qu’une banque a une empreinte indirecte via ses financements et investissements, notre argent en tant que cliente et client, en a également une.</p> | |||
<p>Notre dernier rapport sur l’empreinte carbone des banques révèle que notre argent représente notre premier poste d’émissions CO2. Malheureusement, le modèle actuel des banques empêche tout droit de regard sur notre argent et l’utilisation qui en est faite. <mark>Notre argent a donc un impact social et environnemental que nous ne pouvons pas vraiment maîtriser.</mark></p> | |||
<p>Il est urgent que les banques françaises enclenchent réellement leur transition écologique. Et pour changer de logiciel, nous avons besoin d’une vraie régulation de leurs activités, par le biais d’une intervention de l’Etat.</p> | |||
<p><cite><em><a href="https://oxfam-impact-banques.telescoop.fr/">Quelle est l’empreinte carbone de mes comptes bancaires ?</a></em></cite></p> | |||
</blockquote> | |||
<p>Ce petit calculateur est tout simple et vous donne une idée en fonction de votre « fortune » et de votre banque française de l’impact que peut avoir cet argent sur la production de CO<sub>2</sub>. Je ne m’attendais pas à un tel rapport, c’est assez hallucinant. Il y a une <a href="https://www.oxfamfrance.org/climat-et-energie/calculez-lempreinte-carbone-de-votre-compte-bancaire/">page dédiée sur le site d’oxfam</a> (<a href="/david/cache/2021/5c985a9ca21251391839581308334ff7/">cache</a>) si vous voulez plus de détails ou alors directement <a href="https://www.oxfamfrance.org/wp-content/uploads/2020/10/rapportBanque_OXFAM_v5.pdf">le rapport</a> (<a href="/static/david/2021/rapportBanque_OXFAM_v5.pdf">cache - PDF de 1,7 Mo</a>).</p> | |||
<p>Je crois que si j’avais des économies ça me mettrait un gros coup au moral. À ce compte là, peut-être qu’il vaut mieux parfois dépenser son épargne en <a href="/david/2021/06/15/" title="Avihonte">billets d’avion</a>. <em>Oh wait!</em></p> | |||
<p>Et si vous pensiez pouvoir vous en tirer avec des « livrets verts » et compagnie, je vous invite à lire ce <a href="https://www.greenpeace.ch/fr/publication/69237/fonds-investissements-durables/">rapport de Greenpeace</a> (<a href="/static/david/2021/greenpeace_greenwashing_resume.pdf">résumé en français, 6 pages - PDF de 1,4 Mo</a>, <a href="/static/david/2021/greenpeace_greenwashing_complet.pdf">complet en anglais, 110 pages - PDF de 1,7 Mo</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/06/27/" title="Lien permanent vers cet article">Sécheresse</a> (2021-06-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ces 4 dernières années, durant l’été on a atteint entre 80 et 90 départements en situation de crise au niveau de leurs masses d’eaux profondes. Pourtant on sait très bien que la France est un climat tempéré, avec des masses d’eau extrêmement importantes.</p> | |||
<p>[…]</p> | |||
<p>L’ONU l’a prévenu la semaine dernière : « <mark>La sécheresse est sur le point de devenir la prochaine pandémie</mark> et il n’existe aucun vaccin pour la guérir. La majeure partie du monde vivra avec un stress hydrique ».</p> | |||
<p><cite><em><a href="https://nourrituresterrestres.substack.com/p/cri-alarme-hydrologue-emma-haziza">#39 : Le cri d’alarme de l’hydrologue Emma Haziza</a></em> (<a href="/david/cache/2021/e53ad7a748d59824b3323099fdeb5c48/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>La <a href="https://fr.wikipedia.org/wiki/Rivi%C3%A8re_des_Prairies">rivière</a> à côté de mon lieu de vie est extrêmement basse. J’ai presque peur d’aller vérifier les débits historiques pour confirmer ou pas ce qui se voit à l’œil nu. De l’autre côté du pays/continent, <a href="https://www.ledevoir.com/societe/environnement/614286/un-dome-de-chaleur-amene-des-temperatures-records-dans-l-ouest-canadien">c’est pire</a> (<a href="/david/cache/2021/7442a8dc900baeaf21294390536024db/">cache</a>).</p> | |||
<p>On vit un nouvel épisode caniculaire et tou·tes les voisin·es ont la climatisation qui tourne à fond. La fin de semaine dernière, je vais chercher mes œufs bio en vélo pour constater qu’il y avait une file de SUV climatisés qui attendaient leur tour devant le pickup de livraison. Et je ne parle même pas de la sortie de l’école, des piscines, <a href="/david/stream/2019/07/02/">des pelouses, des tondeuses et autres barbecues</a>.</p> | |||
<p>Plus tard dans la semaine, je tombe sur cette phrase qui me <a href="https://www.youtube.com/watch?v=oNJo-E4MEk8">fait penser à Franck Lepage</a> :</p> | |||
<blockquote> | |||
<p>« Les vagues de chaleur sont de plus en plus fréquentes et intenses, car les concentrations de gaz à effet de serre entraînent une hausse des températures mondiales. Elles commencent plus tôt et se terminent plus tard et prélèvent un coût croissant sur la santé humaine et les systèmes de santé », a averti mardi l’Organisation météorologique mondiale, installée à Genève.</p> | |||
<p><cite><em><a href="https://www.lemonde.fr/planete/article/2021/06/30/le-canada-subit-une-canicule-des-dizaines-de-morts-subites-dans-la-region-de-vancouver_6086286_3244.html">La canicule au Canada jugée responsable d’une centaine de morts dans la région de Vancouver</a></em> (<a href="/david/cache/2021/cf2952fa1898656b9a6d99ca299ddd2f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><q>prélèvent un coût croissant sur la santé</q> pour dire que <em>ça tue des personnes</em> c’est quand même d’un sacré niveau…</p> | |||
<figure> | |||
<a href="#madagascar_canada" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar" | |||
loading="lazy" width="800" height="450" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="madagascar_canada"> | |||
<img src="/static/david/2021/madagascar_canada.jpeg" alt="Mème sur le biais de médiatisation entre les morts de la canicule au Canada et la famine climatique à Madagascar" | |||
loading="lazy" width="800" height="450" /> | |||
</a> | |||
<figcaption>Au passage, à qui donner l’attribution d’un « mème » ? L’auteur·ice de la photo, du texte, de la diffusion ?!</figcaption> | |||
</figure> | |||
<p>Comment rendre l’insupportable suffisamment visible aux principaux responsables qui s’achètent des cocons tempérés tout au long de l’année ?</p> | |||
<blockquote> | |||
<p>Et je me suis posé une question. Je crois me renseigner, me documenter, me tenir informé et essayer de prendre pleinement conscience, à mon rythme et à mon échelle. Mais je ne suis pas un scientifique spécialisé dans le climat. Et je me demande à quel point je comprends effectivement la situation dans laquelle nous sommes. <mark>Est-ce que je comprends réellement ce qu’il se passe ?</mark> Ça n’est pas certain.</p> | |||
<p>Et aussi, en admettant que je comprenne correctement certains points, à quel point est-ce que je me complais dans une forme de déni ? Je repense à ce message que j’ai vu je ne sais plus où (je paraphrase selon mon souvenir) : « ce qu’il se passe avec la crise climatique, c’est comme si on disait au monde qu’il y a une urgence car une énorme météorite va venir détruire la vie sur Terre telle qu’on la connaît, et que chacun continue sa petite vie comme si de rien n’était ».</p> | |||
<p><cite><em><a href="http://shl.huld.re/~f6k/log/vol11/102-eau.html">Journal de f6k, vol. 11 num. 102</a></em> (<a href="/david/cache/2021/d61a48db32e2449d702ec5e558afbfa4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Le problème de la métaphore de la météorite c’est qu’elle ne donne pas conscience de l’alimenter chaque jour un peu plus…</p> | |||
<hr /> | |||
<p>David B. me suggère le site <a href="http://secheresses.fr/">sécheresses</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/15/" title="Lien permanent vers cet article">Nocturne</a> (2021-07-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But hot spells that take locals by surprise remain a concern, especially in cities. A phenomenon called the urban heat island effect can raise temperatures in areas with lots of heat-holding concrete and a dearth of trees by several degrees compared to surrounding areas. That means <mark>densely packed metropolises can fall into the danger zone</mark> while folks in the suburbs feel fine.</p> | |||
<p><cite><em><a href="https://www.popsci.com/health/heat-stroke-dangerous/">How heat can kill you</a></em> (<a href="/david/cache/2021/bd7430f1a9799a02760a35f78844a772/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me demandais l’autre fois si l’espèce humaine n’allait pas devoir devenir nocturne pour pouvoir rester active au moment où les températures sont vivables. Avec des dortoirs climatisés pour les urbains le jour, le mode de vie diurne deviendra peut-être un luxe.</p> | |||
<p>Compte-tenu du nombre d’espèces que nous avons rendues nocturnes par notre présence et nos activités, ce ne serait qu’un juste retour des choses que nous y soyons contraint·es à notre tour.</p> | |||
<p>J’ose parfois espérer que <a href="/david/2020/12/21/#dune">Dune</a> ne soit pas un roman d’anticipation…</p> | |||
<blockquote lang="en"> | |||
<p>The costs of inaction are also already playing out in American life. More than 100 people were killed by the oppressive heat in Oregon last month, part of a larger record-breaking heat dome event that cumulatively caused more than 800 deaths across the Pacific Northwest.</p> | |||
<p><cite><em><a href="https://heated.world/p/what-can-i-do-anything">“What can I do?” Anything.</a></em> (<a href="/david/cache/2021/5d9b6bdd174bb8e2a6fca95b6e68edb0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/15/" title="Lien permanent vers cet article">B(r)ouillon</a> (2021-08-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ce sentiment qu’un tumulte gronde, frémit, que des curseurs sont poussés à bout. Bouillon d’horreurs où la dignité finira par faire place à la rebellion, à une autre forme de violence. Plus pure, sans limites autres que cet espace fini. Nous avons plastiqué ce monde sans prendre conscience qu’il allait finir par exploser. Un nouveau cycle, un tour de plus, voilà ce que nous promet la révolution. Cet espoir d’être le point de départ d’une n-ième répétition.</p> | |||
<p>Où vaudra-t-il mieux être alors ? Que voudra dire « mieux » dans un tel contexte ? A-t-on vraiment ce choix ?</p> | |||
<blockquote> | |||
<p>Souvent, la compréhension facile est un réflexe comparable à celui du genou et constitue la forme d’<em>entendement</em> la plus dangereuse qui puisse exister. Tel un écran aveugle et scintillant, elle annihile votre faculté d’apprendre. Le système juridique des précédents fonctionne de la même manière et encombre votre parcours d’impasses. Vous voilà prévenus. Ne <em>comprenez</em> jamais rien. <mark>Toute appréhension de la réalité ne saurait être que temporaire.</mark></p> | |||
<p><cite><em>Fixe mentat (adacto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#ecureuil-qui-dort" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ecureuil-qui-dort"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Une branche sur laquelle oublier les remous de ce monde.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/05/" title="Lien permanent vers cet article">Silence</a> (2021-09-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Such a transformation of the environment from a commons to a productive resource constitutes the most fundamental form of environmental degradation. […] The task must be undertaken urgently because <mark>commons can exist without police, but resources cannot.</mark> Just as traffic does, computers call for police, and for ever more of them, and in ever more subtle forms.</p> | |||
<p>By definition, resources call for defense by police. Once they are defended, their recovery as commons becomes increasingly difficult. This is a special reason for urgency.</p> | |||
<p><cite><em><a href="http://www.davidtinapple.com/illich/1983_silence_commons.html">Silence is a Commons by Ivan Illich</a>, 1982</em> (<a href="/david/cache/2021/20345aead1f8d541a0819dfc5a0dbc6d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai eu du mal à trouver l’extrait le plus pertinent de cette intervention qui a mon âge et qui n’a pas pris une ride… elle. La clairvoyance d’Illich me surprendra toujours.</p> | |||
<p><mark>Le lendemain</mark>, Llu m’invite à creuser la <a href="https://bribesdereel.net/Spinoza-penser-numerique">piste de Spinoza</a> (<a href="/david/cache/2021/12aa0cc26a4a578b6467414d5250206a/">cache</a>) aussi. Réservé à la bibliothèque.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/14/" title="Lien permanent vers cet article">Lutte</a> (2021-09-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>“From an Indigenous perspective, when we are confronting the climate crisis we are inherently confronting the systems of colonization and white supremacy as well,” Goldtooth said. “In order to do that, you have to reevaluate how you relate to the world around you and define what your obligations are to the world around you. It’s more than just stopping fracking development and pipelines and it’s more than just developing clean energy, it’s about actually fundamentally changing how we see the world itself.”</p> | |||
<p>[…]</p> | |||
<p>“When you take a step back and look at the work that Indigenous peoples have put in over the years and decades, <mark>it really goes to show that we collectively are making a tremendous impact for the benefit of this planet</mark>,” Goldtooth told Grist.</p> | |||
<p>“It backs up what we’ve constantly been saying,” he added, “recognizing Indigenous Rights protects the water, protects the land, and protects our futures.”</p> | |||
<p><cite><em><a href="https://grist.org/protest/indigenous-resistance-has-cut-u-s-and-canadas-annual-emissions/">Indigenous resistance has cut U.S. and Canada’s annual emissions</a></em> (<a href="/david/cache/2021/37c5b14ca3ae3079847fecc90deeddc0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Au-delà des chiffres, il y a ce constat à la lecture du <a href="https://www.ienearth.org/wp-content/uploads/2021/09/Indigenous-Resistance-Against-Carbon-2021.pdf">rapport</a> (PDF, 4 Mo, <a href="/static/david/2021/Indigenous-Resistance-Against-Carbon-2021.pdf">cache</a>) que (seule ?) la lutte fonctionne. Merci aux personnes qui <em>sont</em> cette lutte, qui incarnent la résistance dont nous avons besoin pour survivre.</p> | |||
<p>Imaginez un peu si la <a href="/david/2021/09/13/" title="Démission">grande démission</a> se transformait en grande action collective… on pourrait appeler ça le Grand Matin pour changer un peu.</p> | |||
<hr /> | |||
<p>Une vidéo du dernier <a href="https://peertube.fedi.quebec/w/44341428-aef7-458e-8309-779e83aa851f">Grand Solstice</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/18/" title="Lien permanent vers cet article">Oligarchie</a> (2021-11-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Selon vous, les énergies fossiles ont notamment permis l’émergence de la classe moyenne. La fin de l’énergie abondante la condamne-t-elle ?</p> | |||
<p>A terme, ça la remet en question de façon évidente. Avec l’énergie, on a vu l’émergence du confort matériel chez tous, du pouvoir d’achat pour tous. Et la modification du type d’activité avec le développement du secteur tertiaire. Est-ce que la décrue énergétique va permettre de conserver ce genre de travail, de services ? A terme, pas dans les mêmes volumes. <mark>La société va devoir se structurer différemment.</mark></p> | |||
<p><cite><em><a href="https://jancovici.com/publications-et-co/interviews/une-interview-dans-le-un-en-novembre-2021/">Une interview dans Le Un en novembre 2021</a></em> (<a href="/david/cache/2021/64ee5051fec3060fea59c93823222ca1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Tout l’enjeu climatique est là. Les personnes en capacité d’enrayer cette débauche d’énergies sont les mêmes qui vont constituer cette future oligarchie de riches à l’abri des conditions qu’elles auront créées.</p> | |||
<p>À partir de ce postulat, il faut :</p> | |||
<ul> | |||
<li>soit essayer de faire partie de ces 5 % en fermant les yeux sur le reste de la population (c’est ce que font les 25 % actuels sans prendre conscience qu’il n’y aura pas autant de places à la fin) ;</li> | |||
<li>soit redonner le contrôle à davantage de personnes pour influer sur le sort de l’humanité (ça fait pompeux mais on en est malheureusement là…) ;</li> | |||
<li>soit accepter de terminer sa vie dans les 15 prochaines années (et après moi le déluge #OhWait).</li> | |||
</ul> | |||
<p>J’aimerais tant être surpris.</p> | |||
<blockquote> | |||
<p>Sauf à avoir un visionnaire à la tête de l’Etat. Mais ça, ça demande une période de crise. Et nous n’y sommes pas encore suffisamment enfoncés.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Au passage, aller vivre dans un éco-hameau (ou ses déclinaisons) ça s’assimile de plus en plus pour moi à du survivalisme-doux-qui-fait-l’autruche sur une situation généralisée. C’est peut-être rassurant et nécessaire à la santé mentale de quelques privilégié·es mais ça ne permettra pas de tenir bien longtemps sans prise de conscience et d’action globale.</p> | |||
<hr /> | |||
<p><mark>Découvert depuis :</mark> <a href="https://fr.wikipedia.org/wiki/Mao-spontex">Mao-spontex</a>.</p> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote> | |||
<p>Mais puisqu’on évoque une pragmatique de la réception, je crains juste que « écosocialisme » ait par trop les airs d’une catégorie interne à la grammaire capitaliste et ne sonne que comme la énième proposition de l’« infléchir ». On pourrait dire que c’est habile, que ça permet d’avancer masqué et de tromper son monde — je n’aurais rien contre ce genre d’habileté. On peut dire aussi, symétriquement, que ça prépare à toutes les neutralisations. Au total, j’en reviens à un argument assez rustique : « communisme » est ce qui se déduit dans l’ordre de l’affirmation positive d’une prémisse sans équivoque anticapitaliste.</p> | |||
<p>[…]</p> | |||
<p>Andreas Malm a fait litière de cet absurde « Anthropocène » dont le nom même n’est qu’un évitement : un de ces stratagèmes gélatineux typiques de l’idéalisme moraliste, qui fait toujours tout pour ignorer les forces matérielles et les forces sociales, les hégémonies et les conflits, les rapports sociaux et les rapports de force, et qui finalement nous laisse quoi comme possibilité ? Réformer l’Homme ? On sait déjà comment ça se finit : par le tri des déchets et l’apologie des « petits gestes » qui « permettront de tout changer ». Or voilà : <mark>les petits gestes pour tout changer sont précisément des béquilles pour tout reconduire, donc pour ne rien changer.</mark></p> | |||
<p><cite><em><a href="https://www.revue-ballast.fr/frederic-lordon-la-multitude-mobilisee-en-masse-est-lunique-solution/">« La multitude mobilisée en masse est l’unique solution »</a></em> (<a href="/david/cache/2021/83a8fca8b84f0b396b4330924c9387dc/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,317 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #contemplation — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #contemplation"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #contemplation</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/20/" title="Lien permanent vers cet article">Apaisement</a> (2021-02-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ma conviction est également que ce n’est pas au plus fort de l’urgence, dans un contexte de pénurie et de violence, que l’on organise des réseaux d’entraide, qu’on conceptualise un horizon de société, qu’on trouve un sursaut de dignité et qu’on se fixe des principes politiques. La solidité de l’organisation collective et des réseaux de solidarité dépendra de la fiabilité des ressources appelées à remplacer l’industrie agroalimentaire et pétrolière, et celles-ci ne s’inventeront pas quand il s’agira de survivre. <mark>C’est aujourd’hui que l’après se construit.</mark></p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>On me demande souvent pourquoi est-ce que je suis au Canada (venant autant de français·es que de québécois·es). Et c’est une réponse difficile. J’ai du mal à décrire l’« ambiance » d’un lieu de vie. Pour les personnes le partageant, elle est difficile à rendre tangible tant elle semble naturelle. Pour les personnes distantes, c’est tout de suite l’exotisme et ses clichés. J’avais la même difficulté — si ce n’est plus — pour le Japon.</p> | |||
<p>Je crois que la prochaine fois, je répondrai que ce lieu me procure <em>une forme d’apaisement</em>. Je ne sais pas comment justifier une telle émotion et j’ai bien conscience qu’il y a une attente de cet ordre lorsqu’on me pose cette question. Tant pis pour la curiosité.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/27/" title="Lien permanent vers cet article">Immersion</a> (2021-03-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai un micro fabuleux depuis Noël (merci !) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.</p> | |||
<p>En reliant le micro à un casque, j’arrive à percevoir des sons bien au-delà de ma portée actuelle, c’est limite choquant d’arriver à écouter distinctement une conversation qui est à plusieurs dizaines de mètres. Si j’ajoute des jumelles, j’ai l’impression d’être à côté de l’oiseau en observation et d’entendre chacun de ses mouvements. Au printemps, c’est fabuleux.</p> | |||
<p>Je vais essayer de vous partager le son, j’aimerais bien le combiner à une <em>timelapse</em> que j’espère faire dans la semaine. Il faut vraiment que je m’entraine, la dernière tentative j’étais resté en mode vidéo et ça m’a fait 300 vidéos d’une seconde… qui en plus était en cours de mouvement par la <em>gimbal</em>. #n00b</p> | |||
<p>Mise à jour : la combinaison des deux s’intitule <a href="https://vimeo.com/531066432/da724b9b29">Timelapson</a>, il faut que je trouve comment rendre le son plus net en enlevant la fréquence de la voie rapide dans le fond.</p> | |||
<p><em>Écouté depuis : <a href="https://ici.radio-canada.ca/recit-numerique/2193/son-immersif-vanuatu-trois-dimensions">Le Vanuatu en son 3D</a>, merci <a href="http://shl.huld.re/~f6k/log/vol11/19-vanuatu.html">f6k</a> (<a href="/david/cache/2021/5243221f38525040d87e7407b08e1ff5/">cache</a>) !</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/17/" title="Lien permanent vers cet article">Jour 2</a> (2021-04-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ce désir de dormir est pour une large part une forme de régression, une volonté de retourner à l’enfance et d’être libéré de la charge de tension liée au fait de grandir et de devoir assumer de nouvelles responsabilités. Les contraintes d’identité deviennent trop lourdes à porter et elles appellent un soulagement symbolique. Une recherche d’effacement provisoire surtout quand le jeune peine à se construire.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>La nuit a été en pente mais surtout bruyante dès 4 heures du matin, au printemps tous les oiseaux s’en donnent à cœur joie : des bernaches aux huards, en passant par les canards et les pics en tout genre. Le bon côté c’est que ça me motive pour sortir du duvet et apprécier la lumière du matin. Au programme de la journée : continuer mon exploration en laissant au campement ce qui m’est moins utile.</p> | |||
<p>Je poursuis mon tour de lac et ça devient de plus en plus sauvage, je finis par arriver à un emplacement encore plus chouette que le précédent, joie ! Je retourne chercher toutes mes affaires avec le sourire. Un aller-retour plus tard, j’ai moins le sourire car je me rends compte qu’un pseudo-confinement d’une année ça laisse des muscles relativement atrophiés (c’est pas du tout le fait de se trimbaler un sac de plus de 18 kilos à crapahuter entre les troncs d’arbres abattus par l’hiver). Le bon côté de la chose c’est qu’arrivé là, les (mal)chances que je croise quelqu’un sont assez minimes. J’apprécie à sa juste valeur ce moment.</p> | |||
<p>C’est aussi l’endroit parfait pour une <a href="/david/2021/03/30/" title="Timelapse">timelapse</a> de soleil couchant sur le lac ou de ciel étoilé… si j’avais encore de l’énergie dans ma seconde — et dernière — batterie ! Heureusement, le ciel est tellement bouché que je ne vais pas être trop frustré. Je songe un instant à forcer un connecteur USB-C dans un micro-USB et je m’en vais méditer là-dessus en faisant une sieste dans le hamac.</p> | |||
<p>Je termine la journée sans penser à faire des vidéos et en me focalisant sur cet instant, j’explore encore un peu la suite du tour du lac qui n’est plus du tout balisé, si ce n’est par les chemins de biches. Cela fait mûrir un projet de périple <em>packrafting</em> en enchaînant une boucle sur plusieurs lacs. J’essaye de ne pas trop analyser ce sentiment de libération de ne plus avoir à faire des vidéos.</p> | |||
<p>Le coucher de soleil est moche et il fait froid mais je suis content d’avoir cuisiné une nouvelle recette tout en contemplant le ballet des castors. Je m’endors en me demandant pourquoi ce monde est toujours en pente. Peut-être pour que l’on ait conscience qu’il faille s’y accrocher ?</p> | |||
<p><strong>Il est où le bouton pause de mon cerveau ?</strong></p> | |||
</details> | |||
<h2><a href="/david/2021/04/23/" title="Lien permanent vers cet article">Contemplation</a> (2021-04-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chaque kilomètre qui m’éloigne de Montréal est un pas de plus dans un pèlerinage vers la seule cathédrale qui m’inspire la foi, une profonde forêt qui abrite toutes mes confessions.</p> | |||
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p> | |||
</blockquote> | |||
<p>Finalement, le <a href="/david/2021/04/20/" title="Remote">montage</a> aura pris plus de 15 heures au total. Et je ne parle même pas du temps des <a href="/david/2021/04/19/" title="Conversions">conversions</a> en tout genre. Le tout avec une machine qui a moins d’un an et qui semble déjà être obsolète dans les standards actuels de production de vidéos.</p> | |||
<p>J’avais envisagé, suite aux <a href="https://mastodon.social/@dav/106087917305254369">résultats pas si départagés</a>, de produire deux versions très différentes à partir des mêmes sources mais je crois que cette première mouture (la plus longue et donc la plus facile) a épuisé mon enthousiasme pour un petit moment.</p> | |||
<p>Néanmoins, je suis bien content d’avoir appris autant de choses pendant la captation au cours <a href="/david/2021/04/16/" title="Jour 1">des</a> <a href="/david/2021/04/17/" title="Jour 2">trois</a> <a href="/david/2021/04/18/" title="Jour 3">jours</a> mais aussi dans l’étape de montage et je commence à toucher un style qui me plait bien. Une forme d’immersion lente et silencieuse qui m’a fait regretter de ne pas avoir pris un micro décent. Partager ma propre écoute du monde et de ses chemins de traverse. Une approche que j’espère peu colonialiste.</p> | |||
<p>J’ai pas mal d’idées pour la suite et en attendant, <a href="https://vimeo.com/540447287/323e810be3">voici la vidéo</a> de 22 min 30 sec produite lors de cette sortie. Je vous invite à mettre un casque… et à aller aux toilettes avant :-).</p> | |||
</details> | |||
<h2><a href="/david/2021/06/08/" title="Lien permanent vers cet article">Sens</a> (2021-06-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le mot « sens » est à la mode, c’est pourquoi j’hésite à l’utiliser : il est banalisé. Je me méfie de la quête de sens, de la recherche de sens, du sens que l’on voudrait introduire à tout prix dans le moindre de nos faits et gestes, de celui que l’on essaye de nous proposer ou de nous vendre sous le prétexte d’apprendre à vivre, comme une sorte de supplément d’âme qui résoudrait tous nos problèmes. Quel non-sens !</p> | |||
<p>Le sens est bien plus fondamental que ce petit divertissement vers lequel nous sommes poussés, à tout bout de champ, par l’air du temps. On veut me « donner » du sens ? Mais le sens n’est pas une étiquette autocollante que je pourrais poser sur un évènement que je vis. Parce que le sens ne peut pas être extérieur à ce que je vis : il vient de la profondeur de mon existence, de la manière par laquelle je m’engage, du chemin sur lequel j’avance. Personne ne peut l’édicter pour moi. En revanche, il est de ma responsabilité d’humain de le donner, de le laisser jaillir, de le travailler, de le révéler pour que mon chemin vaille la peine d’être poursuivi.</p> | |||
<p>[…]</p> | |||
<p><mark>Le sens est une boussole qui nous met en chemin, il n’est pas un GPS.</mark> Il nous donne une indication, il ne rentre pas dans les détails du chemin. Il est l’effort qui est juste pour moi parce qu’il me permet d’être davantage moi-même.</p> | |||
<p><cite><em>Comment rester serein quand tout s’effondre</em>, Fabrice Midal</cite></p> | |||
</blockquote> | |||
<p>De temps en temps, j’emprunte un livre de développement personnel à la bibliothèque. Je mets ça sur le coup de la curiosité ou de l’espoir que ça m’apporte un truc, un jour, je sais pas trop.</p> | |||
<p>Je suis trop fatigué pour étayer ce soir. On verra dans quel sens j’aurai envie d’aller une fois la <a href="/david/2021/05/19/" title="Regroupement">tempête</a> passée.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/16/" title="Lien permanent vers cet article">Jour 1</a> (2021-08-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>La fin du mois d’août est le moment où il fait encore chaud-mais-pas-trop et où la haute saison des bibittes est derrière nous. C’est aussi notre rendez-vous annuel pour se faire un camping père-fils. Cette fois-ci, ça ne sera pas sauvage mais à un emplacement suffisamment isolé pour que ça y ressemble.</p> | |||
<p>Un peu plus de 3 kilomètres pour accéder au campement en longeant la rivière, l’enfant porte symboliquement une partie de la tente ce qui m’évite de devoir galoper derrière avec tout le reste !</p> | |||
<figure> | |||
<a href="#riviere-ouareau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau"> | |||
<img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Entre deux rapides, j’envisage de la descendre en raft un de ces jours…</figcaption> | |||
</figure> | |||
<p>On mange et on installe notre tipi du XXI<sup>e</sup> siècle qui nous laisse suffisamment d’espace sous la protection de la moustiquaire puis on part en exploration sur une (presqu’)île. L’enfant s’assoit avec un soupir : <q>On est bien là.</q> Léger soulagement de mon côté après m’avoir indiqué qu’un camping-de-voiture c’était pas mal aussi. On regarde la rivière couler, petit bain, jeux sur la petite plage, pas pire.</p> | |||
<figure> | |||
<a href="#riviere-ouareau-ile" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-ile"> | |||
<img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Lors de ma précédente visite, j’ai <a href="/david/2020/04/03/#jusquau-declin">marché sur cette rivière</a>.</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p><em>[Après avoir vu et ramassé des déchets laissés par d’autres personnes]</em><br /> | |||
— Parfois j’aimerais ne pas être un humain.</p> | |||
</blockquote> | |||
<p>Cette réflexion m’a <a href="/david/2021/06/16/" title="Trans">pas mal retourné</a>, les chats ne font pas des chiens.</p> | |||
<p>Le soir, on fait faire trempette à des mouches lorsqu’un castor remonte la rivière juste devant nous, à moins de 3 mètres ! Il galère avec le courant ce qui nous laisse l’occasion de pouvoir l’observer en détail car il est obligé de passer par-dessus les rochers des rapides en étant totalement émergé. Une chouette surprise qui ne m’a pas fait <a href="/david/2021/08/14/" title="Animalière">regretter pour autant mon matériel</a>. Cette excitation partagée était le plus beau des clichés. Lorsque les moustiques deviennent trop présents, on abdique après une dernière ballade digestive.</p> | |||
<figure> | |||
<a href="#riviere-ouareau-soir" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-soir"> | |||
<img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Cette ambiance <3.</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>— Le moment où je m’endors est le pire de ma journée, j’ai l’impression de mourir.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/07/" title="Lien permanent vers cet article">Attente</a> (2021-11-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le coucher de soleil est un des rares phénomènes que ça ne dérange personne d’attendre.</p> | |||
<p><cite><em><a href="https://laviematerielle.substack.com/p/cahiersdelecture2-lieux-metaphoriques">#cahiersdelecture2 : lieux métaphoriques et adoucissants</a></em> (<a href="/david/cache/2021/ac30c8e9772cb5d4a6dbad941d593517/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je lis cette phrase ce soir… après ne pas avoir eu la patience d’attendre un coucher de soleil qui était pourtant magnifique. Ironie.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,288 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #coopérative — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #coopérative"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #coopérative</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/03/17/" title="Lien permanent vers cet article">Arrivant·es</a> (2021-03-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Here’s the problem: <mark>how do you make a space that feels right for beginners</mark> when you have thousands of experts in the group who also want to join in?</p> | |||
<p>[…]</p> | |||
<p>Experts are very good at occupying these spaces. They are comfortable speaking, and eager to share their knowledge. How do we ensure that they don’t monopolize the discussion?</p> | |||
<p>Beginners can be shy, and reluctant to speak. They may feel like they don’t know enough to even ask a question. They don’t want to appear dumb. They hear the experts around them, and feel even more certain that this is not for them.</p> | |||
<p>The experts could have the best intentions: they want to help the beginners. They are interested in the subject, and have useful bits of information to contribute.</p> | |||
<p><cite><em><a href="https://nedbatchelder.com/blog/202103/beginners_in_a_sea_of_experts.html">Beginners in a sea of experts</a></em> (<a href="/david/cache/2021/5c20cd102357c0140e36a902ca400c8f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Trois nouvelles personnes sont arrivées au sein de <a href="http://scopyleft.fr/">Scopyleft</a> ces derniers mois. J’apprécie le fait que l’on transmette les précédentes pratiques en précisant régulièrement que celles-ci peuvent être transformées par ce nouvel état. L’expérience permet bien souvent d’aller plus vite, mais potentiellement dans une direction qui n’est <em>plus</em> la bonne. Je trouve sain que la croissance ne soit pas synonyme d’accélération mais de transformation, ce n’est pas à l’arrivant·e de s’adapter mais à toutes les personnes du groupe d’accepter un nouvel équilibre.</p> | |||
<p>J’aime me rappeler de cette métaphore technique :</p> | |||
<blockquote lang="en"> | |||
<p>Teams are immutable. Every time someone leaves, or joins, you have a new team, not a changed team.</p> | |||
<p><cite><em><a href="https://twitter.com/richardadalton/status/569275411508682752">Richard Dalton sur Twitter</a></em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/22/" title="Lien permanent vers cet article">Vacances</a> (2021-04-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’histoire est aussi importante que la forme ou la structure. Dans une très large mesure, <mark>l’histoire d’un phénomène constitue le phénomène lui-même</mark>. Nous sommes, réellement, tout ce qui a existé avant nous et nous pouvons devenir à notre tour infiniment plus que ce que nous sommes.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>On a un rapport assez particulier aux vacances chez Scopyleft et au moment où on se <a href="/david/2021/03/17/" title="Arrivant·es">transmet en question</a>, c’est l’occasion de partager <em>un</em> état de nos réflexions.</p> | |||
<p>La prise de vacances est libre et consciente. <strong>Libre</strong> car on ne se restreint pas à un nombre de jours/semaines, ni même à communiquer à nos collègues si/quand on est en vacances. <strong>Consciente</strong> car on essaye — dans la mesure du possible — de ne pas laisser les autres galérer du fait de notre indisponibilité. Faire partie d’une <abbr title="Société coopérative et participative">SCOP</abbr> c’est aussi <em>pour moi</em> éprouver de l’empathie et de la solidarité pour les autres membres.</p> | |||
<p>La discussion du jour portait sur la toxicité potentielle d’une telle approche. D’autres entreprises pratiquent les <em>vacances illimitées</em> mais cela crée un tel sentiment de culpabilité que les employé·es prennent en définitive <em>moins</em> de vacances et dans un climat pas terrible.</p> | |||
<p>Comment rompre avec ce sentiment ?</p> | |||
<p>On en vient à (re)questionner les notions de travail et de vacances. Si l’on envisage les vacances comme des <em>moments de prise de soin personnels</em>, le changement n’est pas uniquement sémantique mais traduit une intention différente. D’une manière similaire à l’auto-détermination de nos salaires en fonction de nos « besoins », les vacances s’adaptent ainsi à notre rythme de vie, notre enthousiasme et notre appétence. L’exploration du tempo convenable pour notre danse du moment.</p> | |||
<p>Ce n’est plus alors la recherche d’un rythme de <em>travail</em> soutenable mais celle d’une qualité de <em>vie</em> enviable.</p> | |||
<blockquote> | |||
<p>Bien au contraire, la complétude inclut l’ensemble disparate des structures, d’articulations, de médiations, où le tout va puiser la riche variété de ces formes et où ce qu’un esprit analytique réduirait à une suite de détails « innombrables » et « fortuits » acquiert ainsi des propriétés qualitatives uniques.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/12/" title="Lien permanent vers cet article">Propriétaires</a> (2021-05-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p><mark>The new owners of Clearleft are the people who power Clearleft</mark> and who make Clearleft so special. It’s our whole team, in the form of an <strong>Employee Ownership Trust</strong>.</p> | |||
<p>That’s right; Clearleft will be run for—and on behalf of—all our team, now and in the future. So rather than working for a company where the benefits go to a handful of individuals, they will be shared evenly amongst the team.</p> | |||
<p><cite><em><a href="https://clearleft.com/posts/meet-the-new-owners-of-clearleft">Meet the new owners of Clearleft</a></em> (<a href="/david/cache/2021/699cfd66554f8e8ad2118eec8b4c0564/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Lorsqu’on souhaite discuter de <a href="/david/2021/04/28/" title="Politique">politique</a> au bureau, le plus évident est de partager ce bureau. <em>Pour de vrai.</em> Cette transformation est suffisamment rare pour être partagée, même après 15 ans c’est tout à fait possible. Il ne tient qu’aux personnes — suffisamment en confiance et en sécurité — de <strong>vouloir</strong> changer le rapport au pouvoir au sein d’une entreprise.</p> | |||
<p>Cela peut même se faire de manière incrémentale en passant d’une <abbr title="Entreprise de Services du Numérique">ESN</abbr> à une <abbr title="Coopérative d’Activité et d’Emploi">CAE</abbr> pour finalement rejoindre/créer une <abbr title="Société COopérative et Participative">SCOP</abbr> ou une <a href="https://dtc-innovation.org/writings/2017/une-association">association</a> (<a href="/david/cache/2021/e35537b839116354caf42731c6ed39da/">cache</a>). Tous les chemins pour redéfinir un capitalisme sont possibles.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/19/" title="Lien permanent vers cet article">Regroupement</a> (2021-05-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si atteindre une position dominante sur leurs marchés respectifs s’avère épineux, ce n’est pas leur principal levier d’influence, relève l’économiste : « Les coopératives contribuent à faire évoluer les règles du jeu, car <mark>elles diffusent leurs idées et leurs pratiques de production au-delà d’elles-mêmes.</mark> »</p> | |||
<p>[…]</p> | |||
<p>Malgré leur motivation, la plupart demeurent des coopératives de tailles et d’effectifs modestes. « Ce n’est pas simple de travailler de concert, surtout quand on porte des projets énergivores en ressources humaines, et qu’on ne possède pas la force de frappe de levée de fonds d’une start-up », dit Adrien Montagut.</p> | |||
<p><cite><em><a href="https://reporterre.net/Des-cooperatives-se-regroupent-pour-une-alternative-aux-geants-du-web">Des coopératives se regroupent pour une alternative aux géants du web</a></em> (<a href="/david/cache/2021/cfd75c2c4d19529d184fc1a1ccdfc938/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, on essaye de répondre à un appel d’offre en formant un regroupement de structures ayant des principes coopératifs. La principale difficulté est de définir un cap pour ce collectif sans qu’il n’y ait pour autant de cap…itaine(s). Réussir à s’accorder prend du temps — même en envisageant de commencer à travailler en commun pour mieux se connaître. Or, un appel d’offre amène cette contrainte forte. Là est l’enjeu.</p> | |||
<p>Au-delà de l’acceptation ou du rejet de notre proposition, c’est ce chemin qui m’intéresse lorsqu’un collectif se forme. Avec l’espoir qu’il survive à l’appât du gain à court terme pour envisager d’autres formes d’interactions et de collaborations.</p> | |||
<blockquote> | |||
<p>— Les trois branches d’un accord sont l’intention, l’information et l’incertitude. La précision et l’honnêteté n’ont pas grand-chose à voir avec la question. […] La dialectique ferme la porte aux sens, déclara Leto en ramenant son visage plus près du sol. Elle masque l’agressivité. <mark>Poussée à outrance, la discussion conduit toujours à la violence.</mark> Et mes intentions envers toi ne sont pas violentes.<br /> | |||
— Que voulez-vous dire par… intention, information, incertitude ?<br /> | |||
— L’intention réunit les participants. L’information délimite le débat. L’incertitude crée les questions.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/05/" title="Lien permanent vers cet article">Incarnation</a> (2021-06-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>47. Notre action sera d’autant plus efficace qu’elle sera davantage l’expression normale de nous-mêmes. Nous ne porterons pas d’insigne : lorsque l’insigne devient le signe d’un engagement, c’est que nous ne faisons aucun geste : <mark>il faut que nous incarnions la doctrine</mark>, que nous soyons à proprement parler ces valeurs mêmes que nous élevons.</p> | |||
<p><cite><em>Directives pour un manifeste personnaliste</em>, Bernard Charbonneau et Jacques Ellul, 1935</cite></p> | |||
</blockquote> | |||
<p>Coïncidence étrange que de parler de cela le matin et de lire cet extrait le soir. Je faisais la distinction avec <a href="http://ut7.fr/">Raphaël</a> entre promouvoir <a href="https://fr.wikipedia.org/wiki/D%C3%A9claration_sur_l%27identit%C3%A9_coop%C3%A9rative">les principes coopératifs</a> et celle de les incarner. On peut aspirer à quelque chose sans pour autant aller jusqu’à s’impliquer et ça fait une différence non négligeable. On peut aussi avoir la volonté de les incarner tout en étant maladroit·e, jusqu’à un point où ça peut devenir contre-productif. On peut difficilement être (et) neutre.</p> | |||
<p>Ah… les relations humaines 🤷.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/02/" title="Lien permanent vers cet article">Équipes</a> (2021-09-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You might assume that if you put together a bunch of people and give them a goal, they’re a team. <mark>But that’s not how it works.</mark> While all constellations are working groups of some sort, in order for a working group to be considered a team two criteria need to be met.</p> | |||
<p><cite><em><a href="https://www.viktorcessan.com/the-first-question-to-ask-when-building-teams-is-this-really-a-team/">The First Question To Ask When Building Teams - Is This Really A Team?</a></em> (<a href="/david/cache/2021/77419ba77876ddc880823ee6321f9cbe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me réfère souvent à cette classification lorsqu’on me parle d’équipe. Elle a l’avantage d’être relativement simple à (re)mettre en mémoire grâce aux schémas.</p> | |||
<p><strong>Un but commun qui nécessite d’être ensemble.</strong> Tous les mots comptent.</p> | |||
<p>Ne pas confondre avec un « groupe d’affinité » :</p> | |||
<blockquote> | |||
<p>L’influence du mouvement anarchiste sur l’alter-mondialisme procède en grande partie de la diffusion de modes d’organisation comme le <em>groupe d’affinité</em>, une unité militante autonome d’environ 5 à 20 individus qui <mark>partagent une même sensibilité à l’égard des causes à défendre et des types d’actions à privilégier</mark>. Le processus de prise de décision y est anarchiste, c’est-à-dire qu’il est égalitaire, participatif, délibératif et consensuel.</p> | |||
<p><cite><em>Les nouveaux anarchistes</em>, Francis Dupuis-Déri</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,318 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #design — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #design"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #design</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/15/" title="Lien permanent vers cet article">Artfevre</a> (2021-01-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>En Février il y a 28 Jours. On vous propose d’utiliser chacun d’entre eux pour créer — de manière intensive et sans jugement — hors de notre <mark>zone de confort</mark>, et avec des contraintes imposées.</p> | |||
<p><cite><em><a href="https://artfevre.notmyidea.org/">Un février artistique !</a></em> (<a href="/david/cache/2021/94923f2d3ecd28b40745665c9cbe8393/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne sais pas dans quoi est-ce que cela pourrait me mener et c’est ce qui m’intéresse. J’ai plein d’idées et je vais apprécier de me laisser guider par les thèmes et l’envie du moment. <strong>Merci Alexis pour l’invitation.</strong></p> | |||
<p>J’avais notamment été impressionné par le résultat de l’expérience d’Antoine :</p> | |||
<blockquote> | |||
<p>L’idée était venue presque par hasard. Profiter de deux mois dans une autre ville pour produire quelque chose. Avec une contrainte à s’imposer, et une certaine dimension de régularité. Le carnet comme support. Même si l’exploration de l’intime est souvent attirante l’écriture n’était pas une option viable à ce moment-là. Apprendre à dessiner. En deux mois. <mark>Chaque jour.</mark> Projet saugrenu dont il était facile de se détacher, au besoin.</p> | |||
<p><cite><em><a href="https://www.quaternum.net/2020/02/29/epuiser-la-pratique/">Épuiser la pratique</a></em> (<a href="/david/cache/2021/fd776407232cd6fd7627bac7dba39755/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/17/" title="Lien permanent vers cet article">Finesse</a> (2021-01-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une <strong>espace fine insécable</strong> est un caractère typographique dont l’espace est un peu plus fine que l’espace insécable (une espace que l’on intercale entre deux parties qui ne doivent pas être séparées par un éventuel retour à la ligne automatique). Le code typographique français recommande une espace fine insécable devant les signes de ponctuation doubles sauf deux-points (point-virgule, point d’interrogation, point d’exclamation), et à l’intérieur des guillemets français pour les séparer du texte mis en exergue. Pour les nombres de quatre chiffres, l’espace fine insécable est préférable. On ne sépare pas les chiffres en tranches de trois pour un ordinal ou un numéro.</p> | |||
<p><cite><a href="https://fr.wikipedia.org/wiki/Espace_fine_ins%C3%A9cable">Espace fine insécable</a>, sur Wikipedia</cite></p> | |||
</blockquote> | |||
<p>Il y a depuis peu des espaces insécables <em>fine</em> sur cet espace (en plus des insécables classiques lorsque j’y pensais). C’est un détail mais j’arrive à faire la distinction entre les deux maintenant que j’ai pris conscience de cette différence.</p> | |||
<p><strong>Un petit pas de plus dans ma compréhension de ce domaine.</strong> Limite <em>snob</em> mais j’assume. Le plus difficile étant de faire la part des choses entre les différentes ressources à ce sujet qui ont tendance à se contre-dire (et je ne parle même pas des différences au sein de la francophonie…). Des choix — futiles donc indispensables — à faire, des affirmations à défaire, des raisonnements à refaire. C’est peut-être la définition de mon activité !</p> | |||
<blockquote> | |||
<p>L’hypothèse selon laquelle le fonctionnement d’un système peut être amélioré par une intervention brutale sur ses éléments conscients traduit une <mark>dangereuse ignorance</mark>. Cette attitude fut trop longtemps celle des esprits qui se qualifient des épithètes de « scientifique » et de « technologues ».</p> | |||
<p><cite><em>Le Jihad Butlérien</em>, par Harq al-Ada (<a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/26/" title="Lien permanent vers cet article">Follow</a> (2021-05-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a seat at the table and skin in the game, bang the drum for RSS and the open web. Like I said, it’s great to see early trials of RSS in the Chrome mobile browser and, for me, that’s <mark>a promising start</mark>.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/05/26/chrome_and_rss">Three requests for the Google Chrome team as they experiment with RSS</a></em> (<a href="/david/cache/2021/4a9c4c407b34c40ec5b3783ac5f274a7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>L’une des choses que je retiens de cette expérience, c’est d’utiliser le terme « <span lang="en">Follow</span> » pour suivre des flux RSS. <strong>Au 21<sup>e</sup> siècle, on ne s’abonne plus, on suit.</strong> Et je me demande si je ne vais pas suivre (!) cette mouvance qui permet peut-être de mieux comprendre <a href="/david/blog/2019/flux-rss/">de quoi est-ce qu’il s’agit</a>. Notamment pour des personnes qui découvrent un site après avoir passé tant d’années <em>dans</em> des réseaux sociaux.</p> | |||
<p>Suivez-moi… mais pas de trop près quand même car ça devient vite flippant 😅.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/31/" title="Lien permanent vers cet article">Design accessible</a> (2021-05-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ce projet représente des heures de lecture et de veille ; des heures de synthèse et de ré-ré-ré-écriture ; plus de 200 commits (dont certains à 3 heures du matin). C’est aussi mon premier « side-project » public donc je suis très fière d’avoir réussi à le sortir 💪.</p> | |||
<p><cite><em><a href="https://blog.hello-bokeh.fr/2021/05/31/design-accessible-la-genese-dun-projet/">Design Accessible, la genèse d’un projet</a></em> (<a href="/david/cache/2021/40df5f72a34059f94a965454efb97b07/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Superbe projet de la part d’Anne-Sophie : <a href="https://design-accessible.fr/">Design Accessible</a> avec un joli article pour comprendre d’où ça vient, le temps que ça prend et tout.</p> | |||
<p>C’est assez rare d’avoir des sites de référence en français dans le domaine, je salue d’autant plus l’effort que j’ai eu à <a href="/david/2021/05/05/" title="Accessibilité">creuser le sujet</a> récemment.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/24/" title="Lien permanent vers cet article">Long terme</a> (2021-06-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Agile’s success at the expense of UX is just one manifestation of a deeper truth: Businesses want scaling. And foundational UX work doesn’t scale. It doesn’t lend itself to predictable, repeatable processes and generic cookie-cutter roles. It can’t, because by definition it deals with unknown, slippery, hard-to-define problems that characterize the leading edge of an organically evolving business.</p> | |||
<p>The same things that make agile a great fit for scaling engineering work—regular sprint tempos; clearly articulated outcomes to be produced; breaking down the complex, unfolding experience of users into concrete elements that can be tied to code—are the very things that make it a terrible fit for foundational UX work. <mark>The holism necessary to do foundational UX is antithetical to the assembly-line chunks of user behavior</mark> agile requires.</p> | |||
<p><cite><em><a href="https://www.fastcompany.com/90642462/i-helped-pioneer-ux-design-what-i-see-today-horrifies-me">I helped pioneer UX design. What I see today disturbs me</a></em> (<a href="/david/cache/2021/f5a7f2346b8c7317be12857b52321f52/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne vais pas me focaliser sur l’opposition agile/UX car il y a pas mal de façons de pratiquer ces deux domaines. C’est certain qu’il est malheureux d’avoir appelé ces itérations des <em>sprints</em> et qu’il faut réussir à avoir suffisamment de recul pour ne pas prendre ce terme au pied de la lettre (sinon ça finit par brûler).</p> | |||
<p><strong>Déterminer ensemble ce que l’on veut produire à long terme est très complexe pour une équipe.</strong> Le contexte change, les utilisateur·ices évoluent, l’équipe elle-même se renouvelle, dans cet espace mouvant il est difficile de conserver un semblant d’unité et de cohérence. Au moins vis-à-vis des interactions avec l’extérieur.</p> | |||
<p>On peut être tenté d’avoir recours à un <em>Design System</em> ou <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/736362561/Version+1.0.0">Système de Design</a> même si ce cadre arrive avec une lourdeur qui lui est propre. Ça peut donner l’impression de mettre une carrosserie sur une trottinette qui n’en nécessitait pas tant. C’est une réponse technique efficace (sans être performante) à une problématique qui a trait <a href="/david/2021/06/23/" title="FullStack">à l’humain et à l’empathie</a>.</p> | |||
<p>Comment combiner la tactique (faire à court terme) à la stratégie (penser à long terme) alors ? <strong>Sans technique</strong>, avec des <em>personnes</em> qui font le liant. Qui agrègent, qui reli(s)ent, qui partagent l’enthousiasme.</p> | |||
<p>Qui prennent soin. Qui donnent loin.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/28/" title="Lien permanent vers cet article">Copie(s)</a> (2021-08-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As long as there is design, there will be copying.</p> | |||
<p><cite><em><a href="https://matthewstrom.com/writing/copying/">Copying is the way design works</a></em> (<a href="/david/cache/2021/4072b1e628106ec95319062a87d21f47/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Je trouve cela d’autant plus ironique de faire une copie locale de cet article.</em></p> | |||
<p>Je parcoure de vieux onglets ces derniers jours, cela permet de mieux évaluer si ce que j’ai conservé plusieurs mois dans mon navigateur est encore pertinent. Je redécouvre des choses, je croise des aspirations passées comme apprendre le <a href="http://lvogel.free.fr/tokipona/">toki pona</a> (merci <a href="http://shl.huld.re/~f6k/">f6k</a>), des infographies du début de la pandémie, des <a href="http://www.coureursdeboises.com/img/carte.pdf">cartes de ski de fond</a> de lieux qu’il reste à explorer, pas mal d’articles autour de la <a href="https://www.pikselkraft.com/les-ressources-pour-l-ecoconception-et-la-sobriete-numerique/">sobriété</a> (<a href="/david/cache/2021/07f65527fb51a3d31cfd7173bde1d76c/">cache</a>), de la <a href="https://www.the-trouble.com/content/2021/2/11/ecosocialism-is-the-horizon-degrowth-is-the-way">décroissance</a> (<a href="/david/cache/2021/e554fd03f2342ab72115688dd258cba4/">cache</a>) et <a href="https://wiki.lescommuns.org/wiki/Low-tech_et_Communs">des communs</a> (<a href="/david/cache/2021/7a21fd7cca573df8b35b973d8ee080c8/">cache</a>), <a href="https://timdaub.github.io/2021/01/16/web-principles/">beaucoup</a> (<a href="/david/cache/2021/63317c91823b52571b851e7a27eb7b4f/">cache</a>) de <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs">technique</a> (<a href="/david/cache/2021/23d224bccb7af8db5017cebf813fec56/">cache</a>) <a href="https://bart.degoe.de/building-a-full-text-search-engine-150-lines-of-code/">bien sûr</a> (<a href="/david/cache/2021/b56bb56209a04e6144454283a22311ad/">cache</a>), des <a href="https://adamwilt.com/fieldmonitor/">outils</a> <a href="https://sites.google.com/site/starryskystacker/home">autour</a> de la photo/vidéo… et déjà pas mal de 404.</p> | |||
<p>C’est presque de la pré-archéologie.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/02/" title="Lien permanent vers cet article">Redesign</a> (2021-10-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So what you see here isn’t me.</p> | |||
<p>Without the safety of this website my flaws and vices are clear: I’m often lazy and uncoordinated. I don’t have a lot of natural social grace (or rather it takes a long time for me to warm up to charming). My ego gets in the way all the time, and I’m so very jealous of everyone around me. Also: I’m perpetually, completely, infinitely terrified of everything.</p> | |||
<p>So websites are weird like that. They’re a fun house of mirrors that can be manipulated in every which way to hide who the author really is. And I don’t mean that in a cynical way, I mean to say this with a dash of optimism: <mark>with this website I can redesign myself as much as I do the homepage</mark> (I hope you like the new one).</p> | |||
<p>With this website I can figure out who I want to be.</p> | |||
<p><cite><em><a href="https://www.robinrendle.com/notes/from-the-distance-of-this-website/">From the distance of this website</a></em> (<a href="/david/cache/2021/4bf85f63126b56e9757b6ae0b2edf59c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela fait longtemps que je n’ai pas revu le design de ce site et de sa page d’accueil. Je pourrais y voir une certaine signification, celle qu’il soit encore en accord avec une image que j’ai envie de partager de moi-même. Entre le manque de mouvement et la flemme, il y a une troisième voie (voix ?) : un truc qui fonctionne suffisamment bien pour pouvoir porter mon attention ailleurs.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/24/" title="Lien permanent vers cet article">Représentation</a> (2021-10-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je trouve les possibilités offertes par <a href="https://anvaka.github.io/city-roads/">cet outil</a> vraiment esthétiques. L’image finale est intéressante mais savoir qu’elle est le résultat d’une multitude de réajustement fondée sur le volontariat et le partage lui donne une autre dimension. Je l’imagine en poster avec la signature de milliers d’auteur·ices.</p> | |||
<p>Par exemple <a href="https://anvaka.github.io/city-roads/?q=montreal&areaId=3601634158">pour Montréal</a>, on distingue très bien l’île, flottant au milieu du St Laurent :</p> | |||
<figure> | |||
<a href="#montreal-roads" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="montreal-roads"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<figcaption>Où l’on remarque aussi que l’île ne comporte pas seulement la commune de Montréal (d’où les espaces blancs).</figcaption> | |||
</figure> | |||
<p>Cela donne une idée du poids des routes (répertoriées dans OpenStreetMap) pour une agglomération donnée. On peut aussi y voir l’histoire des différentes remodélisations de la ville (coucou <a href="https://anvaka.github.io/city-roads/?q=barcelona&areaId=3600347950">Barcelone</a>). Il y a plein de choses à (se) représenter grâce à un outil qui n’est techniquement pas si complexe.</p> | |||
<p><em>Attention : pour certaines villes le chargement peut être extrêmement volumineux.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/11/17/" title="Lien permanent vers cet article">Apprentissages</a> (2021-11-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ça fait pas mal de temps que je trouve inspirant ce qu’a fait Simon Willison avec <a href="https://til.simonwillison.net/">ses <abbr title="Thing’s I’ve Learned" lang="en">TIL</abbr></a>. Une façon de partager des frictions techniques quotidiennes pour documenter — et potentiellement aider d’autres personnes.</p> | |||
<p>Ce serait une bonne occasion d’essayer <a href="https://datasette.io/">datasette</a> aussi mais c’est peut-être un peu trop dynamique à mon goût. Idéalement, ce serait déposer des bouts de code sur <a href="https://sr.ht/~davidbgk/">sourcehut</a> et les <a href="https://srht.site/automating-deployments">déployer automatiquement</a> là-bas aussi, sur mon <a href="https://srht.site/custom-domains">propre sous-domaine</a>.</p> | |||
<p>Je vais laisser cette idée mâturer un peu, ça pourrait faire l’objet d’un cru 2022.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,323 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #école — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #école"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #école</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/03/24/" title="Lien permanent vers cet article">Rareté</a> (2021-03-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Voilà pourquoi les NFT affolent et agitent autant les internets en ce moment. Parce que chacun voit bien qu’il ne vont rien changer en surface, tout en changeant possiblement plein de choses en profondeur. Parce que de la même manière que le capitalisme linguistique s’était attaqué à la langue en tant que bien commun, cette nouvelle forme de capitalisme de la copie (« <mark>copytalism</mark> » diraient nos amis anglo-saxons s’ils avaient inventé ce terme avant moi) s’attaque aux biens numériques en tant que possibles appropriations communes.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/03/nft-loriginal-et-lacopie.html">NFT : l’original et l’acopie</a></em> (<a href="/david/cache/2021/fe8d34354b3f82a0f5eb2158e314b8f6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’observais récemment des enfants jouer dans la cour et j’étais frappé par le produit de la rareté. Un simple glaçon<sup>*</sup> devenait alors le centre de l’attention (et de la convoitise) du fait de son unicité. Cet objet — auquel des esprits toujours libres eurent tôt fait de donner des vertus quasi-magiques — était l’objet d’une controverse quant à sa destinée. Les un·es voulaient le râper pour en faire de la glycérine (véridique !), les autres comptaient le mettre au sommet de leur château. Cette différence de points de vue a fait l’objet d’une longue négociation qui faisait sourire les parents (enfin je crois, pas facile avec les masques) mais surtout qui établissait des relations sociales.</p> | |||
<p>De cette anecdote est sorti de mon esprit — un peu moins libre — l’idée que la rareté était peut-être importante pour générer des liens sociaux. Et que le capitalisme était notre outil inter-générationnel pour conserver ces liens. Je suis rentré à la maison sur mon vélo en essayant de me <a href="/david/2021/03/18/" title="Fatigue">fatiguer</a> le plus possible…</p> | |||
<p><sup>*</sup> Ce bout de glaçon était en somme le contraire d’un marché liquide. <em>Tadum kshh.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/06/01/" title="Lien permanent vers cet article">Pédagogie</a> (2021-06-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Nous, pédagogues du début du XXIème siècle, avons reçu un héritage plutôt simple mais maintenant totalement obsolète. <mark>Nous sommes libres de ne pas accepter cet héritage en toute conscience.</mark> Bien évidemment je ne me reconnais pas dans le système militaire Prussien encore fortement en place dans les systèmes éducatifs (les résistances aux changements demeurent vivaces), alors que les textes officiels du programme de l’éducation nationale préconisent l’inverse, ou du moins d’autres formes d’enseignement, davantage adapatifs.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/22/pedagogie-vs-societe/">Pédagogie vs société ?</a></em> (<a href="/david/cache/2021/2ad199083faa7d454a78412588a7773a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de ces rappels historiques, de ce cheminement dans le domaine de la pédagogie et de la matière vivante que cela constitue pour l’enseignant·e. Sans compter le paradoxe entre le système éducatif et la société, ce couple tension/incompréhension dont on a peut-être besoin. Ce bouc-émissaire nécessaire pour que l’on accepte de laisser son enfant dans un environnement que l’on ne contrôle pas. L’acceptation de son délabrement afin d’être certain que l’on pourrait faire mieux « si on avait le temps ».</p> | |||
<p>Et si je prenais ce temps…</p> | |||
<blockquote> | |||
<p>C’est à mon sens la plus difficile des professions dans la mesure où elle ne produit rien de tangible. Elle n’est pas en dehors de nous. La pédagogie est un lien <em>invisible</em>, basé sur l’information. Elle touche uniquement l’humain en utilisant l’élément le plus complexe, c’est-à-dire le langage. La pédagogie est la compétence qui relie chaque humain pour les faire progresser, et pour faire progresser chaque génération d’humains. La pédagogie, c’est aussi la capacité à s’organiser en permanence dans un monde VICA : volatile, incertain, complexe, ambigu.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/01/" title="Lien permanent vers cet article">Rentrée</a> (2021-09-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Lettre écrite ce soir à chaud. On verra si je l’envoie finalement demain. L’année pourrait être compliquée.</p> | |||
<blockquote> | |||
<p>Chers parents,</p> | |||
<p>Je suis le père d’Alexandre (on vient souvent en vélo) et j’ai récupéré vos courriels dans le bottin incomplet de l’année dernière, il manque 6 familles. S’il y a un autre espace de discussion entre parents je suis prêt à le rejoindre.</p> | |||
<p>Je ne sais pas trop par quoi commencer suite au rendez-vous de ce soir avec l’enseignant de nos enfants, je me sens un peu démuni et anxieux. Il y a plusieurs choses qui me préoccupent et qui ne peuvent être qu’intuitions après 1h de visio et quelques jours de classe :</p> | |||
<ol> | |||
<li>Le fait qu’il n’y ait eu aucune mention d’empathie, de bienveillance ou d’émotions dans les propos tenus me rend assez circonspect. Que nos enfants soient doués dans les matières scolaires, on le sait, leurs défis sont ailleurs.</li> | |||
<li>Le déni d’avoir besoin de se faire accompagner dans ce nouvel environnement auquel ne s’appliquent plus les mêmes règles ou schémas de pensées. L’ennui, l’attention ou la curiosité sont des concepts qui prennent une nouvelle dimension dans ce contexte.</li> | |||
<li>Le manque de considération lorsqu’on soulève des problèmes qui sont déjà survenus et l’attitude défensive qui en découle. J’ai l’impression que cela n’est pas propice au dialogue et à l’apaisement des points déjà chauds (intégration, évaluation).</li> | |||
</ol> | |||
<p>Il y en aurait d’autres et je vous laisse rebondir si vous le sentez, je n’arrive pas avec des solutions mais peut-être que si nous sommes nombreux·ses à ressentir des frustrations nous pourrions déjà nous serrer les coudes et envisager des solutions collectives pour aborder ces prochains mois de manière plus sereine.</p> | |||
<p>L’un des défis que nous avons est de rendre l’école suffisamment attrayante pour permettre à notre fils de développer des relations sociales avec ses amis. J’espère que cette année ne provoquera pas une forme de rejet suite à une expérience déplaisante.</p> | |||
<p>Bonne soirée,<br /> | |||
David</p> | |||
<p>PS : J’espère pouvoir sourire en relisant ce courriel dans quelques mois, au pire ça aura permis de prendre un premier contact maladroit :-).</p> | |||
<p>PPS : Si vous ne souhaitez pas prendre part à ces échanges, je suis désolé de ne pas avoir respecté votre consentement en premier lieu compte tenu de la situation. Faites-le moi savoir.</p> | |||
</blockquote> | |||
<p><mark>Finalement envoyé.</mark> Beaucoup de discussions depuis 💚.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/24/" title="Lien permanent vers cet article">Militantisme</a> (2021-09-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>En créant un espace de <a href="/david/2021/09/01/" title="Rentrée">discussion entre parents</a>, cela nous a permis d’élargir aussi le champ des interactions et d’introduire le politique dans notre groupe.</p> | |||
<p>C’est l’occasion de partager sur le <a href="https://fr.wikipedia.org/wiki/Pensionnats_pour_Autochtones_au_Canada#Journ%C3%A9e_nationale_de_la_v%C3%A9rit%C3%A9_et_de_la_r%C3%A9conciliation">chandail orange</a> et comment l’aborder en famille, de faire circuler des pétitions importantes pour l’école, d’organiser des activités extra-scolaires.</p> | |||
<p>Après une année et demie de Covid, on sent bien que les échanges entre personnes — qui feraient de toute façon partie du même <em>cluster</em> — sont plus rapides et fluides qu’à l’accoutumé.</p> | |||
<p>Une autre forme d’intégration…</p> | |||
</details> | |||
<h2><a href="/david/2021/09/25/" title="Lien permanent vers cet article">Atelier</a> (2021-09-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai motivé une rencontre autour des <a href="/david/2021/06/19/" title="Échecs">échecs</a> entre enfants de sa classe. Quelques heures au parc et je peux déjà identifier qu’il y a trop d’attentes de la part des parents pour pouvoir aménager un espace d’apprentissage qui soit enthousiasmant.</p> | |||
<p>Comment divertir leur attention de manière non violente ? Si je plaide en faveur d’un moment entre jeunes, quelle devient alors ma place ? De quelle façon discuter de positions sans que les joueur·euses se sentent jugé·es ?</p> | |||
<p>Quelques idées :</p> | |||
<ul> | |||
<li>faire jouer les adultes entre ell·eux, à côté ;</li> | |||
<li>imaginer de nouvelles façons d’équilibrer les niveaux ;</li> | |||
<li>me retenir de jouer.</li> | |||
</ul> | |||
<p>Il n’y a pas que les jeunes qui ont à apprendre de leurs propres échecs…</p> | |||
</details> | |||
<h2><a href="/david/2021/10/28/" title="Lien permanent vers cet article">Lâcheté</a> (2021-10-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On s’était fait, à l’usure, à l’idée monstrueuse que le Covid-19 était une maladie juste pour les vieux et les faibles. <mark>On se fait à l’idée, non moins monstrueuse, que ce ne sera bientôt plus qu’une maladie de pays pauvres.</mark> Vae victis. Le « lâche soulagement » dont parlait Édouard Daladier après les accords de Munich… On est sauvés et tant pis pour le reste du monde. Préparez Noël. Consommez. Oubliez.</p> | |||
<p><cite><em><a href="https://prototypekblog.wordpress.com/2021/10/28/on-sous-estime-ce-qui-sest-passe/">On sous-estime ce qui s’est passé</a></em> (<a href="/david/cache/2021/b0518096cdfacc89f9d5792966e5a3b7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il va falloir oublier de la même façon que l’on doit fermer les yeux sur tellement de choses au quotidien. Pour conserver un semblant de santé mentale décente. Pour accepter de vivre au dépens de tant d’autres. Pour masquer cela aux suivant·es.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Les élèves sont invités à se déguiser et nous voulons vous sensibiliser sur ce qui est accepté ou non à l’école.</p> | |||
<p>Il est inacceptable de porter un costume faisant la promotion ou la démonstration de violence. Ainsi, nous vous demandons d’éviter les éléments suivants :</p> | |||
<ul> | |||
<li>Sang et marques de violence ;</li> | |||
<li>Outils tels que couteaux, haches et armes en tous genres ;</li> | |||
<li>Costumes thématiques d’émissions ou de films violents.</li> | |||
</ul> | |||
<p><cite>Extrait d’un courriel de l’école.</cite></p> | |||
</blockquote> | |||
<p>Quelle forme de violence souhaite-t-on cacher aux enfants ? Quelles discussions ces représentations pourraient provoquer ? Avec quel(s) arbitre(s) ?!</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Si l’argent n’existait plus on serait tellement libres.</p> | |||
</blockquote> | |||
<p>Tes réflexions sont parfois tellement troublantes fils, tu n’as pas idée d’à quel point ça m’inspire et alimente un espoir vacillant.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>C’est peut-être simplement dans le « sourire [des enfants] qui [n]ous font éclater la poitrine » que nous retrouvons cette force d’affronter l’incertitude de la vie et le courage d’être.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/10/" title="Lien permanent vers cet article">Éducation</a> (2021-11-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’éducation, c’est surtout de la pacification des jeunes foules. […] <mark>Les futurs dominants se bardent de diplômes pour s’innocenter de l’exploitation qu’ils feront subir.</mark> S’ils se retrouvent au sommet, c’est parce qu’ils ont bataillé pour recevoir l’onction méritocratique. Mais déjà, pour une salle des profs lambda, l’idée que l’écoledelarépublique puisse trier socialement les enfants au lieu d’en faire des citoyens illuminés par la connaissance, c’est dur à avaler.</p> | |||
<p><cite><em><a href="https://lundi.am/Je-veux-plus-aller-a-l-ecole">« Je veux plus aller à l’école »</a></em> (<a href="/david/cache/2021/37cf7bad62d7e5b4e5244b9a1ddf9713/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des jours où je me demande pourquoi est-ce que je l’amène à l’école. Et puis il n’y en a pas d’autres.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/19/" title="Lien permanent vers cet article">Capteurs</a> (2021-11-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La qualité de l’air dans les écoles est une préoccupation du réseau scolaire depuis de nombreuses années, et ce, bien avant la pandémie de COVID-19. Récemment, le ministère de l’Éducation (MEQ) a fait l’acquisition de 90 000 lecteurs de dioxyde de carbone (CO<sub>2</sub>). Ces outils permettront aux directions d’établissement de <mark>prendre des actions</mark> pour assurer le maintien d’une bonne qualité de l’air dans les classes de leur école.</p> | |||
<p>Les lecteurs de CO<sub>2</sub> seront installés par le Centre de services scolaire de Montréal (CSSDM) dans toutes les classes.</p> | |||
<p><cite><em><a href="http://app.dialoginsight.com/T/OFSYS/SM3/365/2/S/F/1936/21070517/ZHsjKgZe.html">Installation des lecteurs de CO<sub>2</sub></a></em> (<a href="/david/cache/2021/7e777a9c9804873a1a80623828f7003f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>La bonne nouvelle de la journée.</p> | |||
<p>On pourra toujours discuter des seuils plus tard, pour l’instant : installons et mesurons.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,420 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #écriture — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #écriture"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #écriture</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/01/" title="Lien permanent vers cet article">PresQuotidien</a> (2021-01-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’expression convolutée des légalismes se développe autour de la nécessité de nous masquer à nous-mêmes la violence dont nous usons envers les autres. Entre le fait de priver un homme d’une heure de sa vie et celui de le priver de la vie, il n’existe qu’une différence de degré. Dans l’un comme dans l’autre cas, nous usons de violence, <mark>nous consommons son énergie</mark>. Des euphémismes élaborés peuvent dissimuler nos intentions meurtrières mais tout usage de puissance à l’encontre d’autrui se traduit par l’ultime assomption : « Je me nourris de votre énergie. »</p> | |||
<p><cite><em>L’Empereur Paul Muad’Dib : Ordre aux Conseils (Addenda)</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p> | |||
</blockquote> | |||
<p>J’avais envie de retourner à une publication <a href="/david/stream/2018/">quotidienne</a> pour 2021 après du quasi-<a href="/david/stream/2019/">hebdomadaire en 2019</a> et <a href="/david/2020/">2020</a>. Les agrégations n’ayant pas toujours un lien entre elles, je me retrouvais à chercher des transitions pas terribles parfois. J’ai publié <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/2020/fragments">300 fragments</a> en 2020, on s’approche de réflexions/réactions quotidiennes.</p> | |||
<p><strong>L’originalité que j’aimerais explorer cette année est de retarder la publication d’une semaine.</strong> Je commence avec ce tampon et il évoluera peut-être au cours de l’année. Je m’autorise à ne pas publier pendant certains jours et à « dépublier » si je trouve après la durée tampon que ça n’a plus grand intérêt. Cela ajoutera peut-être de la profondeur à ce qui est publié… ou alors ça me démotivera complètement (la publication instantanée est ma petite dose d’adrénaline post-écriture). On verra bien, les règles du jeu restent ouvertes.</p> | |||
<p>Une tentative de réacquérir mon temps (et le vôtre ?), encore une fois. Ménager des espaces de réactions et d’autres de créations. De l’éphémère et du permanent. De l’immédiat et de l’expérimental. Des espaces pour soi, d’autres en commun.</p> | |||
<p><em>Pour un web diversifié… et nourrissant.</em></p> | |||
<blockquote> | |||
<p>Digital nutrition is about developing and implementing cognitive skills and creating new habits to help us stay in control of our technology consumption.</p> | |||
<p><cite><em><a href="https://essays.uxdesign.cc/tech-diet/">The world needs a tech diet; here is how designers can help</a></em> (<a href="/david/cache/2021/3159c32fa194458a63b546ab789e8aed/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/31/" title="Lien permanent vers cet article">Meta</a> (2021-01-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chercher à s’élever, se fixer des objectifs ambitieux, n’est évidemment pas répréhensible en soi. Mais dans la pratique, cette course est rarement le fruit d’un choix dûment évalué visant à se sentir en phase avec soi-même et ses propres aspirations. Dès lors qu’il consiste — comme c’est souvent le cas — à vouloir conquérir ce que possèdent ceux d’en haut, le choix individuel est en réalité un <em>comportement</em> individuel, <mark>déterminé par un faisceau de normes sociales</mark>, qui entraîne une réaction en chaîne : la compétition.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Un premier mois à <a href="/david/2021/01/01/" title="PresQuotidien">publier en décalage</a> et je vois déjà quelques effets. Déjà, ça limite les réactions liées à l’actualité. Lorsque je publie sur un <a href="/david/2021/01/06/" title="Clown d’État">évènement qui a une semaine</a> j’ai bien conscience d’arriver après la bataille (littéralement…) et j’ai finalement publié ce billet pour me rappeler de ne plus le faire.</p> | |||
<p>Ensuite, ça crée un sentiment étrange où j’ai écris sur un truc, il y a des échanges dessus et je n’ai aucun moyen de faire un lien vers mon propre ressenti à ce sujet au moment de la discussion. C’est à la fois une grande frustration <em>et</em> aussi un moyen d’apaiser mes pensées à ce sujet en étant moins dans la réaction. Une forme de lâcher-prise.</p> | |||
<p>Il y a des coïncidences étranges qui se produisent d’une journée sur l’autre. Qui prennent une certaine consistance personnelle avec un recul d’une semaine, surtout dans une période un peu étrange où j’ai besoin de ce tampon pour parler du quotidien.</p> | |||
<p>Enfin, je prends parfois plus de temps pour approfondir certaines réflexions ou pour ajouter une citation <em>a posteriori</em> car j’ai davantage de latitude pour recopier des extraits de livres (et enlever les blagues pas drôles).</p> | |||
<p>Je vais continuer encore ainsi pour quelques temps, cette nouvelle <a href="/david/2021/01/29/" title="Routine">routine</a> me plait.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/01/" title="Lien permanent vers cet article">Software</a> (2021-02-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The right coding language, system architecture, or interface design will vary wildly from project to project. But <mark>there are characteristics particular to software that consistently cause traditional management practices to fail</mark>, while allowing small startups to succeed with a shoestring budget:</p> | |||
<ul> | |||
<li>Reusing good software is easy; it is what allows you to build good things quickly;</li> | |||
<li>Software is limited not by the amount of resources put into building it, but by how complex it can get before it breaks down; and</li> | |||
<li>The main value in software is not the code produced, but the knowledge accumulated by the people who produced it.</li> | |||
</ul> | |||
<p>Understanding these characteristics may not guarantee good outcomes, but it does help clarify why so many projects produce bad outcomes.</p> | |||
<p><cite><em><a href="https://www.csc.gov.sg/articles/how-to-build-good-software">How to Build Good Software</a></em> (<a href="/david/cache/2021/6be8b8649cd695b922a43d15f74d4773/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deux articles lus ce jour qui sont totalement dans mes réflexions du moment. Avoir de l’expérience dans le domaine dans lequel j’évolue, c’est se demander pourquoi est-ce qu’on y est encore et si on a vraiment appris un truc après toutes ces années. J’ai beaucoup de mal à répondre à ces deux questions, les réponses se mordent la queue et ça me donne parfois l’impression de tourner en rond.</p> | |||
<p>Mon activité (rémunérée) est un chaos. Et le seul moyen que j’ai trouvé de le rendre acceptable est de le réduire. Moins de dépendances, moins de hiérarchie, moins de variables, moins de boîtes noires. D’une certaine manière, moins d’attentes aussi.</p> | |||
<p>Une autre exploration est de <a href="/david/2020/12/13/#journal">consigner</a> mes doutes, mes motivations, mes erreurs, mes joies. Je n’ai aucune illusion quand au fait de reproduire ces expériences plus ou moins mal·heureuses — même après les avoir écrites — mais le fait de les avoir formulées, externalisées, est déjà une étape dans leur acceptation. Ainsi que les émotions qui vont avec.</p> | |||
<p>Je me demande rarement si je suis un « vrai » ingénieur. Je me demande davantage si je deviens un vrai humain à continuer cette activité. C’est peut-être ceci l’expérience : douter de plus en plus de l’utilité de ce que l’on produit… et de la façon d’y parvenir.</p> | |||
<blockquote lang="en"> | |||
<p>Nobody I read in these arguments, not one single person, ever worked as a “real” engineer. At best they had some classical training in the classroom, but we all know that looks nothing like reality. <mark>Nobody in this debate had anything more than stereotypes to work with.</mark> The difference between the engineering in our heads and in reality has been noticed by others before, most visibly by Glenn Vanderburg. He read books on engineering to figure out the difference. But I wanted to go further.</p> | |||
<p><cite><em><a href="https://www.hillelwayne.com/post/crossover-project/are-we-really-engineers/">Are We Really Engineers?</a></em> (<a href="/david/cache/2021/6514143dca5d96bf9e751236b800fba5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/15/" title="Lien permanent vers cet article">Comptabilité</a> (2021-02-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je me rends compte que j’ai de plus en plus envie/besoin de compter ce que coûtent certaines choses. J’avais commencé avec la <a href="http://tmp.larlet.fr/ccmc/">voiture achetée en octobre dernier</a> (OK, c’était aussi pour tester TailwindCSS, j’en reparlerai). Je me demande si je ne vais pas faire un truc du même acabit pour le matériel vidéo, une façon de mieux prendre conscience de la valeur des choses.</p> | |||
<p><em>Je dois vieillir aussi…</em></p> | |||
<p>Mais bon tout ça, c’était juste pour planter le contexte. Je suis confronté à des soucis techniques avec ces représentations. Je pourrais mettre ça dans une feuille de calcul mais ça serait me trahir un peu. Les tableaux en HTML c’est quand même pas terrible en terme d’édition/visualisation et en markdown ça demande d’avoir recours à des <a href="https://www.tablesgenerator.com/markdown_tables">outils externes</a> également pour que ça reste lisible. Oh et aussi, j’ai la contrainte que ce soit un brin dynamique — par exemple pour calculer un poids d’équipement, au hasard. Idéalement que ça me fasse la somme des colonnes numériques (peut-être au choix de l’utilisateur·ice ?).</p> | |||
<p>J’avais besoin de noter ceci quelque part, comme un point de départ. En l’exprimant, je me dis que quelques lignes de JavaScript sur un tableau pourraient faire l’affaire ou alors je tente <a href="https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/">un truc complètement fou</a>. Si vous avez d’autres idées/propositions, je prends.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/27/" title="Lien permanent vers cet article">Culpabilité</a> (2021-02-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une mentalité hiérarchique favorise le renoncement aux plaisirs de la vie. Elle justifie le labeur, la culpabilité et le sacrifice des « inférieurs », et le plaisir et la satisfaction indulgente de presque tous les caprices de leurs « supérieurs ». […] Cette mentalité imprègne nos esprits individuels sous une forme cumulative jusqu’à aujourd’hui — non seulement sous la forme du capitalisme, mais aussi en tant que vaste histoire de la société hiérarchique depuis ses débuts.<br /> | |||
Si nous n’explorons pas cette histoire, qui vit activement en nous comme les phases précédentes de notre vie individuelle, nous ne seront jamais libérés de son emprise. <mark>Nous pouvons éliminer l’injustice sociale, mais nous ne parviendront pas à la liberté sociale.</mark> Nous pouvons éliminer les classes et l’exploitation, mais nous ne serons pas épargnés par les entraves de la hiérarchie et de la domination. Nous pouvons exorciser l’esprit de profit et d’accumulation de nos psychés, mais nous seront toujours accablés par la culpabilité, le renoncement et une croyance subtile dans les « vices » de la sensualité.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Ce n’est pas la première fois que l’on me fait la remarque que mes écrits sont empreints de culpabilité. <em>Et c’est vrai.</em> Je ne sais pas à quel point cela est lié à ma culture (mes cultures ?) et j’admire les personnes qui sont capables d’accepter leurs privilèges sans ressentir de culpabilité. Peut-être que <a href="/david/2021/02/26/" title="Disponibilité">le partage et la diffusion</a> sont une forme d’acceptation ? Ou au moins une intention de rééquilibrage.</p> | |||
<p>Est-ce que les privilèges peuvent véritablement ruisseler ? À quel point est-ce que parler de ces choses-là me met une fois de plus en avant ? Comment faire pour que mon bruit ne rendent pas silencieux·ses celleux qui ont besoin de faire entendre leurs voix ?</p> | |||
<blockquote> | |||
<p>J’ai lu pas mal de messages contradictoires à ce sujet. D’un côté, il y a des militant·es qui demandent à ce <strong>que l’on ne s’empare pas des oppressions dont on ne fait pas soi-même l’expérience</strong>, pour ne pas faire d’ombre aux personnes concernées, dont les voix ont déjà du mal à porter.</p> | |||
<p>D’autres militant·es estiment au contraire <strong>que c’est aux personnes détentrices d’un privilège d’éduquer leurs pairs</strong>, afin de soulager la charge mentale des personnes concernées, fatiguées de devoir faire ce travail pédagogique permanent.</p> | |||
<p><mark>J’ai encore du mal à trouver l’équilibre.</mark> Amplifier la voix des personnes concernées me semble indispensable, et j’ai l’impression de le faire quand je partage des contenus qu’elles ont créés.</p> | |||
<p>Mais, malgré ma volonté de multiplier les points de vue et les représentations, il y a un paquet d’angles morts dans ce que je choisis de partager.</p> | |||
<p><cite><em><a href="https://lalunemauve.fr/emois-en-photos-annee-blanche-annee-noire-2-distance/">Émois en photos : année blanche, année noire - 2 : distance</a></em> (<a href="/david/cache/2021/03efcc832beba4212f70128850c9fe1f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/28/" title="Lien permanent vers cet article">Constance</a> (2021-02-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>L’une des choses que me procure l’écriture quotidienne (et que j’avais oubliée) c’est de réduire drastiquement la pression au niveau de la qualité de ce qui est partagé. Sur un tel flux, il y a forcément des inégalités de pertinence et je ne peux que l’accepter — ou renoncer. C’est un excellent moyen de lâcher prise sur l’un de mes principaux blocages liés à l’écriture, en ajoutant ce qu’il faut de bruit je me crée un espace vivant, en <a href="/david/2021/01/24/" title="Négativité">retranchant</a> ce qu’il faut d’attention pour ne pas créer une bulle mortifère.</p> | |||
<blockquote> | |||
<p>Dans une telle cacophonie informationnelle qui nous plonge, bon gré mal gré, dans une situation de cocktail mondial, qu’est-ce qui va retenir notre attention ? Quelles sont les propositions qui vont capter notre précieux temps de cerveau disponible ? Quels sont les produits cognitifs qui auront un avantage concurrentiel sur ce marché de l’information devenu métastasé ?</p> | |||
<p><cite><em><a href="https://theconversation.com/bonnes-feuilles-apocalypse-cognitive-155247">Bonnes feuilles : « Apocalypse cognitive »</a></em> (<a href="/david/cache/2021/127326e70c4f151132af72e4b0a5827b/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/07/" title="Lien permanent vers cet article">@World</a> (2021-03-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When I write a certain kind of email — aka a blog post — why do I have to address it to someone? Why can’t I just address my thoughts to the world? Direct to the web for anyone and everyone? Rather than define the recipients, I just write and let the recipients find me.</p> | |||
<p>[…]</p> | |||
<p>This post you’re reading right now is the world’s first HEY World post. And I published it by <mark>simply emailing this text directly to world@hey.com</mark> from my jason@hey.com account. That was it.</p> | |||
<p><cite><em><a href="https://world.hey.com/jason/hey-world-b02a6f2e">"Hey, World!"</a></em> (<a href="/david/cache/2021/aeed011f624ca8954d97f5bc4b53a6e8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Plus que la publication via un courriel, ce qui m’intéresse(rait) dans cette approche c’est le fait de pouvoir faire une réponse à ce courriel en mettant le monde en copie. J’ai souvent des échanges privés qui pourraient être partagés et peut-être que si la barrière était un peu moins haute ça m’inciterait à la sauter.</p> | |||
<p>Cela se rapproche d’une archive de liste de discussion qui sert de commentaires, ce que j’avais expérimenté il y a quelques années mais l’intégration était fastidieuse. Peut-être qu’en créant une boite <abbr title="Internet Message Access Protocol">IMAP</abbr> dédiée cela pourrait aller plus loin qu’un générateur de blogs. Genre, des commentaires décentralisés. #RunningGag</p> | |||
<p>J’ai besoin de laisser mûrir cette idée.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/20/" title="Lien permanent vers cet article">Manuel</a> (2021-03-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I’ve created a <mark>user manual about myself</mark> and I’d love to hear what other questions people think should be included in something like this. I also think there should be a caveat that this is done knowing that not all your needs and preferences can be met, but there is still value in making them explicit for those you work with.</p> | |||
<p><cite><em><a href="https://cassierobinson.medium.com/a-user-manual-for-me-d3a851fbc694">A user manual for me</a></em> (<a href="/david/cache/2021/720b1db6efb78ef6790594ad1a8b7980/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je découvre cet article <a href="https://numerique.canada.ca/2018/08/21/collaboration-productive/">via le SNC</a> (<a href="/david/cache/2021/7405ceb4a34705e65bc5ccc4f025a0b8/">cache</a>) qui propose la <a href="https://docs.google.com/presentation/d/1KNNLKtFYoLOdTZ5Ez0ZBXwDGcZNB7AcfKr-4iMNF5L0/edit#slide=id.g3fd0daa6c4_0_0">version traduite</a> suivante :</p> | |||
<ul> | |||
<li>les conditions dans lesquelles j’aime travailler ;</li> | |||
<li>les heures et les moments de la journée pendant lesquels j’aime travailler ;</li> | |||
<li>les meilleures façons de communiquer avec moi ;</li> | |||
<li>les façons dont j’aimerais recevoir des commentaires ;</li> | |||
<li>les choses dont j’ai besoin ;</li> | |||
<li>les choses avec lesquelles j’ai de la difficulté ;</li> | |||
<li>les choses que j’aime ;</li> | |||
<li>les autres choses à savoir à mon sujet.</li> | |||
</ul> | |||
<p>J’aime le fait de pouvoir afficher cela de manière aussi explicite dans son équipe. Je vais essayer de rédiger mon propre manuel.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/30/" title="Lien permanent vers cet article">Six mois</a> (2021-06-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>170 entrées <a href="/david/2021/01/01/" title="PresQuotidien">presquotidiennes</a> ces 6 derniers mois. Quelques brouillons auto-censurés, quelques entrées que j’aurais préféré ne pas publier avec le recul. Un moyen d’évacuer le flux de mes pensées et de produire parfois des échanges bienvenus. Merci aux personnes qui prennent le temps de réagir !</p> | |||
<p>Je ne suis pas sûr de vouloir/pouvoir publier autant cet été, j’ai pas mal de choses prévues et des périodes de coupures plus ou moins longues. J’espère ne pas trop me manquer, au pire un carnet ne sera jamais très loin.</p> | |||
<p>C’est vraiment bon de réussir à écrire.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/29/" title="Lien permanent vers cet article">Lenteur</a> (2021-09-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’exercice est chronophage, épuisant, voire frénétique ; et le rythme de publication est difficilement tenable, autant pour la personne qui écrit <mark>que pour celles qui lisent</mark>.</p> | |||
<p><cite><em><a href="https://journal.loupbrun.ca/n/115/">Médias lents</a></em> (<a href="/david/cache/2021/3054ce1e0493f7b36260a04b5a0fc043/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une question que je me pose souvent vis-à-vis du rythme, il y a une certaine brutalité à asséner des articles quotidiennement. Je sais que certaines personnes avec lesquelles j’interagis sont à la peine de garder ce rythme et la <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me semble aider. Les contenus sont là, rarement dans un <em>tempo</em> critique.</p> | |||
<p>Ils seront probablement accessibles pour quelques années, la lecture peut être quotidienne mais pourrait tout aussi bien être hebdomadaire ou mensuelle. C’est notre soif d’être à jour, d’avoir une pastille d’agrégateur à zéro, qui peut rendre ce rythme intenable. En un sens, le flux <strong>pérenne</strong> peut aider à une gestion personnelle en stock, apaisée, où l’on vient picorer régulièrement (en n’étant pas trop regardant·e sur <a href="/david/2021/02/28/" title="Constance">la qualité</a>). Et je me trompe probablement, il doit y avoir des pratiques dont je n’ai même pas conscience, je serais curieux de connaître la vôtre cher·e lecteur·ice.</p> | |||
<p>Quant à mon propre épuisement, il me semble être plus salutaire qu’autre chose. Une fois l’éponge pressée, elle redevient disponible. Tel un écureuil, je me nourris des graines des autres, j’en déplace, j’en cache, j’en plante et je suis parfois surpris que ça puisse pousser… me créant un nouveau terrain de jeux.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/07/" title="Lien permanent vers cet article">Consigner</a> (2021-10-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When you “P2” something, you’re writing a blog post, where you can tag in coworkers and cross-post to other P2s. What do teams use P2s for? Absolutely everything. Checklists for onboarding, status reports on projects, thoughts about detailing projects, discussions about best coding practices, architectural diagrams, marketing data analyses, and more. The best part is that the entire company’s history of P2s is available to search through. Also, you can subscribe to literally any P2, and comment on it as necessary, starting with your own team’s.</p> | |||
<p>Why P2s? Because they capture fleeting one-off written communication: <mark>you can read a P2 at your own speed, in your own timezone</mark>, which is key since we operate across all timezones.</p> | |||
<p><cite><em><a href="https://veekaybee.github.io/2021/07/17/p2s/">Writing for distributed teams</a></em> (<a href="/david/cache/2021/83fa7f0f8105aa10ffc88555f5699f1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On a essayé pas mal de chose avec Scopyleft pour garder des traces de discussions, de décisions, avec toujours cette frustration personnelle que le résultat est à l’image de la personne qui prend le temps de consigner cette histoire. La difficulté d’une écriture commune est réelle et je me sen(tai)s un peu démuni face à ce dilemme d’avoir envie (besoin ?) de retenir des choses tout en n’assumant pas de devenir le scribe officiel. On se retrouve avec une base de connaissance éclatée dans laquelle il est difficile de (re)trouver une information.</p> | |||
<p>La solution mise en place par Automattic (avec un <a href="https://ma.tt/2009/05/how-p2-changed-automattic/">recul non négligeable</a> (<a href="/david/cache/2021/e14051435f3a2513d136df430ae973b3/">cache</a>)), à mi-chemin entre le blog et l’interactivité d’un réseau social est vraiment alléchante. Suffisamment pour me faire envisager de coder un truc à ce sujet. J’imagine déjà une version distribuée (re-coucou le fédiverse) qui permettrait de rendre certaines parties publiques, voire des interactions inter-structures sur des projets communs. Une forme de <a href="/david/2020/12/13/#journal">journalisation interactive</a> avec des droits d’accès relativement fins.</p> | |||
<p>Il n’y a pas eu une seule discussion utilisateur·ice et il y a déjà une montagne de fonctionnalités, ça fait une éternité que je n’avais pas parlé de <em>vaporware</em> par ici :-).</p> | |||
<p>Si vous vous demandez à quoi ressemble P2, il y a une <a href="https://videopress.com/v/YYNW9iSj">vidéo en action ici</a> et le seul espace que je connaisse dans la nature est <a href="http://mtlcityweblog.com/">au sujet de Montréal</a>. J’aime notamment que les nouvelles entrées soient mises en surbrillance et disparaissent au <em>scroll</em>, à l’usage c’est pertinent.</p> | |||
<blockquote lang="en"> | |||
<p>Conversations on P2s take place in line, update in real time, and provide space for threaded replies. We’ve stuck with P2 for years now, and it has ultimately evolved into a rich source of institutional wisdom and collective company memory.</p> | |||
<p>[…]</p> | |||
<p>At its core, P2 is organized, searchable knowledge. For example, we write up notes from every meeting, and tag attendees by name. I can search for any person’s name tag and pull up all conversation history related to the individual in question. <mark>It’s an invaluable resource.</mark></p> | |||
<p><cite><em><a href="https://distributed.blog/2020/06/18/distributed-faq-p2-automattic/">Distributed FAQ: How Did P2 Become Automattic’s Signature Mode of Communication?</a></em> (<a href="/david/cache/2021/92cd5096092b0f66b72ad6e4084c17e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/05/" title="Lien permanent vers cet article">Palimpseste</a> (2021-11-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p> | |||
</blockquote> | |||
<p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p> | |||
<p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p> | |||
<p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p> | |||
<p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois !).</p> | |||
<p><mark>Une semaine plus tard</mark> : je suis le seul participant 😅.</p> | |||
<hr /> | |||
<blockquote lang="en"> | |||
<p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p> | |||
<p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité ?</p> | |||
</details> | |||
<h2><a href="/david/2021/11/08/" title="Lien permanent vers cet article">Écriture</a> (2021-11-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La question est de savoir ce qui reste de la capacité de fiction quand toutes les histoires se publient sans friction et quand seules les frictions semblent capables de « faire histoire » dans le débat public.</p> | |||
<p>[…]</p> | |||
<p>La vitesse de ces enchaînements déterminés algorithmiquement dans le seul but de fabriquer des routines d’aliénation scopique, <mark>cette capacité à ne valoriser le court que tant qu’il concourt à fabriquer de l’artificiellement long en continu</mark>, ce refus total et programmatique du discontinu, cela interroge aujourd’hui notre capacité plus globale, plus politique, à nous confronter à des régimes narratifs nécessitant d’articuler le temps long comme autre chose que la simple agrégation de séquences courtes.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/11/le-temps-de-faire-pus-court.html">Je n’ai pas eu le temps de faire plus court.</a></em> (<a href="/david/cache/2021/4801845e14d06e498d20118977d6c334/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>De l’importance de l’élément perturbateur, de son récit, du rythme imposé par les plateformes, encore un billet bien touffu et nécessaire d’Olivier Ertzscheid.</p> | |||
<p>L’injonction au court(-termisme).</p> | |||
<blockquote lang="en"> | |||
<p>There are 2 things I have come to believe about writing:</p> | |||
<ol> | |||
<li>The average person should write 5x more things than they do.</li> | |||
<li>The average written thing should be 5x shorter than it is.</li> | |||
</ol> | |||
<p><cite><em><a href="https://critter.blog/2020/10/02/write-5x-more-but-write-5x-less/">Write 5x more but write 5x less</a></em> (<a href="/david/cache/2021/0a106edc34e0e32ff31371309ceb668a/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,240 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #étiquette — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #étiquette"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #étiquette</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/09/23/" title="Lien permanent vers cet article">Dossier</a> (2021-09-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s a difficult concept to get across, though. Directory structure isn’t just unintuitive to students — it’s <em>so</em> intuitive to professors that they have difficulty figuring out how to explain it. “Those of us who have been around a while <em>know</em> what a file is, but I was at a bit of a loss to explain it,” lamented one educator […] Others, meanwhile, believe it’s professors who need to adjust their thinking. […] Even professors who have incorporated directory structure into their courses suspect that they may be clinging to an approach that’s soon to be obsolete. […] His advice to fellow educators: Get ready. “This is not gonna go away,” he says. “You’re not gonna go back to the way things were. <mark>You have to accept it.</mark> The sooner that you accept that things change, the better.”</p> | |||
<p><cite><em><a href="https://www.theverge.com/22684730/students-file-folder-directory-structure-education-gen-z">Kids who grew up with search engines could change STEM education forever</a></em> (<a href="/david/cache/2021/f82b9c31388b1f42ddd9d4d7849d7c86/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un article fascinant qui interroge sur ce qui doit être transmis et ce qui doit évoluer par l’usage quitte à adapter les outils… et les modèles mentaux des générations précédentes. Ces derniers sont probablement les moins flexibles.</p> | |||
<p>Je me suis rendu compte que je classais beaucoup moins mes courriels, je suis passé d’une arborescence assez profonde à une demi-douzaine de dossiers. Je peux me le permettre car la recherche de Mail.app est très pertinente, en contrepartie cela me lie fortement à l’outil et dès que je teste une alternative je suis frustré par ce manque.</p> | |||
<p>Tristement, j’ai construit mes propres barreaux. Chaque génération est-elle condamnée à tenter de les transformer en échelles ?</p> | |||
<figure> | |||
<a href="#nuages" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nuages.jpg" alt="Des nuages dans le ciel." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nuages"> | |||
<img src="/static/david/2021/nuages.jpg" alt="Des nuages dans le ciel." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Rester léger.</figcaption> | |||
</figure> | |||
<hr /> | |||
<p>Réponse(s) de <a href="https://eldritch.cafe/@davidbruant/107020047121002118">David</a> :</p> | |||
<blockquote> | |||
<p>Ma croyance, c’est que les dossiers sur ordi sont un héritage de la manière dont les systèmes d’exploitation sont organisés (par fichier et dossier)<br /> | |||
Et les premières interfaces utilisateurs ont reflété naïvement l’API du système d’exploitation</p> | |||
<p>Et c’était mieux que rien</p> | |||
<p>Et clairement, une fois que l’on peut chercher via une requête textuelle qui a une compréhension correcte des dates et du langage, la notion de dossier perd complètement son intérêt</p> | |||
<p>Déjà, le déplacement de « dossier » vers « label » que GMail a proposé a été un premier pas en avant libérateur pour les emails</p> | |||
<p>Le dossier, c’est une des solutions possibles au problème « j’ai besoin de retrouver une information »<br /> | |||
Et il y en a beaucoup d’autres</p> | |||
<p>J’imagine que le dossier émerge dans les systèmes d’exploitation, parce qu’il faut trouver <em>une</em> solution au problème de retrouver ses infos et le rangement manuel dans des dossiers, c’est 1) assez familier comme modèle mental et 2) facile à implémenter (enfin j’imagine parce que je n’ai jamais implémenter un système de fichier… en tout cas, c’est beaucoup plus facile à implémenter qu’un système qui comprend le langage)</p> | |||
<p>Une des difficulté à implémenter autre chose que des dossiers (ou des labels), c’est que ça amène rapidement des problèmes de performance ou de pertinence</p> | |||
<p>Les dossiers, il n’y a pas de problème de performance (…et pour la pertinence, on délègue entièrement la responsabilité à l’utilisateur de créer/maintenir une arborescence qui lui est pertinente)</p> | |||
<p>Implémenter un système de recherche pertinent, ça demande une compréhension correcte du langage du contenu<br /> | |||
…mais quel langage ?<br /> | |||
parce qu’une recherche s’implémente différemment selon le langage<br /> | |||
Et si on travaille dans plusieurs langues ?</p> | |||
<p>Et l’usage de la recherche devient une partie importante de l’expérience utilisateur</p> | |||
</blockquote> | |||
<p>Je tombe également sur : <a href="https://techcrunch.com/2021/09/29/google-introduces-a-new-way-to-search-that-combines-images-and-text-into-one-query/">Google introduces a new way to search that combines images and text into one query</a> (<a href="/david/cache/2021/b65dcd34bb1ea8d8b610aaf06a0b5902/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/11/12/" title="Lien permanent vers cet article">Étiquettes</a> (2021-11-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In hierarchical file systems, the path to a file tells us how to retrieve it, not what is inside the file. For example, “/home/john/diary.txt” tells the computer to start from the root, go into the directory named “home”, go into the subdirectory named “john”, and follow the link named “diary.txt” to access the file. It doesn’t necessarily tell us anything about what the file contains – for all we know, it could be an actual diary or a downloaded movie. To make matters worse, the meaning of the path is relative to which computer system we’re working on. The same path “/home/john/diary.txt” might exist on a distant server, but possess completely different file content.</p> | |||
<p><cite><em><a href="https://www.nayuki.io/page/designing-better-file-organization-around-tags-not-hierarchies">Designing better file organization around tags, not hierarchies</a></em> (<a href="/david/cache/2021/2fc0d9333db2b78b5a110724fba31b22/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un long article un peu technique sur le passage d’un stockage hiérarchique à une structure complètement plate en passant par des <em>tags</em>.</p> | |||
<p>Ceci m’intéresse à <a href="/david/2021/10/07/" title="Consigner">double</a> <a href="/david/2021/09/23/" title="Dossier">titre</a>. Ce qui m’interpelle cette fois-ci, c’est qu’une fois la hiérarchie établie par un·e précurseur·euse, les <a href="/david/2021/03/17/" title="Arrivant·es">autres</a> doivent suivre et se retrouvent avec moins de libertés. Une approche par étiquettes permet potentiellement de privilégier une structure permettant une évolution plus fluide.</p> | |||
<p>Peut-être que la façon dont on nous a appris à ranger nos affaires numériques en dit plus que ce que l’on pense. Et je ne parle même pas des URLs. Comme une envie de <a href="/david/2021/11/02/" title="Réflexion">revisiter</a> des choses par ici.</p> | |||
<hr /> | |||
<blockquote> | |||
<p><em>[Lisant le titre d’un livre posé dans le salon : « Les lois naturelles de l’enfant »]</em><br /> | |||
— <mark>Nous</mark>, on n’a pas de lois.</p> | |||
</blockquote> | |||
<p>🤗</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,321 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #exploration — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #exploration"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #exploration</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/05/09/" title="Lien permanent vers cet article">Reflets</a> (2021-05-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Abandonner, n’est-ce pas fermer les yeux sur la banalité de notre existence ?</p> | |||
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p> | |||
</blockquote> | |||
<p>Je continue sur ma lancée. Pour quelqu’un qui <a href="/david/2021/05/04/" title="Touriste">ne souhaitait pas partager</a>, c’est raté. J’ai pris beaucoup de plaisir à faire des photos lors de cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>. Il y a un côté rassurant, presque thérapeutique, à se dire qu’il suffit parfois de déclencher pour ramener une image qui ne va pas demander des heures de post-production.</p> | |||
<p>Je me demande s’il y a des astuces pour transformer des bâtons de randonnée en <em>sliders</em> vidéo. Si non, ça serait probablement un projet fun avec une imprimante 3D. J’imagine deux raccords aux extrémités et de quoi fixer le trépied au milieu. La partie mobile pourrait être reprise d’une solution commerciale. À dessiner.</p> | |||
<hr /> | |||
<figure> | |||
<a href="#soleil-soir" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/soleil-soir.jpg" alt="Reflet du soleil sur un lac avant son coucher" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="soleil-soir"> | |||
<img src="/static/david/2021/soleil-soir.jpg" alt="Reflet du soleil sur un lac avant son coucher" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Jeux de lumières et de reflets au soleil couchant.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#reflets-matin" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/reflets-matin.jpg" alt="Reflet sur un lac de bon matin" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="reflets-matin"> | |||
<img src="/static/david/2021/reflets-matin.jpg" alt="Reflet sur un lac de bon matin" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Une envie de jouer avec l’envers du miroir.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#reflets-nuages" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/reflets-nuages.jpg" alt="Reflet de nuages sur un lac" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="reflets-nuages"> | |||
<img src="/static/david/2021/reflets-nuages.jpg" alt="Reflet de nuages sur un lac" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Les plantes s’envolent…</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#reflets-arbre" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/reflets-arbre.jpg" alt="Reflet d’un arbre sur un lac" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="reflets-arbre"> | |||
<img src="/static/david/2021/reflets-arbre.jpg" alt="Reflet d’un arbre sur un lac" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>…et les arbres s’abreuvent.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/21/" title="Lien permanent vers cet article">Électrique</a> (2021-08-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>En 2020, on a acheté une <a href="/david/2021/07/16/" title="Char">voiture</a> et… une brosse à dent électrique. Je vous rassure, j’ai beaucoup fait pipi sous la douche pour compenser. Je fais aussi une partie de ma lessive sous la douche (pas au même moment…), mais c’est une autre histoire. Donc, voilà, je suis passé du bambou recyclé d’Indonésie avec des poils de yacks de l’Himalaya local à un bâton de lithium extrait par des mineurs-esclaves. C’est <em>grosso modo</em> l’équivalent de passer du vélo au SUV. La bouche est bouclée (rires).</p> | |||
<p>J’en parle pour me justifier parce que c’est bien évidemment difficile à assumer… et pourtant, je n’ai jamais eu les dents aussi propres — ou du moins la sensation qu’elles le soient. À tel point que cela est devenu une nouvelle dépendance (dans le sens dont-je-pourrais-difficilement-me-passer) tellement la différence est frappante. Notamment au retour de la forêt.</p> | |||
<p>Je suis curieux de voir ce que ça donne niveau longévité, après neuf mois elle est encore en parfait état et je n’ai eu besoin que d’un embout de brosse (on partage la poignée). Six minutes par jours à faire vibrer mes dents, parfois davantage lorsque je suis en régime estival (il faudra que je parle de ça), et à méditer sur le nombre d’esclaves énergétiques qui s’activent dans ma bouche pour que je puisse me sentir propre.</p> | |||
<blockquote> | |||
<p>Nous n’enseignons pas l’histoire ; nous recréons l’expérience. Nous suivons la chaîne des conséquences — la piste de la bête dans sa forêt. Regardez au-delà de nos paroles et vous apercevrez toute l’étendue d’un comportement social qu’aucun historien n’a jamais effleuré.</p> | |||
<p><cite><em>Panoplia Propheticus B. G.</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#bouees-barrage" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="bouees-barrage"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Heureusement que l’électricité est très relativement « propre » dans le coin.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/22/" title="Lien permanent vers cet article">Allemansrätten</a> (2021-08-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Il y a toujours un mot allemand, japonais ou… suédois pour exprimer avec concision (et exotisme !) un concept qui n’est pas tout à fait exprimable en français, en tout cas pas en un seul mot. Ici, je parle de « <a href="https://fr.wikipedia.org/wiki/Droit_d%27acc%C3%A8s_%C3%A0_la_nature">Droit d’accès à la nature</a> » qui s’exerce à divers endroits (pays scandinaves mais pas que, la <a href="https://en.wikipedia.org/wiki/Freedom_to_roam">page wikipedia en anglais</a> est — comme souvent — plus complète) avec des contraintes différentes selon les localités. C’est un concept que je ne connaissais pas avant de m’inquiéter de cela au Canada (et de regarder des bushcrafteur·euses suédois·es sur Google Youtube).</p> | |||
<p>Ce qui s’en approche localement, c’est le concept de <a href="https://en.wikipedia.org/wiki/Crown_land">Crown land</a> qui est traduit par les <a href="https://fr.wikipedia.org/wiki/Terres_du_domaine_de_l%27%C3%89tat">Terres du domaine de l’État</a> en québécois. Je me suis mis en quête d’une carte de ces terres. Il existe un <a href="https://appli.mern.gouv.qc.ca/Rde/Info/Propos">registre dédié</a> qui fait notamment un lien vers <a href="http://legisquebec.gouv.qc.ca/fr/ShowDoc/cs/T-8.1/">le texte de loi</a>. Les terres sont peut-être visibles sur <a href="https://appli.mern.gouv.qc.ca/Infolot/">cette carte interactive</a> (avec un accès difficile) permettant de visualiser les territoires plus ou moins jaunes (habités) et <q>non organisés</q>. Je ne suis pas sûr de la façon dont le <em>Crown land</em> est représenté et s’il faut faire une requête spéciale pour un bout de terrain donné. Si j’en crois <a href="https://appli.mern.gouv.qc.ca/Rde/Documents/caractere_prive_public_rde.pdf">ce document</a>, il y aurait une notion de terres publiques/privées.</p> | |||
<p>En parallèle sur Mastodon, on me pointe <a href="https://mern.gouv.qc.ca/ministere/cartes-information-geographique/repertoire-services-web-donnees-geographiques/">cette liste de cartes</a> qui comprend notamment <a href="https://mern.gouv.qc.ca/repertoire-geographique/droits-fonciers/">celle des droits fonciers</a>. J’y découvre aussi des couches topographiques bien plus précises que ce que j’ai pu trouver par ailleurs, trop pratique pour de futures explorations !</p> | |||
<p>Pourquoi s’intéresser à tout ceci ? J’ai toujours dans un coin de ma tête ce <a href="/david/2021/03/12/" title="Forêt">projet un peu f(l)ou</a> et j’imagine que ça serait plus cohérent en bordure d’espaces qu’il serait possible de parcourir librement. Si j’ai loupé des trucs, je veux bien apprendre.</p> | |||
<blockquote> | |||
<p>La férocité que nous manifestons à nos ennemis est toujours tempérée de la leçon que nous espérons leur donner.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#pigeon-quebecois" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/pigeon-quebecois.jpg" alt="Un pigeon avec un drapeau québécois en fond." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="pigeon-quebecois"> | |||
<img src="/static/david/2021/pigeon-quebecois.jpg" alt="Un pigeon avec un drapeau québécois en fond." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Sans commentaire.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/28/" title="Lien permanent vers cet article">Copie(s)</a> (2021-08-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As long as there is design, there will be copying.</p> | |||
<p><cite><em><a href="https://matthewstrom.com/writing/copying/">Copying is the way design works</a></em> (<a href="/david/cache/2021/4072b1e628106ec95319062a87d21f47/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Je trouve cela d’autant plus ironique de faire une copie locale de cet article.</em></p> | |||
<p>Je parcoure de vieux onglets ces derniers jours, cela permet de mieux évaluer si ce que j’ai conservé plusieurs mois dans mon navigateur est encore pertinent. Je redécouvre des choses, je croise des aspirations passées comme apprendre le <a href="http://lvogel.free.fr/tokipona/">toki pona</a> (merci <a href="http://shl.huld.re/~f6k/">f6k</a>), des infographies du début de la pandémie, des <a href="http://www.coureursdeboises.com/img/carte.pdf">cartes de ski de fond</a> de lieux qu’il reste à explorer, pas mal d’articles autour de la <a href="https://www.pikselkraft.com/les-ressources-pour-l-ecoconception-et-la-sobriete-numerique/">sobriété</a> (<a href="/david/cache/2021/07f65527fb51a3d31cfd7173bde1d76c/">cache</a>), de la <a href="https://www.the-trouble.com/content/2021/2/11/ecosocialism-is-the-horizon-degrowth-is-the-way">décroissance</a> (<a href="/david/cache/2021/e554fd03f2342ab72115688dd258cba4/">cache</a>) et <a href="https://wiki.lescommuns.org/wiki/Low-tech_et_Communs">des communs</a> (<a href="/david/cache/2021/7a21fd7cca573df8b35b973d8ee080c8/">cache</a>), <a href="https://timdaub.github.io/2021/01/16/web-principles/">beaucoup</a> (<a href="/david/cache/2021/63317c91823b52571b851e7a27eb7b4f/">cache</a>) de <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs">technique</a> (<a href="/david/cache/2021/23d224bccb7af8db5017cebf813fec56/">cache</a>) <a href="https://bart.degoe.de/building-a-full-text-search-engine-150-lines-of-code/">bien sûr</a> (<a href="/david/cache/2021/b56bb56209a04e6144454283a22311ad/">cache</a>), des <a href="https://adamwilt.com/fieldmonitor/">outils</a> <a href="https://sites.google.com/site/starryskystacker/home">autour</a> de la photo/vidéo… et déjà pas mal de 404.</p> | |||
<p>C’est presque de la pré-archéologie.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/09/" title="Lien permanent vers cet article">Slowgrégateur</a> (2021-10-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The current state web browsers is particularly damning from this perspective. Web browsers have access to such a treasure trove of valuable, often well-structured information about what we learn and how we think, what interests we have, and who we talk to. Rather than trying to take that information and <mark>let us build workflows out of them</mark>, browsers remain a strictly utilitarian tool – a rectangular window into documents and apps that play dumb, ignorant of the valuable information that transits through them every day. I think we can do better.</p> | |||
<p><cite><em><a href="https://thesephist.com/posts/browser/">The web browser as a tool of thought</a></em> (<a href="/david/cache/2021/ed384fc76fbe9728070efb6c71a0eb9c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai de plus en plus envie/besoin que ce soit mon agrégateur de <a href="/david/blog/2019/flux-rss/">flux RSS</a> qui soit plus flexible. Personnaliser l’indexation, choisir de pouvoir introduire du délai entre les articles (voir plus bas), distinguer ce qui peut rester en stock sans que ce soit problématique, etc.</p> | |||
<p><a href="https://hello-bokeh.fr/">Anne-Sophie</a> me racontait qu’elle avait réussi à reconstruire un flux à partir d’un site qui donnait des conseils/tutos pour enfants avec plusieurs années de décalage pour que ça soit synchronisé avec un âge qui lui est pertinent, je trouve cela fabuleux et tellement peu mis en avant.</p> | |||
<p>Un autre exemple, lorsque je découvre un blog qui m’intéresse, je vais lire les dernières entrées mais ce qui serait pertinent serait de remonter d’anciens articles sporadiquement pour m’aider à mieux comprendre comment la personne en est arrivée là. C’est le cheminement que je trouve intéressant.</p> | |||
<p>Une dernière option, un flux de plusieurs milliers d’éléments c’est sous-optimal vu que c’est une technologie basée sur le fait de répéter des requêtes indéfiniment sur cette ressource (vs. uniquement pousser les nouveaux éléments vers les clients). En revanche, récupérer l’intégralité du stock une bonne fois pour toute afin de l’indexer et faire remonter des choses via une recherche plus ou moins intelligente, là c’est pertinent. Je ne connais pas d’option dans ces formats pour différencier ces deux usages.</p> | |||
<p>J’aurais plein d’autres idées, mon problème avec les outils actuels n’est pas liée à l’infobésité mais à la malnutriformation (?!) : avoir l’impression de toucher du doigt des mines d’informations et de réflexions qui sont enfouies par les 10 dernières entrées.</p> | |||
<p><em>Je pense que l’on peut faire mieux.</em></p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,228 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #féminisme — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #féminisme"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #féminisme</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/10/16/" title="Lien permanent vers cet article">Situation</a> (2021-10-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Grâce à Maud et son crayon, nous avons pu faire de la B.D. un formidable outil pour crier nos colères, témoigner des injustices, parfois avec rage ou une pointe de découragement et de tristesse mais souvent avec humour. Tantôt espace de déversement de nos colères ou échappatoire jubilatoire, cette B.D. a aussi été l’occasion pour nous de réfléchir à de potentielles voies d’émancipation, notamment collectives. Face à des situations de sexisme qui nous sautent aux yeux et nous laissent souvent impuissantes, s’esquissent désormais des scènes de B.D. qui dénoncent l’oppression.</p> | |||
<p>Notre B.D., si elle se veut féministe, n’a pas pour ambition de parler au nom de toutes les femmes. Elle est le reflet des constructions sociales de ses autrices : nous sommes toutes les six des femmes jeunes, cisgenres, blanches, hétéronormées et ayant fait des études supérieures. <mark>Nous ne prétendons donc pas à l’universalité de nos propos et nous avons essayé de garder en tête cette dimension située.</mark> Comme nos personnages, nous bénéficions d’un certain nombre de privilèges. Certains conscients, d’autres sans doute moins…</p> | |||
<p><cite><em>Il est où le patron ?</em>, Maud Bénézit & Les paysannes en polaire</cite></p> | |||
</blockquote> | |||
<p>J’aimerais pouvoir exprimer cela de manière claire sur cet espace. La difficulté d’un écrit en ligne est que l’on peut facilement tomber dessus sans avoir plus que ça de notion de temporalité ou d’évolution de l’auteur·ice. Ma façon de me situer aujourd’hui sera probablement différente de celle que j’aurais explorée demain.</p> | |||
<p>Quel support pour le palimpseste d’une vie ?</p> | |||
<hr /> | |||
<p>Le même soir, je <a href="https://www.ulule.com/lecoeursurlatable/">lis</a> :</p> | |||
<blockquote> | |||
<p>Ce que je veux vous faire comprendre avec cette longue présentation, c’est que <strong>nous sommes tous et toutes situé·es socialement</strong>, que nous devons composer avec un curieux mélange de privilèges et de discriminations, qui se cumulent et s’entrecroisent. Ça nous marque au fer rouge, ça modèle nos consciences et nos subjectivités, et donc nos façons d’aimer et d’être aimé·es.</p> | |||
<p>Ce qui veut dire que nous ne sommes pas tout à fait libres, mais pas totalement déterminé·es non plus. Et je crois que <mark>plus on prend conscience de tout ce qui nous détermine, plus on peut être libre</mark>.</p> | |||
<p><cite><em>Le Cœur sur la table</em>, Victoire Tuaillon</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/09/" title="Lien permanent vers cet article">Junior</a> (2021-11-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Pour diminuer ces risques, les entreprises devraient accepter de <mark>renoncer à une part de rentabilité immédiate au profit d’une forme d’investissement durable</mark> reposant sur le recrutement de davantage de juniors. En comprenant que ces juniors sortant de formations courtes – qui sont, notamment, des femmes – auraient pu être ingénieurs ou ingénieures si ils ou elles n’avaient pas rencontré dès l’enfance toute une série de barrières socio-culturelles, l’industrie miserait sur son propre avenir.</p> | |||
<p><cite><em><a href="https://usbeketrica.com/fr/article/le-manoir-de-verre-comment-la-tech-traite-t-elle-les-femmes-developpeuses-ou-data-scientists">« Le manoir de verre » : comment la tech traite-t-elle les femmes développeuses ou data scientists ?</a></em> (<a href="/david/cache/2021/da6f2715327f68a1955044955fb913ea/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des jours où je suis bien content de voir l’évolution de <a href="http://scopyleft.fr/">scopyleft</a> sur ce plan là. Cette dernière année, nous sommes devenu·es paritaires en réduisant notre moyenne d’âge de 5 ans. Ce qui se joue en interne va bien au-delà de ces chiffres et je vais avoir besoin de davantage de recul pour en parler.</p> | |||
<p>Jusqu’ici c’est très chouette :-).</p> | |||
<blockquote lang="en"> | |||
<p>We end up in a situation where the demand for senior developers far outweighs the capacity and willingness of the companies to train juniors. Up until recently it wasn’t that bad though, we were in kind of an stable situation - the number of developers needed was growing steadily, the attrition was stable, companies were offering some internships and entry-level positions, universities and bootcamps provided streams of candidates. It wasn’t very easy to get the first job in the industry, but with enough effort and determination it was possible even for someone who has just started programming.</p> | |||
<p>And then came the pandemic.</p> | |||
<p><cite><em><a href="https://www.notonlycode.org/nobody-hires-juniors/">Why nobody hires junior developers anymore</a></em> (<a href="/david/cache/2021/28dd93134ff6df75757a564c42834ff3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>PS : niveau salaires par contre, c’est très inégal et ce sera l’opportunité d’un futur billet.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/11/" title="Lien permanent vers cet article">Écoute</a> (2021-11-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Attention : notre écoute peut paraître paternaliste si nous insistons pour que des femmes parlent dans une réunion mixte, par exemple. Il importe donc de bien exposer les motifs de cette préoccupation, et il est sans doute <mark>préférable d’indiquer que les hommes parlent trop</mark>, plutôt que de souligner que les femmes ne parlent pas.</p> | |||
<p><cite><em><a href="https://scenesdelavisquotidien.com/2014/07/25/petit-guide-de-disempowerment-pour-hommes-profeministes/">Petit guide de « disempowerment » pour hommes proféministes</a></em> (<a href="/david/cache/2021/30709e92d7de1162f310f3c64b991c6d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je suis de plus en plus attentif à la répartition de la parole dans un groupe mixte, considérant que ce temps d’attention est un facteur majeur de déséquilibre. Cette simple (dé)mesure est trop souvent édifiante.</p> | |||
<p>Note : j’ai encore du travail à faire de mon côté.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,274 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #frugalité — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #frugalité"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #frugalité</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/02/" title="Lien permanent vers cet article">Complexité</a> (2021-02-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As much as we talk about avoiding complexity <em>in</em> our programs, we seem to love the complexity of the tooling <em>around</em> our programs. As Ousterhout notes, <mark>every time you add a tool or configuration to a project, you’re adding an element that developers must learn</mark>, be aware of, or at minimum be exposed to. So while we think we’re lowering the bar of contributing and collaborating on a project — which may be true for <em>some</em> people — it’s possible we’re actually excluding people from contribution and collaboration because of the overwhelming complexity of our team of robots.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2021/codbase-collaboration-between-humans-and-robots/">Codebase Collaboration Between Humans and Robots</a></em> (<a href="/david/cache/2021/321b85630164ca075bd3be265f23aed5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><a href="/david/2021/02/01/" title="Software">Suite</a> de mes réflexions sur le sujet (et en fait il s’agit d’un truc autour duquel je tourne depuis <a href="/david/blog/2014/gaspillage-numerique/">pas mal de temps</a>), je doute de plus en plus de la pertinence de ces enchaînements d’étapes à chaque <em>commit/push</em>. Ma difficulté actuelle est de faire la distinction entre les moments où c’est important et ceux où ça peut être facultatif (et potentiellement le rendre désactivable). On peut rapidement être <a href="https://osd.ovh/index.php?article10/nostalgie-de-lancien-web">nostalgique</a> (<a href="/david/cache/2021/59bd3fea3b3b370bd6b116e77effb69e/">cache</a>) d’un temps où l’on n’avait pas tout ça mais je me rappelle aussi du renommage des fichiers en direct sur le serveur et des conflits ou des oublis lorsqu’on travaille à plusieurs dessus, etc. C’était l’enfer et c’est bien pour cela que l’on s’est outillé un minimum depuis.</p> | |||
<p>Il y a probablement un entre-deux plus sain à trouver. Et en fait <em>plusieurs</em> en fonction du contexte. Je regrette parfois d’avoir lâché du lest sur certains aspects, j’en apprécie d’autres au quotidien. Une histoire de compromis.</p> | |||
<blockquote lang="en"> | |||
<p>The technology stack was not the limit we faced in this project over the years. It was rather the <mark>abstractions</mark> we created our own that got in our way.</p> | |||
<p><cite><em><a href="https://9elements.com/blog/maintaining-javascript-applications-in-the-long-term/">Maintaining JavaScript applications in the long term</a></em> (<a href="/david/cache/2021/6d16a2f955aeaa4f23c239373824143f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/05/" title="Lien permanent vers cet article">Réparation</a> (2021-02-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>A heavier and well-designed object feels different. You don’t have it always with you just in case. You don’t throw it in your bag without thinking about it. It is not there to relieve you from your boredom. Instead, moving the object is a commitment. A conscious act that you need it. You feel it in your hands, you feel the weight. You are telling the object: « I need you. You have a purpose. » When such a commitment is done, the purpose is rarely « scroll an endless stream of cat videos ». <mark>Having a purpose makes it harder to throw the object away because a shiny new version has been released.</mark> It also helps draw the line between the times where you are using the object and the times you are not.</p> | |||
<p>Besides sturdiness, one main objective from the ForeverComputer would be to use as little electricity as possible. Batteries should be easily swappable.</p> | |||
<p><cite><em><a href="https://ploum.net/the-computer-built-to-last-50-years/">The computer built to last 50 years</a></em> (<a href="/david/cache/2021/c4dd46c6f0fe9310b47dd3abda0b5280/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Superbe initiative. Je suis en train de creuser le monde de la vidéo et (bien que chaque fabricant de matériel ait son propre format, batterie, stockage, etc.) je me demandais à quoi pourrait ressembler un ordinateur avec écran indépendant et alimenté par sa propre batterie comme ceux que l’on peut connecter à une caméra depuis son port HDMI. Je vois bien la contrainte mais je vois aussi la modularité et la possibilité de changer des pièces indépendamment les unes des autres.</p> | |||
<p>Un petit bémol sur la partie chiffrement, je ne pense pas que ce soit un pré-requis pertinent pour limiter la consommation énergétique de ce ForeverComputer. À la limite, un hash pour vérifier l’intégrité des fichiers après leur copie et suivre leur évolution mais tout ce qui a trait à la cryptographie évolue trop au cours du temps à mon avis. Sans compter qu’en perdant la clé de déchiffrement, on perd les contenus qui vont avec, ce qui me semble à l’opposé de l’idée de pouvoir les conserver plusieurs décennies.</p> | |||
<p>J’apprécie aussi l’approche qui consiste à commencer par faire un petit pas avec WriteOnly qui permettrait de tester la partie usage avant de passer à la suite.</p> | |||
<blockquote lang="en"> | |||
<p>To mend is to comprehend a human scale problem, and without this understanding our creations become strange creatures. We see this in the common examples of our time, from architecture to websites: <mark>Things used daily that, inexplicably, do not seem to be invented for human use.</mark> In the case of housing, bad architecture treats a human-scale environment as if it were a commodity-scale problem. The creators of some places see inhabitants not as humans but parameters. I do not need to spoil your view with visions of this architecture, I only wonder, what have their creators ever repaired?</p> | |||
<p><cite><em><a href="https://simonsarris.substack.com/p/that-which-is-unique-breaks">That which is unique, breaks</a></em> (<a href="/david/cache/2021/6ad5b5985682512c140781b2b3c9ff7c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/18/" title="Lien permanent vers cet article">Castors</a> (2021-02-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Construire soi-même sa maison, quand on n’est pas du métier, cela peut sembler mission impossible. Et pourtant, c’est ce qu’ont fait des milliers de Français dans les années 1950, avec le Mouvement des Castors. Des agriculteurs, des cheminots, des ouvriers… sont devenus des autoconstructeurs.</p> | |||
<p>Ils sont même allés encore plus loin : plutôt que se concentrer sur leur maison individuelle, <mark>ils se sont regroupés pour construire ensemble des quartiers entiers</mark>. « Les gens qui travaillaient sur les maisons ne savaient pas si c’était la leur ou celle du voisin, une fois qu’elles étaient terminées, elles étaient tirées au sort », explique Eric Tortereau, co-président de l’association des autoconstructeurs Castors Rhône-Alpes.</p> | |||
<p><cite><em><a href="https://www.18h39.fr/articles/ils-construisaient-leurs-maisons-tous-ensemble-puis-les-tiraient-au-sort-lhistoire-des-castors.html">Ils construisaient leurs maisons tous ensemble puis les tiraient au sort : l’histoire des Castors</a></em> (<a href="/david/cache/2021/13fac7e78342ffd7e5286a6d5519e19e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me surprends parfois à rêver d’un tel avenir post-Covid. J’imagine que ça n’est pas (encore ?) suffisamment dévastateur pour que l’on en arrive à une telle solidarité. Peut-être à la prochaine marche de notre descente énergétique ?</p> | |||
</details> | |||
<h2><a href="/david/2021/03/13/" title="Lien permanent vers cet article">In·dépendance</a> (2021-03-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I read a lot of other people’s code. I highly recommend it. One of my golden rules is that you shouldn’t blackbox things you don’t need to. I like to <mark>“use dependencies for efficiency, not ignorance.”</mark></p> | |||
<p>When I’m vendoring code - copying it into the project and making it pass my basic eslint & testing standards, I’ll do light rewrites and refactors of new code, allowing me to get a deeper understanding of how they work and where their limits lie.</p> | |||
<p>[…]</p> | |||
<p>And sometimes, sure - I’ll read through a dependency, start refactoring, and realize that it’s going to be simpler to write it myself, or I should find another option. It doesn’t matter if something is a dependency or my code: when you ship a product, it’s all your responsibility.</p> | |||
<p><cite><em><a href="https://macwright.com/2021/03/11/vendor-by-default.html">Vendor by default</a></em> (<a href="/david/cache/2021/4b81d4d9d89fb1d417aa292463529271/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est l’une des raisons pour lesquelles j’essaye d’aller le plus loin possible avec un produit sans avoir de système de dépendances JS autre que la récupération du <em>build</em> qui est présent sur le dépôt source (s’il n’y en a pas, tant pis…). Le fait de copier manuellement ce fichier sur mon propre dépôt donne du poids à la dépendance, ce n’est pas une simple ligne dans un fichier. Un effet de bord que j’apprécie beaucoup aussi est de pouvoir identifier et corriger les <em>bugs</em> localement plus facilement.</p> | |||
<p>Cela me rappelle les pistes que <a href="/david/blog/2016/simplicite-defaut/">j’explorais déjà il y a 5 ans</a>, notamment la partie sur les budgets.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/17/" title="Lien permanent vers cet article">API statique</a> (2021-06-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Discussion avec les <a href="https://github.com/pyrates/">pyrates</a> au sujet de blogs, d’articles, d’API et de minimalisme. J’imagine qu’un générateur d’API statique est possible, on est plutôt habitué·es à produire du HTML (qui est lui-même un format d’échange possible) mais on pourrait tout aussi bien générer un <a href="https://jsonfeed.org/">flux en JSON</a> ou tout autres petits fichiers statiques pré-générés.</p> | |||
<p>La dernière fois que j’ai essayé c’était pour tenter de créer un flux mastodon de manière statique ici-même mais la barre était trop haute pour ma maigre connaissance de cette combinaison de protocoles. Surtout que je n’avais pas vraiment d’autre intérêt que l’exploit technique en lui-même.</p> | |||
<p>Il faudrait que je maintienne une page de tout ce que je n’ai pas réussi à faire pour compenser des <a href="/david/2021/05/28/" title="Curriculum chain">chaînes</a> plus reluisantes. Pour équilibrer. J’imagine que ça en dirait encore davantage sur mes compétences et ma capacité à me laisser échouer sur une page (web).</p> | |||
<p>Et pendant ce temps là 🤩 :</p> | |||
<blockquote lang="en"> | |||
<p>They are little challenges I give myself, usually without too many stakes involved, and with small enough a scope so that I can ship it in a day or two, while keeping spare family time.</p> | |||
<p><cite><em><a href="https://francoisbest.com/posts/2021/hashvatars">Representing SHA-256 Hashes As Avatars</a></em> (<a href="/david/cache/2021/be7ca5728939adfc50b9eef6818d6f63/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/03/" title="Lien permanent vers cet article">Composants</a> (2021-11-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff? Remember how exciting it was to be able to do sliders, color pickers, dialogs, disclosure widgets straight in the HTML, without having to include any widget libraries?</p> | |||
<p>The promise of Web Components was that we’d get this convenience, but for a much wider range of HTML elements, developed much faster, as nobody needs to wait for the full spec + implementation process. We’d just include a script, and boom, we have more elements at our disposal!</p> | |||
<p><cite><em><a href="https://lea.verou.me/2020/09/the-failed-promise-of-web-components/">The failed promise of Web Components</a></em> (<a href="/david/cache/2021/68cd338e37c60a8ed179222c6b1af01f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Le constat ne souffrait pas d’ambiguïté il y a un an. Qu’en est-il aujourd’hui ?</p> | |||
<p>Il y a Simon Willison qui commente un <a href="https://til.simonwillison.net/web-components/understanding-single-file-web-component">Web Component tenant dans un seul fichier</a> (<a href="/david/cache/2021/8016f83f512107dd26e5780b08ea7305/">cache</a>). Et Dave Rupert qui <a href="https://daverupert.com/2021/10/html-with-superpowers/">parle de leurs super-pouvoirs</a> (<a href="/david/cache/2021/eb14bb1071cfe2bd952aa9280c6a4860/">cache</a>). Tout le monde espère pouvoir <a href="https://elisehe.in/2021/08/22/using-the-platform">les utiliser nativement</a> (<a href="/david/cache/2021/0f1f65d09181752916216e892bb192d8/">cache</a>).</p> | |||
<p>En attendant, il y a des petits <em>frameworks</em> comme <a href="https://tonicframework.dev/">Tonic</a> ou <a href="https://lego.js.org/">Lego</a>. Des plus conséquents comme <a href="https://lit.dev/">Lit</a>.</p> | |||
<p>Tout espoir n’est pas perdu. Juste <a href="/david/blog/2013/python-javascript/">une décennie</a>.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,501 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #gafam — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #gafam"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #gafam</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/04/" title="Lien permanent vers cet article">Webing-lists</a> (2021-01-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p><mark>Newsletters killed blogs</mark> because…</p> | |||
<ol> | |||
<li>They’re impossibly easy to publish.</li> | |||
<li>Your inbox is a notification stream.</li> | |||
<li>Writers can actually, ya know, get paid.</li> | |||
</ol> | |||
<p>Alternatively, websites today…</p> | |||
<ol> | |||
<li>Are difficult to make.</li> | |||
<li>Can’t notify people of new work.</li> | |||
<li>Aren’t able to pay writers easily.</li> | |||
</ol> | |||
<p><cite><em><a href="https://www.robinrendle.com/essays/newsletters">Newsletters</a></em> (<a href="/david/cache/2021/99c13c692ec7f2217311fdea482e8792/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a de petites graines dans ces réflexions. Ce qui est ironique c’est que les raisons évoquées sont d’ordre technique alors que techniquement elles ont été — plus ou moins bien — résolues. <strong>C’est l’usage qu’il manque.</strong> Et l’effet de mode (les deux étant liés de toute façon). Dans une liste de diffusion, il y a justement… la liste qui donne une métrique permettant à l’auteur·ice d’avoir un semblant de contrôle sur qui lit. Avec un <a href="/david/blog/2019/flux-rss/">flux RSS</a>, il est de plus en plus difficile de savoir qui lie<sup>*</sup> tellement tout cela se passe dans les boîtes noires que deviennent les réseaux sociaux.</p> | |||
<p>* on a là une différence importante également, l’impossibilité de lier vers un contenu qui a été envoyé par courriel, les listes de diffusion ne disposant pas toutes d’archives web.</p> | |||
<p>Aussi, mon navigateur est équipé d’extensions me permettant de bloquer l’enregistrement des mes actions relatives à une page. Ce n’est pas le cas de mon client email. C’est la <a href="/david/2020/02/07/#newsletters">raison pour laquelle</a> je me désabonne de beaucoup de listes de diffusion qui contiennent des liens destinés à me tracer. J’aimerais pouvoir dire à une personne que je l’ai lue et écoutée sans alimenter pour autant une usine à collecte de données personnelles. C’est peut-être là que réside l’innovation…</p> | |||
<p>Karl en parle aussi, le lendemain (des bienfaits d’une publication décalée 🙂) :</p> | |||
<blockquote> | |||
<p>L’email est un système de push et cela change beaucoup de choses. <mark>Il y a une notion d’intimité qui est importante et qui définit un plus grand contrôle.</mark> La newsletter n’atteint pas potentiellement tout le monde, uniquement ceux qui ont voulu s’inscrire (et potentiellement payer). Créer un site Web intime, c’est à dire gérer le contrôle d’accès est plus difficile.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/01/05/newsletter">cher vous</a></em> (<a href="/david/cache/2021/5f4b0220be54d83f711a78b356c73a68/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/06/" title="Lien permanent vers cet article">Clown d’État</a> (2021-01-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>I, for one, believe Facebook charted a course around this election primarily with Facebook’s continuing addictiveness in mind. But I <em>know</em> that whatever the reasons, they were ultimately <mark>determined by one person</mark>. That’s quite a thing.</p> | |||
<p><cite><em><a href="https://daringfireball.net/2020/12/facebook_unknowable_megascale">Facebook’s Unknowable Megascale</a></em> (<a href="/david/cache/2021/352d2966ecda7a68cbf97efbc691d017/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les voisins américains sont toujours aussi surprenants. Aujourd’hui, ils s’étaient donné rendez-vous au Capitole pour une petite <em>party</em> à base de drapeaux des États confédérés d’Amérique et de suprématie blanche. On peut difficilement faire plus équivoque pour une sortie de mandat.</p> | |||
<p>Le rôle des <a href="/david/2020/02/07/">GAFAM+</a> dans tout ça <a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-ignore-political-manipulation-whistleblower-memo">est documenté</a> (<a href="/david/cache/2021/ab9f293c34ce421ab41465fcda8893fe/">cache</a>) mais c’est toujours grinçant d’en faire les frais. Je regardais hier une vidéo du gouvernement français sur la vaccination et je me retrouve avec des suggestions pleines de Raoult, de conspirationisme et d’<em>antivax</em>. À part des captures d’écran de peu de valeur, je n’ai aucun moyen de demander des comptes à ces plateformes (Google Youtube en l’occurence). Le fait que le gouvernement soit obligé de déposer des vidéos là-bas est une autre histoire.</p> | |||
<p>En mettant bout à bout ces deux faits récents, imaginez si les personnes à la tête des <abbr title="Google Apple Facebook Amazon Microsoft et compagnie">GAFAM+</abbr> étaient politisées.</p> | |||
<p><em>Mais comment pourraient-elles ne pas l’être ?</em></p> | |||
<p>Dans un mouvement pendulaire, je me demande s’il ne faudrait pas (ré)investir ces réseaux. <strong>Les <a href="/david/blog/2013/diete-tweets/">abandonner</a> n’a fait que laisser plus de place à la haine.</strong> Les fenêtres ouvertes vers l’extérieur se sont peut-être tellement réduites qu’il ne reste plus qu’une vaste chambre d’écho…</p> | |||
<blockquote> | |||
<p>Dans un ermitage, on se contente d’être aux loges de la forêt. Les fenêtres servent à accueillir la nature en soi, non à s’en protéger. On la contemple, on y prélève ce qu’il faut, mais on ne se nourrit pas de l’ambition de la soumettre. <mark>La cabane permet une posture, mais ne donne pas un statut.</mark> On joue à l’ermite, on ne peut se prétendre pionnier.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/14/" title="Lien permanent vers cet article">Parler</a> (2021-01-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><em>Avertissement : je n’ai jamais utilisé cette application et je n’apprécie pas la nature des échanges nauséabonds qu’il semblait y avoir dessus.</em></p> | |||
<blockquote lang="en"> | |||
<p>If one were looking for evidence to demonstrate that these tech behemoths are, in fact, monopolies that engage in anti-competitive behavior in violation of antitrust laws, and will obliterate any attempt to compete with them in the marketplace, it would be difficult to imagine anything more compelling than how they just used their unconstrained power to utterly <mark>destroy a rising competitor.</mark></p> | |||
<p><cite><em><a href="https://greenwald.substack.com/p/how-silicon-valley-in-a-show-of-monopolistic">How Silicon Valley, in a Show of Monopolistic Force, Destroyed Parler</a></em> (<a href="/david/cache/2021/765e28efb1fa6aa0dc9c15166f66cdf3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je n’avais pas envisagé cette histoire sous cet angle là. Et s’il s’agissait « juste » de bâillonner un concurrent, <em>business as usual</em> ? J’ai presque envie de <a href="https://fr.wikipedia.org/wiki/Rasoir_de_Hanlon">me raser</a> avec :</p> | |||
<blockquote> | |||
<p>Ne jamais attribuer à une quelconque éthique ce que le capitalisme suffit à expliquer.</p> | |||
</blockquote> | |||
<p><strong>Les seuls outils qui seraient autorisés à concurrencer de tels monopoles seraient forcément décentralisés.</strong> C’est bien la raison pour laquelle ces plateformes sont <em>contre</em> le Web, il ne peut en être autrement car leur survie en dépend. Est-ce que Parler utilisant <a href="https://en.wikipedia.org/wiki/Secure_Scuttlebutt">Secure Scuttlebutt</a> aurait continué à fonctionner ? (<a href="/david/blog/2017/confiance-transparence/">Pour rappel.</a>) Probablement, en tout cas le bâillon n’aurait pas été aussi simple à nouer. Espérons (presque, dans un tel contexte) que ma conclusion tienne toujours : un tel réseau est trop beau pour percer.</p> | |||
<blockquote> | |||
<p>On ne soulignera jamais assez que la révolution ne sert à rien si elle n’est pas inspirée par son idéal ultime. Les méthodes révolutionnaires doivent être en harmonie avec les objectifs révolutionnaires. <mark>Les moyens utilisés pour approfondir la révolution doivent correspondre à ses buts.</mark> En d’autres termes, les valeurs éthiques que la révolution infusera dans la nouvelle société doivent être disséminées par les activités révolutionnaires de la période de transition. Cette dernière peut faciliter le passage à une vie meilleure mais seulement à condition qu’elle soit construite avec les mêmes matériaux que la nouvelle vie que l’on veut construire. La révolution est le miroir des jours qui suivent ; elle est l’enfant qui annonce l’Homme de demain.</p> | |||
<p><cite><em>My Desillusionment in Russia</em>, Emma Goldman</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/03/" title="Lien permanent vers cet article">Consentement</a> (2021-02-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The Consentful Tech Project’s definition of good <mark>digital consent</mark> is adapted from Planned Parenthood’s definition of sexual consent, which abbreviates to the easy-to-remember, tasty acronym “FRIES.” According to this definition, consent must be:</p> | |||
<ul> | |||
<li><strong>Freely given.</strong> Doing something with someone is a decision that should be made without pressure, force, manipulation, or while incapacitated.</li> | |||
<li><strong>Reversible.</strong> Anyone can change their mind about what they want to do, at any time.</li> | |||
<li><strong>Informed.</strong> Be honest. For example, if someone says they’ll use protection and then they don’t, that’s not consent.</li> | |||
<li><strong>Enthusiastic.</strong> If someone isn’t excited, or really into it, that’s not consent.</li> | |||
<li><strong>Specific.</strong> Saying yes to one thing doesn’t mean they’ve said yes to others.</li> | |||
</ul> | |||
<p><cite><em><a href="https://www.consentfultech.io/">What is Consentful Tech?</a></em></cite></p> | |||
</blockquote> | |||
<p>Jolie découverte <a href="https://www.internetactu.net/2021/02/03/design-justice-repolitiser-le-design/">via un auto-commentaire</a> (<a href="/david/cache/2021/6faa32ba37a3b1232125db9858700627/">cache</a>) de la part d’Hubert Guillaud sur un article bien dense aussi. Il y a un <a href="http://www.consentfultech.io/wp-content/uploads/2019/10/Building-Consentful-Tech.pdf">PDF de 300 Ko</a> (<a href="/static/david/2021/Building-Consentful-Tech.pdf">cache</a>) qui vient compléter la définition et qui donne davantage de précisions — dont celle-ci en particulier :</p> | |||
<blockquote lang="en"> | |||
<p>“Fail faster” is a maxim of application developers these days. It means putting something out into the world quickly and responding to user feedback in future iterations. This is a great way to optimize the value of your application to your users, by starting with something simple and experimenting until you get the right features.</p> | |||
<p>[…]</p> | |||
<p>It isn’t enough to iterate features in response to harm — <mark>we must also iterate the process that lead to those features being released</mark>. What would that process look like if it was centered around the privacy and security of survivors of violence? Of people from communities that are regularly subject to state surveillance?</p> | |||
</blockquote> | |||
<p>Les plateformes peuvent s’excuser <em>a posteriori</em> mais qu’en est-il de <a href="/david/2021/01/06/" title="Clown d’État">rendre des comptes</a> sur ce qui a été mis en place en interne pour ne pas reproduire de telles situations ? Voilà de quoi ajouter pas mal d’eau au moulin qui me sert de cerveau. Et pendant ce temps là, j’apprends qu’il y a des <q>chiens de garde de la vie privée</q> au Canada :</p> | |||
<blockquote> | |||
<p>Le rapport note entre autres que l’entreprise américaine a constitué une base de données de « plus de trois milliards d’images de visages », y compris ceux d’un grand nombre de Canadiens et d’enfants. Des forces policières y ont eu accès, tout comme des organisations commerciales, et ce, <mark>sans le consentement des personnes</mark>, déplorent le commissaire Daniel Therrien et ses homologues du Québec, de l’Alberta et de la Colombie-Britannique.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/594536/reconnaissance-faciale-clearview-ai-a-viole-la-vie-privee-des-canadiens">Reconnaissance faciale: Clearview AI a violé la vie privée des Canadiens</a></em> (<a href="/david/cache/2021/0e0d866f920298fbc0624c03ddc83d24/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/14/" title="Lien permanent vers cet article">Trending</a> (2021-04-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The point of Twitter’s Trending Topics is ostensibly to surface significant news and Twitter commentary and invite others to ‘join the conversation.’ Left unsaid, of course, is that ‘the conversation’ at scale is complete garbage — an incomprehensible number of voices lecturing past each other. It didn’t matter how Hunt had intended the argument — whether it was cheeky fun or part of a high-minded indictment of the sci-fi horror industrial complex — it was amplified by others as ammunition to make whatever convenient point that interested parties wanted to make. As Ryan Broderick, who chronicles the internet in his excellent newsletter, Garbage Day, noted during the incident, <mark>“is this really how a website should function?”</mark></p> | |||
<p><cite><em><a href="https://warzel.substack.com/p/its-not-cancel-culture-its-a-platform">“It’s Not Cancel Culture - It’s A Platform Failure.”</a></em> (<a href="/david/cache/2021/bd15d74042626a6a1087ea5f32d22656/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On en revient à cette notion de passage à l’échelle et d’<a href="/david/blog/2012/opinion-audience/">audience</a>. Et de notre acceptation d’une telle dépendance. Une forme de grégarité numérique en quelque sorte qui nous empêche d’explorer les autres champs des possibles.</p> | |||
<p>Si vous êtes sur Twitter, peut-être que vous pourriez envisager un <a href="https://laurakalbag.com/write-only-twitter/">usage en écriture seule</a> (<a href="/david/cache/2021/1fdec7eb6b2c3d889cbd789de3fb1d1d/">cache</a>) ?</p> | |||
<blockquote> | |||
<p>Préférer continuer de tolérer les instances d’appels à la mort, fussent-elles figuratives, sur des personnalités que l’on qualifie de publiques au seul moyen d’assertions calculatoires toujours possiblement mouvantes est une <mark>hypocrisie fondamentale</mark>, structurelle qui enferme le pilotage stratégique de ces systèmes sociaux dans la cage de leurs architectures techniques toxiques.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/03/mort-figurative.html">La mort figurative vous va si bien.</a></em> (<a href="/david/cache/2021/0acb9b97e82885d127fefb8266875754/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/21/" title="Lien permanent vers cet article">Voiture espion</a> (2021-05-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The kit, MSAB says, also has the ability to discover specific events that most car owners are probably unaware are even recorded, like “when and where a vehicle’s lights are turned on, and which doors are opened and closed at specific locations” as well as “gear shifts, odometer reads, ignition cycles, speed logs, and more.” <mark>This car-based surveillance, in other words, goes many miles beyond the car itself.</mark></p> | |||
<p>[…]</p> | |||
<p>Anyone who’s taken a spin in a new-ish vehicle and connected their phone — whether to place a hands-free call, listen to Spotify, or get directions — has probably been prompted to share their entire contact list, presented as a necessary step to place calls but without any warning that a perfect record of everyone they’ve ever known will now reside inside their car’s memory, sans password.</p> | |||
<p><cite><em><a href="https://theintercept.com/2021/05/03/car-surveillance-berla-msab-cbp/">Your Car Is Spying on You. A CBP Contract Shows the Risks.</a></em> (<a href="/david/cache/2021/ce7d120b6e5c13644a538f5116b4409b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la double raison m’ayant (aussi) motivé à acheter une voiture ayant plus de 10 ans d’une part, ce qui limite drastiquement le niveau d’électronique à bord. Et également à éviter les voitures de location modernes qui récupèrent autant de données à chaque rechargement de batterie du téléphone indispensable rendu impératif vu la consommation lors de l’usage du GPS.</p> | |||
<p>Je n’ai trouvé aucun moyen, selon les modèles, de refuser que tout soit envoyé vers la voiture. Et encore moins de tout effacer lorsqu’on rend le véhicule. C’est préoccupant et il <strong>faut</strong> y penser.</p> | |||
<blockquote> | |||
<p>— Il y a là une leçon également. À quoi servent de telles machines, en réalité ? À accroître le nombre de choses que nous pouvons faire sans y penser. Voilà le vrai danger… <mark>les choses que nous faisons sans y penser.</mark> Pense à tout le temps que tu as passé à parcourir ce désert avant de songer à mettre ton rabat en place.<br /> | |||
— Vous auriez pu m’avertir !<br /> | |||
— Et resserrer ta dépendance ?</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/14/" title="Lien permanent vers cet article">Livre ouvert</a> (2021-07-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, <mark>the engineer was also able to see her location in real time.</mark></p> | |||
<p><cite><em><a href="https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7">Facebook Fired Dozens Over Abusing Access to User Data, New Book Says</a></em> (<a href="/david/cache/2021/6e36731348841db8712631851ee3467a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.</p> | |||
<p>Dans les <a href="/david/2020/02/07/">épisodes</a> <a href="/david/2020/02/14/">précédents</a> et <a href="/david/2020/06/25/#targets">nombreux</a>.</p> | |||
<p><a href="/david/2021/06/25/" title="Données">#Delete</a><a href="https://byebyefacebook.loupbrun.ca/fr/">Facebook</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/12/" title="Lien permanent vers cet article">Musique</a> (2021-08-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>The reason I’m screwed is that Spotify listeners’ ability to access their collection in the far-out future will be contingent on the company maintaining its software, renewing its agreements with rights holders, and, well, not going out of business when something else <mark>inevitably supplants the current paradigm</mark> of music listening.</p> | |||
<p><cite><em><a href="https://www.theatlantic.com/culture/archive/2021/07/spotify-streaming-music-library/619453/">Spotify Has Changed Music Libraries Forever</a></em> (<a href="/david/cache/2021/d7c68808a59ee3965fa03168af5d764e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai une collection de musiques que j’apprécie, en <abbr title="Free Lossless Audio Codec">FLAC</abbr>, et que je restreins à environ 200 Go. Cela peut paraître un peu anachronique en 2021, ou snob, ou les deux. Savoir que quelqu’un·e, quelque part, sait dans quel <em><a href="/david/2020/02/07/#mood">mood</a></em> je peux être à un moment donné me fait davantage flipper qu’un Pass sanitaire (aussi inutile soit-il).</p> | |||
<p>Aussi, le son et sa qualité ont une place particulière dans ma vie car j’ai une probabilité génétique assez importante d’être privé d’une partie de ce sens à moyen terme. Lorsqu’on sait ce que l’on va perdre, il est plus facile d’en profiter à sa juste valeur.</p> | |||
<blockquote> | |||
<p>Ultimately, it’s impossible to use Spotify without it processing your personal data. “To delete that personal data, <mark>you need to close your account</mark>,” Spotify’s settings say.</p> | |||
<p><cite><em><a href="https://www.wired.com/story/spotify-tracking-how-to-stop-it/">All the Ways Spotify Tracks You-and How to Stop It</a></em> (<a href="/david/cache/2021/55a2cd812fc17423f29937b213fe219b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#grands-harles" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/grands-harles.jpg" alt="Une mère Grand Harle et ses deux petits de l’année." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="grands-harles"> | |||
<img src="/static/david/2021/grands-harles.jpg" alt="Une mère Grand Harle et ses deux petits de l’année." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>La finesse des sons de la forêt me manquera.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/15/" title="Lien permanent vers cet article">Héritage</a> (2021-09-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I like thinking about privacy as being collective, because it feels like a more true reflection of the fact that our lives are made up of relationships, and information about our lives is social and contextual by nature. The fact that I have a sister also indicates that my sister has at least one sibling: me. If I took a DNA test through 23andme <mark>I’m not just disclosing information about me but also about everyone that I’m related to</mark>, none of whom are able to give consent. The privacy implications for familial DNA are pretty broad: this information might be used to sell or withhold products and services, expose family secrets, or implicate a future as-yet-unborn relative in a crime. I could email 23andme and ask them to delete my records, and they might eventually comply in a month or three. But my present and future relatives wouldn’t be able to do that, or even know that their privacy had been compromised at all.</p> | |||
<p><cite><em><a href="https://phirephoenix.com/blog/2021-05-03/privacy">left alone, together</a></em> (<a href="/david/cache/2021/9c4c83e66d9d0b259c17d0f87af70c69/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Une personne proche n’avait pas eu conscience de divulguer une partie de l’information génétique de sa descendance en procédant à un séquençage. Et surtout, ne comprenait pas en quoi cette information pouvait être une donnée critique.</p> | |||
<p>Toute donnée stockée sera exploitée, tout recoupement possible sera effectué. Ce n’est qu’une question de temps.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/28/" title="Lien permanent vers cet article">Paranoïa</a> (2021-09-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Scanning the photos on your phone isn’t like steaming open the mail and peeping inside the envelopes. It’s like rifling through your memory.</p> | |||
<p>And when those memories may at any time be silently observed or removed… even if it never happens but there is the possibility of it…</p> | |||
<p>[…]</p> | |||
<p>And if somebody else is now inside your memories, <mark>can you be sure that they’re not being edited?</mark> Is gaslighting occurring with these most personal of devices? Even if it never happens… that’s the lesson of the Panopticon, the mere possibility is enough to affect behaviour.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/08/06/paranoia">Apple’s photo scanning and our state of forced collective paranoia</a></em> (<a href="/david/cache/2021/afd74b165f837caf94dd2098d161627a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me suis penché plusieurs fois sur cet article depuis sa publication. Il y a plusieurs lectures possibles pour considérer les liens entre ces différents éléments et, même si ça semble un peu tiré par les cheveux parfois, il y a tout de même cette atmosphère un peu malaisante que j’ai du mal à formuler.</p> | |||
<p>Les pensées et fragments de mémoire publiés ici me semblent être difficilement falsifiables à mon insu. J’ai un historique, sur plusieurs machines, etc. En revanche pour des photos — qui plus est stockées sur l’ordinateur d’un·e autre — c’est bien plus compliqué à identifier et à prouver.</p> | |||
<hr /> | |||
<p>En retournant le problème, cela pourrait être un métier d’aller effacer de mauvais souvenirs… plus ou moins à la demande de la personne.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/08/" title="Lien permanent vers cet article">Écriture</a> (2021-11-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La question est de savoir ce qui reste de la capacité de fiction quand toutes les histoires se publient sans friction et quand seules les frictions semblent capables de « faire histoire » dans le débat public.</p> | |||
<p>[…]</p> | |||
<p>La vitesse de ces enchaînements déterminés algorithmiquement dans le seul but de fabriquer des routines d’aliénation scopique, <mark>cette capacité à ne valoriser le court que tant qu’il concourt à fabriquer de l’artificiellement long en continu</mark>, ce refus total et programmatique du discontinu, cela interroge aujourd’hui notre capacité plus globale, plus politique, à nous confronter à des régimes narratifs nécessitant d’articuler le temps long comme autre chose que la simple agrégation de séquences courtes.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/11/le-temps-de-faire-pus-court.html">Je n’ai pas eu le temps de faire plus court.</a></em> (<a href="/david/cache/2021/4801845e14d06e498d20118977d6c334/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>De l’importance de l’élément perturbateur, de son récit, du rythme imposé par les plateformes, encore un billet bien touffu et nécessaire d’Olivier Ertzscheid.</p> | |||
<p>L’injonction au court(-termisme).</p> | |||
<blockquote lang="en"> | |||
<p>There are 2 things I have come to believe about writing:</p> | |||
<ol> | |||
<li>The average person should write 5x more things than they do.</li> | |||
<li>The average written thing should be 5x shorter than it is.</li> | |||
</ol> | |||
<p><cite><em><a href="https://critter.blog/2020/10/02/write-5x-more-but-write-5x-less/">Write 5x more but write 5x less</a></em> (<a href="/david/cache/2021/0a106edc34e0e32ff31371309ceb668a/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/14/" title="Lien permanent vers cet article">Captées</a> (2021-11-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Plutôt que de <em>data</em>, il nous faudrait plutôt parler de <em>capta</em> :</p> | |||
<ol> | |||
<li>les <em>data</em> ne sont pas données comme l’espace et le temps, elles doivent être <strong>produites</strong> ;</li> | |||
<li>les <em>data</em> sont toujours <strong>construites</strong> d’une manière particulière, d’après une vision du monde ;</li> | |||
<li>pour être connues, les <em>data</em> doivent être <strong>captées</strong> ; il a y donc un choix entre le type d’information qui a été retenu et ce qui a été ignoré ;</li> | |||
<li>les <em>data</em> seraient donc <strong>beaucoup moins objectives</strong> qu’elles ne le paraissent à première vue.</li> | |||
</ol> | |||
<p><cite><em><a href="https://journal.loupbrun.ca/n/119/">Les données ne sont pas données</a></em> (<a href="/david/cache/2021/5b13354f8ffafd6cf2af4efd3a37dbca/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Distinction importante rapportée par Louis-Olivier Brassard. J’accorde beaucoup d’importance à cette distinction sémantique, surtout avec le double sens de « données » en français qui prête d’autant plus à confusion…</p> | |||
<p>Peut-être <a href="https://adactio.com/journal/18625">faudrait-il même évoquer</a> (<a href="/david/cache/2021/a2489e4ca3410b8cc1fdec65c2c1d47a/">cache</a>) des <em>tracka</em> ? Auquel cas l’ambiguïté est davantage acceptable, souhaitable ? 😇</p> | |||
</details> | |||
<h2><a href="/david/2021/11/15/" title="Lien permanent vers cet article">SourceHut</a> (2021-11-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This suite of open source tools is the software development platform you’ve been waiting for. We’ve taken the wisdom of the most successful open-source communities and turned it into a platform of efficient engineering tools.</p> | |||
</blockquote> | |||
<p>Ce soir, je (re?)découvre <a href="https://sourcehut.org/">SourceHut</a> et je suis impressionné. C’est <a href="https://forgeperf.org/">rapide</a> et leurs petits outils satellites sont bien pensés. Ça semble être une <a href="https://srht.site">alternative crédible</a> à Microsoft Github Pages et Microsoft Gists pour les <a href="https://paste.sr.ht/">petits bouts de codes</a>.</p> | |||
<p>Pour ce qui est des dépôts en eux-mêmes, cela me demanderait de <a href="https://drewdevault.com/2018/07/02/Email-driven-git.html">revoir mon <em>workflow</em></a> (<a href="/david/cache/2021/ea19b309a39227f6b370ec83e6c63028/">cache</a>) pour passer davantage <a href="https://git-send-email.io">par les courriels</a>, ce qui est potentiellement <a href="https://blog.brixit.nl/git-email-flow-versus-github-flow/">une meilleure pratique</a> (<a href="/david/cache/2021/68c1cb8256a8472b2711a0ffb5e7921e/">cache</a>), davantage décentralisée. Je me demande à quel point ça devient moins accessible à la contribution cela dit, ce qui pourrait être le point le plus bloquant. Je vois bien qu’en ayant ma <a href="https://git.larlet.fr/davidbgk">propre forge</a>, cela réduit les contributions à néant… et je n’ai pas de moyen de comparer avec une présence de ces sources sur Microsoft Github.</p> | |||
<p>Cerise sur le gâteau, niveau culture ça a l’air bien pensé aussi :</p> | |||
<blockquote lang="en"> | |||
<p>Think of SourceHut’s engineering culture as a dynamic, mutual collaboration between equals, who aim to support each other in achieving our shared ambitions in free software. We have essentially attempted to reproduce the FOSS community’s collaboration environment, and to some extent, governance model, in the context of a business.</p> | |||
<p><cite><em><a href="https://man.sr.ht/staff/culture.md">Introduction to SourceHut culture</a></em> (<a href="/david/cache/2021/3b811b75e116cdc0ac8f6f1b2fa60f12/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/24/" title="Lien permanent vers cet article">Souveraineté</a> (2021-11-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<ol> | |||
<li>Recevoir une notification sur Google Mail.</li> | |||
<li>Qui redirige vers un <em>build</em> cassé dans Microsoft Github.</li> | |||
<li>Car il y a un <em>bug</em> dans ce composant Facebook React.</li> | |||
<li>Ouvrir son éditeur Microsoft VSCode.</li> | |||
<li>Faire une recherche sur Google Search.</li> | |||
<li>Trouver une solution sur Google web.dev.</li> | |||
<li>Tester le rendu dans Google Chrome.</li> | |||
<li>Tester le <em>responsive</em> sur Apple Safari mobile.</li> | |||
<li>Pousser le code sur Microsoft Github.</li> | |||
<li>Faire tourner les tests sur Amazon Web Services.</li> | |||
<li>Déployer la pré-production sur Amazon Web Services.</li> | |||
<li>Tester avec son Apple iPhone.</li> | |||
<li>Se féliciter que la production tourne chez OVH 🇫🇷.</li> | |||
<li>Acheter des Google Adwords pour faire connaître le service.</li> | |||
<li>Faire de la publicité ciblée sur Facebook (Instagram).</li> | |||
<li>Enregistrer les retours utilisateur·ices dans une Google Sheet.</li> | |||
<li>Les contacter en utilisant Amazon Simple Email Service</li> | |||
<li>Leur proposer des <em>interviews</em> sur Google Hangouts.</li> | |||
<li>Se demander s’il y a des améliorations à faire pour prendre en compte la nouvelle barre d’URL basse dans Apple Safari mobile.</li> | |||
<li>Etc etc.</li> | |||
</ol> | |||
<p>La liste est une (auto-)critique caricaturale mais pas tant que ça et elle pourrait facilement s’allonger. Il y a un moment où l’hypocrisie de ce processus vis-à-vis de la production de nos <a href="/david/2021/11/14/" title="Captées"><em>capta</em> et <em>tracka</em></a> me pèse plus que d’autres. À quelle souveraineté peut-on prétendre lorsque toute notre chaîne de production est pieds et doigts liée aux GAFAM ?</p> | |||
<p>Je salue chaque initiative qui essaye de s’en extraire et de montrer que d’autres voies sont possibles :</p> | |||
<blockquote> | |||
<p>Comme le montre <a href="https://github.com/etalab/etalab/blob/master/logiciels-libres.md#les-logiciels-libres-utilis%C3%A9s-par-etalab">cette liste</a>, Etalab s’est tôt engagé dans le fait de recourir à des logiciels libres : c’est d’abord cet engagement qui a décidé le pôle logiciels libres à utiliser SourceHut pour publier une partie de ses codes sources. C’est aussi pour montrer qu’il existe d’autres forges que celles envisagées par défaut ou par habitude, et ainsi encourager chaque administration à bien motiver ses choix d’hébergement de code.</p> | |||
<p><cite><em><a href="https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md">Pourquoi le pôle logiciels libres d’Etalab utilise SourceHut</a></em> (<a href="/david/cache/2021/587b80280806281157e5d25c92f7ca68/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,457 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #gratitude — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #gratitude"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #gratitude</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/23/" title="Lien permanent vers cet article">Gratitude</a> (2021-01-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>thanks for your nice idea after 10 years !</p> | |||
<p><cite><em><a href="https://gist.github.com/davidbgk/651080#gistcomment-3604718">En commentaire d’un gist</a></em></cite></p> | |||
</blockquote> | |||
<p>Je suis toujours surpris que l’on puisse <a href="https://gist.github.com/davidbgk/b10113c3779b8388e96e6d0c44e03a74#gistcomment-3115327">utiliser</a> quelques bouts de code que je partage ici et là. Pour rappel, j’essaye de réunir des petits cailloux regroupés par langage : <a href="https://gist.github.com/davidbgk/d3d6e6477d45b4527d9609b7e96cd82a">CSS</a>, <a href="https://gist.github.com/davidbgk/8700969263bdb9d2a31ccc1ec2328f00">JS</a>, <a href="https://gist.github.com/davidbgk/b5989d129dabebea1ce8d253d4b7a6c7">Python</a> et bien sûr HTML en faisant un <code>view-source:</code> ici :-).</p> | |||
<p><strong>Quand on plante un graine on ne sait jamais où et quand est-ce qu’elle va germer.</strong></p> | |||
<p>À titre personnel, je n’oublierais jamais la réponse de <a href="https://fr.wikipedia.org/wiki/Guido_van_Rossum">Guido</a> à <a href="/david/stream/2015/12/02/">mon courriel</a> :</p> | |||
<blockquote lang="en"> | |||
<p>Well thank you! So much fan mail is asking for a favor, I’m really grateful that you just express your thanks. Enjoy programming in Python, and tell your friends!</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/30/" title="Lien permanent vers cet article">Recommandations</a> (2021-01-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Quelques livres pour les enfants qui commencent à lire.</p> | |||
<h2 id="bandes-dessinees">Bandes-dessinées <a href="#bandes-dessinees" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.editions-delcourt.fr/special/grandmechantrenard/">Le Grand Méchant Renard</a> (coup de cœur++)</li> | |||
<li><a href="https://www.groupemodus.com/categorie-produit/livres/bandes-dessinees/aventurosaure/">Aventurosaure</a> (3 tomes)</li> | |||
<li><a href="https://www.ricochet-jeunes.org/livres/jack-le-temeraire-t-1-dans-les-griffes-du-jardin-malefique">Jack le téméraire</a> (2 tomes)</li> | |||
<li><a href="https://editions-sarbacane.com/auteurs/joe-todd-stanton">La famille Vieillepierre</a> (4 tomes)</li> | |||
</ul> | |||
<h2 id="hybrides">Hybrides <a href="#hybrides" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li>Olga (3 tomes) et tous les <a href="http://elisegravel.com/livres/mes-livres/">livres d’Élise Gravel</a> sont chouettes</li> | |||
<li><a href="http://www.leseditionsdelabagnole.com/lucie-mouffette-qui-pete-quand-elle-rit/pierre-szalowski/livre/9782897143145">Lucie la moufette qui pète quand elle rit</a> (4 tomes)</li> | |||
<li><a href="https://www.editionsdruide.com/livres/petronille-inc-tome-1-bave-de-crapaud-bio">Pétronille Inc.</a> (3 tomes)</li> | |||
<li><a href="http://www.scholastic.ca/editions/livres/view/les-mchants">Les méchants</a> (12 tomes)</li> | |||
</ul> | |||
<h2 id="romans">Romans <a href="#romans" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.gallimard-jeunesse.fr/9782075080286/le-club-de-l-ours-polaire-1.html">Le Club de l’Ours Polaire</a> (3 tomes)</li> | |||
<li><a href="http://www.gallimard.fr/Catalogue/GALLIMARD-JEUNESSE/Grand-format-litterature/Romans-Junior/SOS-Creatures-fantastiques">SOS Créatures fantastiques</a> (3 tomes)</li> | |||
</ul> | |||
<p>Pour d’autres recommandations (malheureusement sur Facebook Instagram…) : <a href="https://www.instagram.com/sous_nos_lunettes/">Sous nos lunettes</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/10/" title="Lien permanent vers cet article">Autrement</a> (2021-04-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai envie de pouvoir faire, penser, écrire des choses inutiles, qui ne <em>servent</em> absolument à rien. Des choses gratuites, dont les conséquences ne sont pas importantes ou, de toute manière, ne constituent pas une cause finale. J’ai envie de faire aussi des choses nuisibles, qui nuisent à l’impératif de productivité, qui cassent cet espèce de flux insensé. <mark>J’ai envie de perdre du temps</mark>, de développer un outil informatique qui ne sert à rien, qui ne fonctionne pas, qui ne fait pas gagner du temps, qui n’est même pas beau - car la beauté aussi est assujettie à l’utilité.</p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/inutilite.html">Ce qui pourrait être autrement : éloge de l’inutilité</a></em> (<a href="/david/cache/2021/0f611ad6e0e6b46c2d6a5da863d6e0be/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>À rapprocher de ce qui pourrait être <a href="/david/2021/03/09/" title="Fun">fun</a>. Je vous invite à lire toute la série de Marcello intitulée « <a href="http://blog.sens-public.org/marcellovitalirosati/categories/cequipourrait/">Ce qui pourrait être autrement</a> ».</p> | |||
</details> | |||
<h2><a href="/david/2021/04/12/" title="Lien permanent vers cet article">Alcool</a> (2021-04-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The winners in this equilibrium are people who, for one reason or another, can manage this situation well. They aren’t genetically predisposed to alcohol addiction; <mark>they are socially confident</mark> so don’t feel the need for Dutch courage or the need to show off by drinking too much; or, perhaps, they are successful or content in the different spheres of their life, so they don’t have pain that they want to numb. Some successful people are vulnerable too in a different way, being wined and dined if you’re an executive, or trying to climb a corporate ladder by getting drinks with whoever after work.</p> | |||
<p>It seems wrong that a privileged (!) class of people who can manage alcohol effectively in their lives do not try harder to make sure that the under-privileged, vulnerable members of society don’t end up addicted to this awful drug.</p> | |||
<p><cite><em><a href="https://fergus-mccullough.com/index.php/2021/04/09/against-alcohol/">Against alcohol</a></em> (<a href="/david/cache/2021/a19dc546c8ad1ae00f6320f6b1f3ded8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Voilà un angle intéressant. Cette dernière année m’aura montré que je n’ai pas de dépendance à l’alcool et que je ne bois que dans des relations sociales extra-familiales. De ce constat il n’y a qu’un pas avant de s’arrêter définitivement. Quitte à devoir se passer d’interactions sociales, autant renoncer aux béquilles devenues inutiles.</p> | |||
<p>Ma motivation initiale était plus égoïste (?) que celle de l’auteur de l’article : j’aime boire du vin — principalement français — et mine de rien ça fait traverser l’océan à de lourdes et volumineuses bouteilles.</p> | |||
<p><em>Entre l’écriture et la publication, je tombe sur <a href="https://threadreaderapp.com/thread/1382057588527931393.html">ce fil Twitter</a> (<a href="/david/cache/2021/c967133574fd80e7f95ef901114b5385/">cache</a>) dur à lire, à la fois pour l’identification passée et l’éventuel futur. Peut-être qu’en montrant un autre exemple je soigne autre chose…</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/26/" title="Lien permanent vers cet article">Mourir</a> (2021-04-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s not a frequent topic of discussion, but doctors die, too. And they don’t die like the rest of us. What’s unusual about them is not how much treatment they get compared to most Americans, <mark>but how little</mark>. For all the time they spend fending off the deaths of others, they tend to be fairly serene when faced with death themselves. They know exactly what is going to happen, they know the choices, and they generally have access to any sort of medical care they could want. But they go gently.</p> | |||
<p><cite><em><a href="https://www.saturdayeveningpost.com/2013/03/how-doctors-die/">How Doctors Die</a></em> (<a href="/david/cache/2021/b82c800f728b00d9056b38087e026598/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je vais essayer de me souvenir de cet article. Ce sont des décisions relativement faciles à prendre pour soi. Beaucoup moins lorsqu’il s’agit des personnes aimées.</p> | |||
<p><em>J’espère pouvoir finir dans une forêt.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/05/20/" title="Lien permanent vers cet article">Carbone & Silicium</a> (2021-05-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il arrive que des œuvres obligent à inventer un mot qui pourra les décrire. Et en restituer cette empreinte organique qu’elles laissent dans nos fibres, comme le rouge d’un sang pris dans une trame de chanvre.<br /> | |||
Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solitude qui ne serait pas totale, d’un lien entre humains qui ne serait pas coupé, d’un tissage collectif qui pourrait être autre chose qu’un cluster d’atomes interconnectés sur le réseau. Un sentiment situé quelque part entre la <em>solastalgie</em> pré-traumatique d’un monde familier qu’on ne reconnaît plus et la nostalgie d’un retour au pays natal qui n’a jamais existé.</p> | |||
<p>Bienvenue dans une œuvre solstalgique, donc ! Si solaire et si mélancolique. Où l’on souffre secrètement de la beauté d’une espèce qui se bousille et d’une planète qu’on détruit. <mark>Mais qu’on répare aussi, sans cesse.</mark> D’abord avec l’âme d’une plume et d’un crayon.<br /> | |||
<em>“Comment va le monde, d’ailleurs ?”</em>, demande à la volée Carbone.<br /> | |||
<em>“Il se reconstruit. Doucement.”</em>, dit Silicium, de retour de rien.</p> | |||
<p><cite><em>Postface d’Alain Damasio</em>, Carbone & Silicium</cite></p> | |||
</blockquote> | |||
<p>Il est rare qu’une bande dessinée me mette une claque, la dernière fois <a href="/david/stream/2019/05/24/">c’était il y a deux ans</a>, quasiment jour pour jour. Et j’en lis pas mal !</p> | |||
<p>Il s’agit d’un long format permettant de s’inscrire dans une temporalité, rythmée par des lieux et leurs couleurs. J’aimerais ne pas en dire trop tellement ça m’a pris par surprise. Je ne sais plus qui (me) l’a conseillé, probablement sur Masto, mais j’ai beaucoup de gratitude pour la personne qui m’a aidé à faire cette découverte.</p> | |||
<blockquote> | |||
<p>Le sentiment de contentement et un peu de déni, c’est ça la vie, rien de plus.</p> | |||
<p><cite><em>Carbone & Silicium</em>, Mathieu Bablet</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/10/" title="Lien permanent vers cet article">Co-écriture</a> (2021-06-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Tout seul on va plus vite, ensemble on va <em>ailleurs</em>.</p> | |||
<p><cite>Proverbe africain, <a href="/david/blog/2015/pairmutation-travail/">métissé à Scopyleft</a></cite></p> | |||
</blockquote> | |||
<p>L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase.</p> | |||
<p>Ce que l’on a expérimenté avec <a href="https://oncletom.io/">Thomas</a> et <a href="http://scopyleft.fr/">Juliette</a> c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective.</p> | |||
<p><em>Merci.</em></p> | |||
<p>D’une certaine manière, on a mis un mois pour rédiger 9 pages à… 70 mains 😅. Toute <a href="https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme">ressemblance</a> ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres.</p> | |||
<p>Là-bas était l’essentiel.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/14/" title="Lien permanent vers cet article">Manquer</a> (2021-06-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>« Bonjour,<br /> | |||
Il ne faut pas pleurer parce que ça ne ramène pas les gens ni les mamans partis.<br /> | |||
Je crois que moi non plus je ne reviendrai pas tant que je suis petit. Soyez pas tristes. Quand je serai grand, j’irai à l’école avec vous.<br /> | |||
Ici tout le monde parle italien comme Maman sauf Zio Serafino qui connaît une poésie en français. La Nonna est très gentille.<br /> | |||
Je me suis fait une cabane pour regarder la ville et on voit aussi la mer. On mange délicieux, j’adore surtout les pâtes et les aubergines.<br /> | |||
Je rentre dès que je serai grand.<br /> | |||
Leo »</p> | |||
<p>J’ai rien dit à propos de mon papa à cause des mots qui sont difficiles à faire comprendre.</p> | |||
<p><cite><em>Quelqu’un a qui manquer</em>, Yohan Boniface</cite></p> | |||
</blockquote> | |||
<p>Yohan est un ami. Jusqu’à présent, j’avais surtout relu son code. Hier, j’avais le cœur tout humide à lire son histoire. Je me suis retrouvé en Sardaigne, dans cette cabane, dans cette famille, dans ces doutes et cette tristesse partagée. J’ai eu envie de serrer fort ce petit Leo dans mes bras.</p> | |||
<p>Vous pouvez retrouver son livre <a href="https://grand-monde.fr/">dans plusieurs librairies</a> et il est sous <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr">licence CC BY-NC-SA</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/07/" title="Lien permanent vers cet article">Frank</a> (2021-09-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="https://sudweb.github.io/frank/">Zut</a>.</p> | |||
<p>Ta franchise m’aura fait pleurer de rire. Cette critique, sans filtre, si juste, avait le don de me faire relativiser et de prendre du recul en écoutant ce Frank sensé, qui savait jouer avec les maux de notre temps. Merci de faire partie de cell·eux qui m’ont fait envisager des changements radicaux dans ma vie.</p> | |||
<p>Tu te serais bien foutu de ma gueule d’écrire tout ça ici.</p> | |||
<p>Et ça m’aurait plu.</p> | |||
<blockquote> | |||
<p>Il est toujours étonnant de voir que l’on s’obstine à croire, l’on se complait dans l’idée qu’une vie peut être écrite et se dérouler selon des plans, des projections, alors que la seule chose certaine — le surgissement inévitable d’un imprévu, d’un accident, d’une brèche dans la continuité d’une existence — est ce que nous refusons de penser. Nous nous interdisons de penser la menace, le risque inhérent à nos vies. Chacun se considère, comme par magie, à l’abri. Comme si cela faisait partie d’un contrat tacite.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
<script>toggleTheme('dark')</script> | |||
</details> | |||
<h2><a href="/david/2021/09/10/" title="Lien permanent vers cet article">Injustice</a> (2021-09-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si vous dénoncez une injustice, je vous invite à réfléchir : que voudriez-vous voir arriver ? <mark>À quoi la responsabilisation pourrait ressembler ?</mark> Si vous pensez que la personne devrait mourir, socialement ou littéralement, nous devons commencer la conversation à cet endroit-là. Sinon, nous avons besoin d’une vision de ce que pourraient être la guérison et la responsabilisation.</p> | |||
<p><cite><em><a href="https://zine-le-village.fr/si-vous-pensez-qu-ils-doivent-mourir.html">Si vous pensez qu’ils doivent mourir…</a></em> (<a href="/david/cache/2021/629d13932d0187afd3e8056f15b509c4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a <a href="https://eldritch.cafe/@davidbruant">David</a> qui parle de justice réparatrice/transformatrice depuis un moment, il faut que je me penche sur ce concept car j’y vois une source de compréhension et d’acceptation. En lisant <a href="https://fr.wikipedia.org/wiki/Justice_r%C3%A9paratrice">la page wikipedia française</a>, j’apprends qu’il pourrait y avoir un <a href="https://en.wikipedia.org/wiki/Restorative_justice#In_criminal_cases">lien local</a> avec <a href="https://en.wikipedia.org/wiki/Restorative_justice#Precursors_in_indigenous_groups">l’origine</a> de ce concept et sa potentielle <a href="https://en.wikipedia.org/wiki/Restorative_justice#Victim-offender_dialogue">mise</a> en <a href="https://en.wikipedia.org/wiki/Restorative_justice#Circles_of_Support_and_Accountability">application</a>.</p> | |||
<p>De quoi me motiver encore davantage.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/25/" title="Lien permanent vers cet article">Transformatrice</a> (2021-10-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>je suis insatisfait par le système de justice tel que je le connais parce qu’il ne prend pas bien en compte les <mark>victimes</mark>, ne répond pas vraiment à leurs besoins, ou alors par accident</p> | |||
<p><cite><em><a href="https://davidbruant.github.io/justice/">Une autre justice - description du problème</a></em> (<a href="/david/cache/2021/02de0fb44c1856ae5b7053f7a1682cc8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>David nous parle de ses explorations autour de la justice, réparatrice puis transformatrice à travers des interprétations de situations malheureusement bien réelles. Le travail d’essayer de décortiquer les attentes des victimes et le soin qu’il y aurait à leur apporter est fascinant. Ou déprimant. Bon en tout cas ça me fait bien cogiter.</p> | |||
<p><em>Merci.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/10/26/" title="Lien permanent vers cet article">Complicité</a> (2021-10-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="http://scopyleft.fr/">Stéphane</a> m’indique qu’il préfère être <em>complice</em> plutôt qu’<em>allié·e</em> car ce n’est pas une guerre avec deux fronts bien définis. Je n’avais jamais songé à ce terme dans ce champ lexical là.</p> | |||
<p>Je me demande s’il ne faudrait pas explorer d’autres angles, en se reconnaissant et s’affirmant comme étant <em>complexe</em> par exemple. C’est davantage auto-centré mais (espoir++) en acceptant sa propre complexité, on ne peut qu’accepter — et encourager — celle des autres. Et ensuite prendre conscience que deux êtres complexes vont avoir des difficultés à communiquer, à se comprendre, à s’entendre, à faire un bout de chemin ensemble. Alors à plusieurs !</p> | |||
<p>De la complexité du vocabulaire… il reste un <a href="https://ironemes.eu.org/">ironème</a> à trouver.</p> | |||
<hr /> | |||
<p lang="en"><a href="https://2kindsofpeople.tumblr.com/">2 kinds of people</a>. (Maybe more.)</p> | |||
</details> | |||
<h2><a href="/david/2021/10/30/" title="Lien permanent vers cet article">Cobayes</a> (2021-10-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Une pensée pour les personnes qui ont fait partie des essais cliniques pour vérifier que les vaccins — qui ont <a href="https://ourworldindata.org/covid-vaccinations">à ce jour</a> été injectés 7 milliards de fois — avaient une balance bénéfice/risque très positive.</p> | |||
<p>On n’en parle pas, on ne fait pas d’articles, on ne les applaudit même pas, et pourtant. Ces personnes sont celles qui ont pris de gros risques pour que le reste de la population en prenne moins. Soyons honnêtes, probablement pas par choix, et cela n’enlève rien au rôle qu’elles ont pu jouer dans cette histoire.</p> | |||
<p>Elles ne peuvent pas en parler, elles ne peuvent même pas évoquer leurs séquelles potentielles, elles font partie des héroïnes oubliées de cette pandémie.</p> | |||
<p><em>Merci.</em></p> | |||
<blockquote> | |||
<p>Si l’histoire est un sanglant « abattoir », le sang qui le recouvre n’est pas seulement celui des victimes innocentes de la civilisation, mais aussi celui des hommes et des femmes qui nous ont laissé un héritage de liberté. L’héritage de liberté et l’héritage de domination se sont souvent tragiquement entremêlés. Pour pouvoir se sauver des effets homogénéisants de la société de marché, <mark>il est nécessaire que le souvenir pâlissant qu’a l’humanité des luttes héroïques pour atteindre la liberté soit sauvé de la pollution de cette société</mark> — une pollution qui a déjà dépassé de nombreuses bornes dans nos cultures contemporaines.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/01/" title="Lien permanent vers cet article">Inaccessible</a> (2021-11-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<ol> | |||
<li>Je souhaite insister ici sur le fait que vivre dans une société inaccessible contribue très largement à ce sentiment. Bien plus que la maladie, c’est l’inaccessibilité qui réduit le champ des possibles pour les malades chroniques et personnes handicapées. <mark>Une vie que l’on peut juger diminuée ou rétrécie n’a pas moins de valeur que les autres.</mark></li> | |||
</ol> | |||
<p><cite><em><a href="https://bribesdereel.net/rechute-chronique">Rechute chronique</a></em> (<a href="/david/cache/2021/453afa4933a15181ceedb95afeb70c1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Parfois, une note suffit pour écouter le monde différemment.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/21/" title="Lien permanent vers cet article">Jour 1</a> (2021-11-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je commence à comprendre que c’est moi qu’il faudrait aussi protéger de cette caméra.</p> | |||
<p>Au début, je croyais qu’il suffisait d’appuyer sur le déclencheur après avoir réglé l’objectif. Ce n’est pas du tout ça. Il faut y mettre quelque chose d’autre, dans cette caméra. Elle essaye maintenant de me bouffer les tripes.</p> | |||
<p><cite><em>La longue route</em>, Bernard Moitessier</cite></p> | |||
</blockquote> | |||
<p>Cette sortie a été <a href="/david/2021/11/13/" title="Frustration">plusieurs fois décalée</a>, aussi j’essaye d’assurer le coup en me tenant éloigné des <a href="/david/2021/10/10/" title="Jour 1">chasseurs</a>. Je retourne dans un refuge que <a href="/david/stream/2019/01/18/">je connais</a> <a href="/david/stream/2019/09/17/">bien</a> en passant par de nouveaux chemins. Et je laisse la caméra à la maison.</p> | |||
<p>Dès les premiers mètres, je sais déjà que je n’ai pas les chaussures appropriées : ça glisse et c’est très humide, j’ai des chaussures basses, plutôt lisses et pas super étanche. J’ai déjà été dans cette situation, il faut croire qu’il est difficile d’apprendre de ses erreurs. Je persévère et je suis récompensé, passés les premiers kilomètres plus populaires je me retrouve dans une trace fraîche qui est beaucoup plus praticable.</p> | |||
<p>Ce n’est pas la première fois que je remarque que l’hiver ce sont les infrastructures et les activités humaines qui rendent la forêt plus dangereuse (glissades, décrochages, infrastructures, machines, etc).</p> | |||
<figure> | |||
<a href="#ouareau-lac-corbeau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-corbeau"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Je suis surpris que les lacs soient déjà gelés, ça va encore être galère de trouver de l’eau liquide…</figcaption> | |||
</figure> | |||
<p>Je fais un long périple en acceptant le côté glissant de mon pas, me revoilà sur <a href="/david/2020/12/18/">Arrakice</a> avec sa démarche bien particulière pour ne pas attirer l’hiver… (rires). À force de trop glisser en descente, j’ai la malléole qui tape un tronc et ça pique pas mal, sans compter les adducteurs qui commencent à souffrir. Je ne suis pas mécontent d’arriver au refuge après une quinzaine de kilomètres.</p> | |||
<figure> | |||
<a href="#ouareau-lac-corbeau-point-de-vue" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-corbeau-point-de-vue"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>C’est bien la peine d’avoir pris une bonne suée !</figcaption> | |||
</figure> | |||
<p>Je n’ai croisé personne mais j’ai eu beaucoup de notifications qui sont venues étirer mes pensées. Je me mets en mode avion et je monte à bord du <em>Joshua</em>. J’ai l’impression de partager une partie de cette (longue) route avec la neige qui fouette les vitres telle des embruns et des préoccupations autour de la récupération de l’eau potable.</p> | |||
<blockquote> | |||
<p>Pourtant, c’est une carte bien lourde à porter, ce besoin de rassurer la famille et les amis, de leur donner des nouvelles, des images, de la vie, de leur transmettre ce quelque chose d’infiniment précieux, cette petite plante invisible qui s’appelle l’espoir. La raison me crie de jouer seul, seul, sans m’encombrer des autres. […]</p> | |||
<p>Mais une autre voix insiste depuis plusieurs jours : <em>« Tu es seul, pourtant tu n’es pas seul, les autres ont besoin de toi et tu as besoin d’eux. Sans eux, tu n’arriverais nulle part et rien ne serait vrai. »</em></p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>J’ai beaucoup de gratitude pour Isabelle Attard qui cite cet ouvrage dans <a href="/david/2020/12/21/#comment-je-suis-devenue-anarchiste">son livre</a> et qui m’a motivé pour l’emprunter à la bibliothèque ainsi que pour <a href="https://oncletom.io/">Thomas</a> qui m’a indirectement incité à amener de la lecture en forêt.</p> | |||
<p><em>Il y a des poids qui allègent.</em></p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,236 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #inclassable — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #inclassable"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #inclassable</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/22/" title="Lien permanent vers cet article">Tentation</a> (2021-01-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Un lien anodin<br /> | |||
La promesse d’hivers sans fins,<br /> | |||
Nuit agitée.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/08/" title="Lien permanent vers cet article">Vie</a> (2021-03-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>After more than six months of filming and countless tweaks, van IJken was able to shrink what would take around four weeks in nature down to just six minutes of <mark>otherworldly beauty</mark>.</p> | |||
<p><cite><em><a href="https://www.nationalgeographic.com/animals/article/time-lapse-film-shows-salamander-development">Incredible time-lapse shows a single cell transforming into a salamander</a></em> (<a href="/david/cache/2021/cd6592ceefc88cec80f8642f25a85f8f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On a beau envoyer la persévérance sur Mars et s’extasier sur des images désertiques uniquement peuplées de robots, la beauté de la vie est bien sur Terre.</p> | |||
<blockquote> | |||
<p>Vouloir attribuer des règles à la création, cela revient à essayer de séparer l’esprit du corps.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/15/" title="Lien permanent vers cet article">Partage</a> (2021-03-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>80 emojis in, forking over money for a goat emoji domain name, you <mark>seriously</mark> start to question what you’re doing.</p> | |||
<p>$1200 later, 150 emoji domains were mine.</p> | |||
<p><cite><em><a href="https://tinyprojects.dev/projects/mailoji">I bought 300 emoji domain names from Kazakhstan and built an email service</a></em> (<a href="/david/cache/2021/45af171610f986077420b27c2da46ec1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime lorsque des inconnu·es partagent leurs brins de folie.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/13/" title="Lien permanent vers cet article">Nonnes</a> (2021-04-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<figure> | |||
<a href="#nuns" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire" | |||
loading="lazy" width="1440" height="1156" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nuns"> | |||
<img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire" | |||
loading="lazy" width="1440" height="1156" /> | |||
</a> | |||
<figcaption>Mais que fait Holywood ?!</figcaption> | |||
</figure> | |||
<p>Je ne pensais pas un jour faire une entrée sur des nonnes mais <a href="https://www.lesoir.be/art/la-saga-des-colettines-rebondit-une-ferme-au-coeur-des-_t-19900704-Z02VMP.html">cette</a> <a href="https://www.lesoir.be/art/le-jardinier-des-clarisses-de-bruges-est-inculpe-_t-19900323-Z02HCD.html">histoire</a> <a href="https://www.lesoir.be/art/%25252Fpauvres-claires-ronny-crab-en-correctionnelle_t-19941024-Z08NWK.html">complètement</a> <a href="https://www.lesoir.be/art/%252Fm%252Fla-cour-d-appel-de-gand-acquitte-ronny-crab-le-dossier-_t-19960206-Z0AMZN.html">rocambolesque</a> mérite d’être connue !</p> | |||
<p>Très difficile de distinguer le vrai du faux lorsque la religion s’en mêle mais quel éventail de possibles fascinant. C’est ce qui s’appelle brûler le cierge par les deux bouts.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,892 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #incompétence — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #incompétence"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #incompétence</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/03/" title="Lien permanent vers cet article">Vaccina(c)tion</a> (2021-01-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il existe une limite à la force que les plus puissants eux-mêmes ne sauraient atteindre sans se détruire. L’art véritable de tout gouvernement est <mark>d’évaluer cette limite</mark>. Le mauvais usage du pouvoir constitue le péché fatal. La loi ne peut être un outil de vengeance, pas plus qu’un otage ou une barrière contre les martyrs qu’elle a pu créer. On ne peux menacer un individu et se soustraire aux conséquences.</p> | |||
<p><cite><em>Muad’Dib et la Loi</em>, extrait des <em>Commentaires de Stilgar</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p> | |||
</blockquote> | |||
<p>J’ai les yeux rivés sur les courbes de vaccination et j’ai beau refaire mes calculs il n’y a aucune chance que le « <a href="https://inessential.com/2020/12/31/when_are_we_back_to_normal">retour à l’anormal</a> (<a href="/david/cache/2021/c8678419b1c96d90ea066a3f6f6e3479/">cache</a>) » soit pour cet été. Après une année de pandémie, je suis dans l’incompréhension totale. Il suffisait pourtant de regarder <a href="/david/2020/12/15/#contagion">Contagion</a>…</p> | |||
<p>Puisque le gouvernement ne fait clairement pas le boulot, voici quelques sites permettant de vous y retrouver au niveau de la vaccination :</p> | |||
<ul> | |||
<li><a href="https://art-bd.shinyapps.io/covid19canada/">pour le Canada</a> (onglet VaxView) ;</li> | |||
<li><a href="https://covidtracker.fr/vaccintracker">pour la France</a> ;</li> | |||
<li><a href="https://apps.clinicalepidemio.fr/vaccine/">pour l’analyse coûts/bénéfices</a> ;</li> | |||
<li><a href="https://twitter.com/VieDeCarabin/status/1346235405394472966">pour une version illustrée</a> ;</li> | |||
<li><a href="https://ourworldindata.org/covid-vaccinations">pour le monde</a> ;</li> | |||
<li>pour comprendre <a href="https://tanialouis.fr/2020/12/27/le-compromis-de-la-vulgarisation/">le compromis de la vulgarisation</a> (<a href="/david/cache/2021/3d37e77a601b6dd7043bbb17a4a2d199/">cache</a>) ;</li> | |||
<li>pour analyser <a href="https://berthub.eu/articles/posts/reverse-engineering-source-code-of-the-biontech-pfizer-vaccine/">le code source</a> (<a href="/david/cache/2021/66ef8e7fa0942fc975723f7df4d932e9/">cache</a>) du vaccin ;</li> | |||
<li><a href="https://www.ansm.sante.fr/S-informer/Points-d-information-Points-d-information">les points réguliers de l’ANSM</a> sont détaillés et pertinents.</li> | |||
</ul> | |||
<p><strong>Je ne sais pas comment est-ce que l’on peut en arriver à une telle incurie.</strong> C’est sidérant. Et triste, tellement triste.</p> | |||
<blockquote lang="en"> | |||
<p>When systems are built to last for decades, we often don’t see the disaster unfolding until the people who cared for those systems have been gone for quite some time. The blessing and the curse of good infrastructure is that <mark>when it works, it is invisible</mark>: which means that too often, we don’t devote much care to it until it collapses.</p> | |||
<p><cite><em><a href="https://logicmag.io/care/built-to-last/">Built to Last</a></em> (<a href="/david/cache/2021/f1df3d5f1720e137130581d5a2b8549f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/17/" title="Lien permanent vers cet article">Finesse</a> (2021-01-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une <strong>espace fine insécable</strong> est un caractère typographique dont l’espace est un peu plus fine que l’espace insécable (une espace que l’on intercale entre deux parties qui ne doivent pas être séparées par un éventuel retour à la ligne automatique). Le code typographique français recommande une espace fine insécable devant les signes de ponctuation doubles sauf deux-points (point-virgule, point d’interrogation, point d’exclamation), et à l’intérieur des guillemets français pour les séparer du texte mis en exergue. Pour les nombres de quatre chiffres, l’espace fine insécable est préférable. On ne sépare pas les chiffres en tranches de trois pour un ordinal ou un numéro.</p> | |||
<p><cite><a href="https://fr.wikipedia.org/wiki/Espace_fine_ins%C3%A9cable">Espace fine insécable</a>, sur Wikipedia</cite></p> | |||
</blockquote> | |||
<p>Il y a depuis peu des espaces insécables <em>fine</em> sur cet espace (en plus des insécables classiques lorsque j’y pensais). C’est un détail mais j’arrive à faire la distinction entre les deux maintenant que j’ai pris conscience de cette différence.</p> | |||
<p><strong>Un petit pas de plus dans ma compréhension de ce domaine.</strong> Limite <em>snob</em> mais j’assume. Le plus difficile étant de faire la part des choses entre les différentes ressources à ce sujet qui ont tendance à se contre-dire (et je ne parle même pas des différences au sein de la francophonie…). Des choix — futiles donc indispensables — à faire, des affirmations à défaire, des raisonnements à refaire. C’est peut-être la définition de mon activité !</p> | |||
<blockquote> | |||
<p>L’hypothèse selon laquelle le fonctionnement d’un système peut être amélioré par une intervention brutale sur ses éléments conscients traduit une <mark>dangereuse ignorance</mark>. Cette attitude fut trop longtemps celle des esprits qui se qualifient des épithètes de « scientifique » et de « technologues ».</p> | |||
<p><cite><em>Le Jihad Butlérien</em>, par Harq al-Ada (<a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/02/" title="Lien permanent vers cet article">Complexité</a> (2021-02-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As much as we talk about avoiding complexity <em>in</em> our programs, we seem to love the complexity of the tooling <em>around</em> our programs. As Ousterhout notes, <mark>every time you add a tool or configuration to a project, you’re adding an element that developers must learn</mark>, be aware of, or at minimum be exposed to. So while we think we’re lowering the bar of contributing and collaborating on a project — which may be true for <em>some</em> people — it’s possible we’re actually excluding people from contribution and collaboration because of the overwhelming complexity of our team of robots.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2021/codbase-collaboration-between-humans-and-robots/">Codebase Collaboration Between Humans and Robots</a></em> (<a href="/david/cache/2021/321b85630164ca075bd3be265f23aed5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><a href="/david/2021/02/01/" title="Software">Suite</a> de mes réflexions sur le sujet (et en fait il s’agit d’un truc autour duquel je tourne depuis <a href="/david/blog/2014/gaspillage-numerique/">pas mal de temps</a>), je doute de plus en plus de la pertinence de ces enchaînements d’étapes à chaque <em>commit/push</em>. Ma difficulté actuelle est de faire la distinction entre les moments où c’est important et ceux où ça peut être facultatif (et potentiellement le rendre désactivable). On peut rapidement être <a href="https://osd.ovh/index.php?article10/nostalgie-de-lancien-web">nostalgique</a> (<a href="/david/cache/2021/59bd3fea3b3b370bd6b116e77effb69e/">cache</a>) d’un temps où l’on n’avait pas tout ça mais je me rappelle aussi du renommage des fichiers en direct sur le serveur et des conflits ou des oublis lorsqu’on travaille à plusieurs dessus, etc. C’était l’enfer et c’est bien pour cela que l’on s’est outillé un minimum depuis.</p> | |||
<p>Il y a probablement un entre-deux plus sain à trouver. Et en fait <em>plusieurs</em> en fonction du contexte. Je regrette parfois d’avoir lâché du lest sur certains aspects, j’en apprécie d’autres au quotidien. Une histoire de compromis.</p> | |||
<blockquote lang="en"> | |||
<p>The technology stack was not the limit we faced in this project over the years. It was rather the <mark>abstractions</mark> we created our own that got in our way.</p> | |||
<p><cite><em><a href="https://9elements.com/blog/maintaining-javascript-applications-in-the-long-term/">Maintaining JavaScript applications in the long term</a></em> (<a href="/david/cache/2021/6d16a2f955aeaa4f23c239373824143f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/08/" title="Lien permanent vers cet article">Niveaux</a> (2021-02-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Pick a foundational web development concept (e.g. HTML, CSS, JavaScript, etc.) and explain it at two levels: first as you would to a colleague who’s not a software developer, like a designer or product manager; next, as you would to a peer.</p> | |||
<p><cite><em><a href="https://jacobian.org/2021/feb/8/interview-questions-explain-a-topic/">“Explain a Topic At Multiple Levels…”</a></em> (<a href="/david/cache/2021/c9fad8039837ef9a671e1fb52cbbeb35/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime bien la simplicité de la question qui rend visibles plusieurs choses. À commencer par la capacité à savoir vulgariser des concepts non triviaux mais qui font pourtant partie de notre quotidien. Je me risque à la métaphore que cela m’a inspiré :</p> | |||
<blockquote> | |||
<p>HTTP est le carton dans lequel votre meuble IKEA vient d’être livré (HTTPS si vous avez dû signer un reçu), vous découvrez dedans des morceaux de HTML. La façon dont vous allez les agencer pour construire un meuble, c’est ce que fait CSS avec les pages web pour leur donner forme. C’est ce qui va donner une structure/du volume à ces pièces détachées. Et JavaScript ? C’est la charnière de la porte que vous montez de travers et qui va grincer pendant toute la durée de vie de ce meuble 🚎. S’il reste une cheville à la fin… on la met dans le <em>footer</em>.</p> | |||
</blockquote> | |||
<p>Entre temps, <a href="https://www.la-grange.net/karl/">Karl</a> me pointe une pratique de Shopify qui se rapproche des mes <a href="/david/2021/01/26/" title="Conférences">questionnements sur le mentorat</a>, à expérimenter :</p> | |||
<blockquote lang="en"> | |||
<p>In advance of the first meeting, mentees are asked to identify technical skills gaps they want to improve. During their first meeting, mentees and mentors work together building a tangible goal that they can work towards over the course of the six weeks. Goals often change and that’s expected.</p> | |||
<p>Through the initial kickoff meeting and weekly check-ins via Slack, we reinforce and reiterate throughout the program that <mark>the goal itself is never the goal</mark>, but an opportunity to work towards a moving target.</p> | |||
<p><cite><em><a href="https://shopify.engineering/technical-mentorship-reimagined">Technical Mentorship Reimagined: Time-bound and No Awkward Asks Necessary</a></em> (<a href="/david/cache/2021/7b8d925b24ca7a4777becd5cc212d11a/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/28/" title="Lien permanent vers cet article">Constance</a> (2021-02-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>L’une des choses que me procure l’écriture quotidienne (et que j’avais oubliée) c’est de réduire drastiquement la pression au niveau de la qualité de ce qui est partagé. Sur un tel flux, il y a forcément des inégalités de pertinence et je ne peux que l’accepter — ou renoncer. C’est un excellent moyen de lâcher prise sur l’un de mes principaux blocages liés à l’écriture, en ajoutant ce qu’il faut de bruit je me crée un espace vivant, en <a href="/david/2021/01/24/" title="Négativité">retranchant</a> ce qu’il faut d’attention pour ne pas créer une bulle mortifère.</p> | |||
<blockquote> | |||
<p>Dans une telle cacophonie informationnelle qui nous plonge, bon gré mal gré, dans une situation de cocktail mondial, qu’est-ce qui va retenir notre attention ? Quelles sont les propositions qui vont capter notre précieux temps de cerveau disponible ? Quels sont les produits cognitifs qui auront un avantage concurrentiel sur ce marché de l’information devenu métastasé ?</p> | |||
<p><cite><em><a href="https://theconversation.com/bonnes-feuilles-apocalypse-cognitive-155247">Bonnes feuilles : « Apocalypse cognitive »</a></em> (<a href="/david/cache/2021/127326e70c4f151132af72e4b0a5827b/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/03/" title="Lien permanent vers cet article">Vivre avec</a> (2021-03-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chaque jour de « vivre avec », les différents variants du virus circulent. Plus ils circulent, plus la probabilité de nouveaux variants augmente. En décembre, quand les médias ont commencé à parler de variants, les bavards ont joué les étonnés : Des variants ? Il y a des variants ? Quelle surprise ! Bah oui ! Des mutations. Des branches. Des variétés. Biologie élémentaire. Plus on laisse tourner cette saloperie, plus on risque de voir émerger des variants. C’est ça aussi, le « vivre avec ». Ça veut dire jouer avec le feu. Ça veut dire laisser brûler un immeuble, puis un quartier, voire toute une ville, en espérant que le feu en se propageant ne va pas atteindre une bonbonne de gaz, un bidon d’essence, ou un entrepôt de produits chimiques.</p> | |||
<p>Chaque jour de « vivre avec », la peur fait son chemin. <mark>Chaque jour de « vivre avec », les esprits sont usés par les situations absurdes, les mensonges officiels, les injonctions contradictoires.</mark> Chaque jour de « vivre avec », les habitants de ce pays prennent conscience qu’ils ne peuvent plus compter sur leur pays. Chaque jour de « vivre avec », on rend les gens un peu plus fous – y compris l’auteur de ces lignes.</p> | |||
<p><cite><em><a href="https://prototypekblog.wordpress.com/2021/03/02/vivre-avec-les-fleaux/">Vivre avec les fléaux</a></em> (<a href="/david/cache/2021/f9327416703abe2963573a84d1d0a39e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne vous cache pas qu’il m’est de plus en plus difficile de communiquer/implémenter quotidiennement la doctrine gouvernementale. Faire un tel suivi me met <a href="/david/2020/05/26/">chaque jour depuis 9 mois</a> aux premières loges des incohérences et autres revirements de situation. Le pire étant de faire le constat de l’accouchement, en un mot : douloureux. On attend toujours les doses de péridurale…</p> | |||
<p>J’ai vraiment de l’empathie pour les 68 millions de français·es qui n’y comprennent rien aux directives et c’est la raison pour laquelle je continue à faire mon travail de vulgarisation/simplification mais je sais que je suis en train d’y laisser des plumes. Ne serait-ce que par le fait de <em>vivre avec</em> ce doute oppressant : suis-je vraiment en train de faire le moins de dégâts possible ?!</p> | |||
</details> | |||
<h2><a href="/david/2021/03/16/" title="Lien permanent vers cet article">Confort</a> (2021-03-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Developers, particularly in Silicon Valley firms, are definitionally wealthy and enfranchised by world-historical standards. Like upper classes of yore, comfort ("DX") comes with courtiers happy to declare how important comfort must surely be. It’s bunk, or at least most of it is.</p> | |||
<p>As frontenders, <mark>our task is to make services that work well for all, not just the wealthy</mark>. If improvements in our tools or our comfort <em>actually</em> deliver improvements in that direction, so much the better. But we must never forget that measurable improvement for <em>users</em> is the yardstick.</p> | |||
<p><cite><em><a href="https://infrequently.org/2021/03/the-performance-inequality-gap/">The Mobile Performance Inequality Gap, 2021</a></em> (<a href="/david/cache/2021/d3a653c926aa97707653300947b65ab5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Pour résumer, le budget réactualisé de la décence serait de <q>~100KiB (gzipped) of HTML/CSS/fonts and 300-350KiB of JavaScript on the wire (compressed)</q>. Un demi méga-octet transféré et si on a bien fait son travail on espère que ça ne donne pas une expérience trop fastidieuse en-deçà du 75<sup>e</sup> centile.</p> | |||
<p>Je viens de vérifier et on est à 469 Ko sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a>. On a dû faire des choix assez drastiques pour cela : pas de <em>framework</em>, des dépendances limitées, etc. Est-ce que c’est inconfortable pour autant ? Parfois, et dans ces moments je me rappelle que mon « inconfort » est au service de l’accessibilité du produit pour lequel je travaille.</p> | |||
<p>Et j’y accorde davantage d’importance.</p> | |||
<blockquote lang="en"> | |||
<p>Getting there involves no small amount of class traitorship; <mark>the frontend community will need to value the commons over personal comfort</mark> for a little while longer to ease our ecosystem back toward health. The past 6 years of consulting with partner teams has felt like a dark remake of Groundhog Day, with a constant parade of sites failing from the get-go thanks to Framework + Bundler + SPA architectures that are mismatched to the tasks and markets at hand. Time (and chips) can heal these wounds if we only let it. We only need to hold the line on script bloat for a few years for devices and networks to overtake the extreme, unconscionable excesses of the 2010’s.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/23/" title="Lien permanent vers cet article">Recrutement</a> (2021-03-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>À chaque étape la question est essentiellement « <mark>Est-ce qu’on veut travailler ensemble  ?</mark> pourquoi  ? qu’est-ce qui pourrait coincer  ? ». À l’entretien technique on peut éventuellement ajouter « Où positionner le candidat par rapport aux salariés actuels au niveau compétences et rémunération  ? ». Le reste c’est de la littérature.</p> | |||
<p><cite><em><a href="https://n.survol.fr/n/longueur-du-processus-de-recrutement">Longueur du processus de recrutement</a></em> (<a href="/david/cache/2021/b50e973ef4e131098b91c9d99cb69a5a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ma ligne de temps pour une candidature au <abbr title="Canadian Digital Service">CDS</abbr>-<abbr title="Service Numérique Canadien">SNC</abbr> :</p> | |||
<ul> | |||
<li><a href="/david/2021/01/22/" title="Tentation">22 janvier</a> : Yannick poste <a href="https://numerique.canada.ca/join-our-team/positions/d%C3%A9veloppeur-de-logiciel-senior-principal-e-python/">un lien</a> (<a href="/david/cache/2021/b7829aa5073173cca4ed3f4ea23e767f/">cache</a>) sur le chat interne de <a href="http://scopyleft.fr/">Scopyleft</a> ;</li> | |||
<li>25 janvier : j’applique (en bon québécois) après 5 années d’hésitations pour de nombreuses raisons — je suis rappelé dès le lendemain ;</li> | |||
<li>27 janvier : rencontre avec la personne dédiée à mon recrutement (30 min), on échange un peu sur mon parcours et sur ce que je pourrais faire au <a href="https://digital.canada.ca/">CDS</a>-<a href="https://numerique.canada.ca/">SNC</a>, je me rends compte que je n’ai jamais passé d’entretien de recrutement à proprement parler — je suis rappelé le 2 février ;</li> | |||
<li><a href="/david/2021/02/04/" title="Chance">4 février</a> : rencontre en anglais (1 h) avec deux personnes sur les <em>Core Values</em>, j’apprécie beaucoup que ces sujets soient abordés avant même de parler de technique, on parle d’humanité, d’empathie, d’inclusion — je suis rappelé le 16 février ;</li> | |||
<li>17 février : rencontre en anglais (1 h 30 min) avec deux personnes sur les <em>Technical Skills</em>, je raconte certaines expériences, on évoque des scénarios, c’est relativement équilibré comme discussion et je ne peux m’empêcher de voir des parallèles avec ce qui se fait (ou pas) chez <a href="https://beta.gouv.fr/">betagouv</a> — je suis rappelé le 1<sup>er</sup> mars ;</li> | |||
<li>10 mars : rencontre en français (1 h 30 min) avec deux personnes sur les <em>Technical Skills</em> encore une fois, j’apprécie le fait que ce ne soit <a href="https://medium.com/swlh/why-senior-engineers-hate-coding-interviews-d583d2855757">pas un test technique</a> (<a href="/david/cache/2021/cfe6353c663f062eb2e6ccfcace889ef/">cache</a>) mais un échange horizontal sur des situations plus ou moins fictives et les pistes de résolution associées ;</li> | |||
<li>23 mars : courriel m’indiquant que je ne suis finalement pas retenu.</li> | |||
</ul> | |||
<p>Ce qui n’est pas explicite avec ces dates, c’est le stress diffus avec de gros <em>gros</em> pics sur une période de plusieurs mois. C’est l’incapacité à travailler lorsque j’ai un entretien dans la journée. Ce sont les doutes entre chaque session avant d’attendre un retour qui arrive plusieurs jours après. Ce sont les questionnements au moment de la préparation, les remises en question de mes capacités.</p> | |||
<p>Je comprends l’intérêt de tester la motivation dans la durée mais je me demande aussi si un tel processus ne ferme pas la porte à des personnes moins privilégiées, moins en confiance, dans une situation moins stable.</p> | |||
<p>Au cours de ce processus, la <a href="https://jacobian.org/series/unpacking-interview-questions/">série de billets</a> de Jacob m’a été d’une grande aide. Le <a href="https://eng-hiring.18f.gov/">guide de 18F</a> m’a beaucoup rassuré aussi pour avoir une idée du potentiel enchainement au complet. Et bien sûr, le <a href="https://cds-snc.github.io/technical-playbook-manuel-technique/">Technical Playbook</a> (<a href="https://cds-snc.github.io/technical-playbook-manuel-technique/fr/">version française</a>) du CDS-SNC lui-même.</p> | |||
<p>Sur une note positive, j’aurais beaucoup appris au cours de ce parcours, surtout sur moi. La relation au stress, à la confiance en moi mais aussi des réflexions sur le plus long terme. <strong>Ce que je suis prêt à changer dans ma vie</strong>, la dose de liberté que je peux/veux réduire, les libérations et les contraintes que cela m’apporterait. Au fil du temps, j’ai pu affiner mes questions/attentes aussi, afin de mieux connaître la structure et les façons de fonctionner. Je suis reconnaissant des personnes qui ont pris le temps de s’intéresser à ma candidature et qui ont été vraiment bienveillantes durant ce parcours.</p> | |||
<p>En bonus, je crois que ça me permet de travailler mon acceptation de l’échec… et du contentement. J’espère néanmoins que ce sera le premier <em>et</em> le dernier parcours de recrutement de ce type que j’aurais à faire dans ma vie. Sans aigreur, ce n’est pas un processus qui me semble être adapté à ma façon de rejoindre une structure/équipe. Je crois que j’ai besoin de <em>faire</em> et d’<em>être</em> avec les personnes car l’hypothétique résiste rarement à l’épreuve du réel. Mais peut-être que cette démarche prend trop de temps ?</p> | |||
<blockquote lang="en"> | |||
<p>How many hours does it take to hire someone, from approval of the open position to their first day? It takes <strong>about 100 person-hours</strong>, and that’s about a best-case scenario.</p> | |||
<p><cite><em><a href="https://jacobian.org/2021/mar/11/hours-to-hire/">How Long Does It Take to Hire Someone?</a></em> (<a href="/david/cache/2021/e7dd6d41e04bcbf69d3bf09bce827e4c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/29/" title="Lien permanent vers cet article">Évaluation</a> (2021-03-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Alas, many developers don’t build with this mindset. I mean, I understand why: <mark>it means thinking about users with the most boring, least powerful technology</mark>. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology <em>and</em> also provide a whizz-bang experience to people with the latest and greatest technology.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/17987">The principle of most availability</a></em> (<a href="/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Pensée du jour suite à un retour interne (merci !) relatif à mon <a href="/david/2021/03/23/" title="Recrutement">non-recrutement</a>. Comme un besoin de déconstruire le refus pour pouvoir me reconstruire…</em></p> | |||
<p>Lorsqu’on est évalué pour un nouveau poste, on essaye de connaître la situation technique la plus complexe à laquelle on a été confrontée. Et cela a tendance à me rappeler d’une certaine manière le <a href="/david/stream/2015/12/29/">Principe d’Aurélien</a>. Ce qui me semblerait intéressant serait d’évaluer les choix qui ont été réalisés pour <em>ne pas</em> arriver à ce niveau de complexité.</p> | |||
<p>Comment est-ce que vous avez réussi à garder une équipe à taille humaine ? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohérent, compréhensible et maintenable ? Quelles sont les plus faibles compétences requises pour modifier les données sur ce produit ? Qu’est-ce qui a été automatisé et délégué, pourquoi ? Seriez-vous à l’aise pour transmettre cette application, à qui ? Qu’est-ce qui vous empêche de dormir la nuit à son sujet ?</p> | |||
<p>Il est certain qu’en créant une usine à gaz on acquiert tout un lot de compétences. Mais ce ne sont <a href="/david/2021/03/28/" title="Smolstack">pas celles qui m’attirent</a> (et je ne parle même pas d’humain). Il est des moments où <a href="/david/stream/2015/06/06/">relire ses archives</a> fait du bien.</p> | |||
<blockquote> | |||
<p>Je vous développe une application complexe parce que je n’ai pas l’expérience pour en écrire une moins sophistiquée.</p> | |||
<p><cite><em>Blaise Pascal fait du développement web</em>, Les dépendenciales (2021)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/25/" title="Lien permanent vers cet article">Complot</a> (2021-04-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il y a un effet de dévoilement lié à la réalisation d’une prédiction, qui produit une forme de jubilation n’ayant pas grand-chose à voir avec la vérité. Car ce qui intéresse les complotistes, c’est <mark>l’euphorie d’avoir eu raison</mark>, d’avoir été prophétique. Il faut séparer ce sentiment des discussions scientifiques en cours, qui sont légitimes en démocratie.</p> | |||
<p><cite><em><a href="https://www.lemonde.fr/les-decodeurs/article/2021/04/25/on-avait-raison-chez-les-complotistes-l-art-du-triomphalisme-selectif_6077975_4355770.html">« On avait raison » : chez les complotistes, l’art du triomphalisme sélectif</a></em> (<a href="/david/cache/2021/246f7c9e777e8403db950c0ed7a5d93b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Bon, la communication du gouvernement français — teintée d’arrogances et de certitudes — n’aide <strong>vraiment</strong> pas dans le contexte scientifique qui est celui de l’impermanence et du doute. Vaccins, mutants, propagation, après un an on ne sait finalement pas grand chose même s’il y a des espoirs qui se dessinent ici et là. Ma seule croyance c’est qu’une situation incompréhensible et anxiogène mène a davantage de clivages et augmente la polarité au sein d’une population.</p> | |||
<p>Dans un contexte chaotique, la « sachance » est une bénédiction. Elle offre des vérités rassurantes là où il n’y en a aucunes et j’envie presque les personnes qui pensent avoir raison dans cette gigantesques inconnue qu’est une pandémie à notre époque. Sans condescendance.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/28/" title="Lien permanent vers cet article">Politique</a> (2021-04-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>No more societal and political discussions on our company Basecamp account.</strong> Today’s social and political waters are especially choppy. Sensitivities are at 11, and every discussion remotely related to politics, advocacy, or society at large quickly spins away from pleasant. You shouldn’t have to wonder if staying out of it means you’re complicit, or wading into it means you’re a target. These are difficult enough waters to navigate in life, but significantly more so at work. It’s become too much. <mark>It’s a major distraction.</mark> It saps our energy, and redirects our dialog towards dark places. It’s not healthy, it hasn’t served us well. And we’re done with it on our company Basecamp account where the work happens. People can take the conversations with willing co-workers to Signal, Whatsapp, or even a personal Basecamp account, but it can’t happen where the work happens anymore.</p> | |||
<p><cite><em><a href="https://world.hey.com/jason/changes-at-basecamp-7f32afc5">Changes at Basecamp</a></em> (<a href="/david/cache/2021/c6a317213165bc069aabb49c53184a7f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Voilà une décision assez surprenante et qui a produit pas mal de réactions dans ma bulle. J’ai tendance à penser que tout peut devenir politique, de l’endroit où on choisit (parfois) de respirer notre air à l’eau plus ou moins embouteillée et propre que l’on boit, en passant par le bruit que l’on supporte/endure, etc. L’ensemble de nos stimuli et choix est politique si l’on en a conscience. Si l’on en <em>prend</em> conscience.</p> | |||
<p>Ce à quoi l’on consacre notre force de travail est de fait éminemment politique. Autant dire que pour ne pas se laisser <q>distraire</q> par la politique, il faudrait ne plus rien faire au travail. Et encore, même ceci est une contre-action motivée. Le rêve du libertarien est probablement cet ingénieur a-politique, a-cérébré, qui n’est qu’un pion analytique dans cette immense machine à fric.</p> | |||
<p>Et en même temps, je conçois que l’on ne puisse pas être en accord avec de trop nombreuses personnes. Et si cela affecte la productivité d’une équipe, il reste à définir ce que l’on souhaite <em>produire</em> en travaillant ensemble. Pour ma part, la réponse actuelle est simple :</p> | |||
<p>Une pensée critique. <strong>Et donc politique.</strong></p> | |||
<p><mark>Note avant publication :</mark> je choisis finalement de publier ce billet après de nombreux doutes au cours de la semaine, notamment car les <a href="https://marker.medium.com/the-pyramid-of-hate-that-brought-down-basecamp-838b63ca27e">récents</a> (<a href="/david/cache/2021/c92f91f646dd606f81a329fe2c91d733/">cache</a>) <a href="https://www.platformer.news/p/-how-basecamp-blew-up">rebondissements</a> (<a href="/david/cache/2021/413c4ae36b9d7f577768dcc991561268/">cache</a>) sont <a href="https://www.baldurbjarnason.com/2021/you-are-what-you-do/">extrêmement</a> (<a href="/david/cache/2021/a52987d5a3fe3c1e6f3a267a20d43d52/">cache</a>) préoccupants.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/05/" title="Lien permanent vers cet article">Accessibilité</a> (2021-05-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Aujourd’hui, on a reçu le rapport d’un audit d’accessibilité. Cela fait maintenant <a href="/david/2020/05/26/">un an</a> que nous travaillons sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a> et c’est intéressant d’avoir des <a href="https://access42.net/?lang=fr">personnes tierces et expertes</a> qui viennent analyser tout cela avec un peu de recul. Je pensais que l’on n’était pas trop mauvais·es et nous étions en fait <a href="https://github.com/Delegation-numerique-en-sante/mesconseilscovid/labels/rgaa">assez loin</a> du compte ! Une belle leçon d’humilité, même en pensant faire attention à ces aspects.</p> | |||
<p>La difficulté — une fois les erreurs corrigées à l’instant <code>t</code> — est de rester accessibles à l’instant <code>t + 1</code>.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/16/" title="Lien permanent vers cet article">Aération</a> (2021-05-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Malgré tous les efforts mis en œuvre, l’épidémie de COVID-19 se poursuit et les phases de confinement – déconfinement – reconfinement s’enchaînent. Le coronavirus se transmet principalement par des gouttelettes et aérosols contenant des particules de SARS-CoV-2. Les aérosols sont des micro-gouttelettes produites lorsque l’on respire. Dans les lieux clos, ils se retrouvent en suspension dans l’air jusqu’à plusieurs mètres de la personne qui les a produites, et peuvent y rester pendant plusieurs heures.</p> | |||
<p>Le masque filtre une partie des aérosols, mais il devient moins efficace si la quantité d’aérosols est trop importante. Une autre mesure, très efficace pour limiter la transmission de virus transmis par aérosols, est de <mark>réduire la concentration d’aérosols en les diluant.</mark> Pour diminuer la concentration des aérosols dans une pièce, il suffit d’aérer avec de l’air extérieur ! Il faut alors ouvrir grand les fenêtres pour renouveler complètement l’air de la pièce.</p> | |||
<p><cite><em><a href="https://www.adioscorona.org/questions-reponses/2021-04-15-mesurer-taux-co2-pour-lutter-contre-covid19.html">Pourquoi mesurer le taux de CO2 peut-il nous aider à lutter contre la COVID-19 ?</a></em> (<a href="/david/cache/2021/22b380308edae42dce43930916bc6375/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Si vous préférez une <a href="https://www.youtube-nocookie.com/embed/8b3lhDyVqgk">explication détaillée en vidéo</a> (lien Google Youtube) avec <a href="https://scienceetonnante.com/2021/04/30/covid-aerosols/">ses sources</a> (<a href="/david/cache/2021/d73bc89a90d59a754d1aef48251da90a/">cache</a>) et notamment <a href="https://www.pnas.org/content/pnas/118/17/e2018995118.full.pdf">celle-ci</a> (<a href="/static/david/2021/article-guideline-to-limit-indoor-airborne-transmission-covid.pdf">cache PDF - 1,5 Mo</a>). Il y aussi <a href="https://indoor-covid-safety.herokuapp.com/">un simulateur</a> pour vous aider à faire le calcul en fonction des conditions de votre contexte. Il y aurait des moyens de réduire mes <a href="/david/2021/05/15/" title="Inquiétude">inquiétudes</a>, des <a href="http://nousaerons.fr/">sites</a> <a href="https://projetco2.fr/">dédiés</a> existent et n’attendent qu’un peu de publicité pour une communication claire et des moyens associés, notamment dans les salles de classes.</p> | |||
<p>Pour cela, il faudrait admettre que l’<a href="/david/2021/04/25/" title="Complot">on s’est trompé</a>, adapter la doctrine gouvernementale pour qu’elle reflète l’état actuel des connaissances scientifiques, se concentrer sur les 20 % des mesures barrières qui produisent 80 % de l’efficacité connue. <strong>La complexité dans cette démarche est de transmettre une connaissance plus qu’une doctrine.</strong> Mettre en capacité de comprendre qu’une tablée de 10 en plein vent c’est moins problématique qu’une de 4 dans un petit restaurant mal ventilé. Rendre les personnes autonomes en leur permettant de faire des choix éclairés en conscience.</p> | |||
<p>Le retour de bâton serait qu’elles puissent faire d’autres choix éclairants si elles prenaient conscience de leur force. Ce n’est <a href="/david/2021/04/20/" title="Remote">pas forcément envisageable</a> par le pouvoir en place…</p> | |||
<blockquote> | |||
<p>La civilisation est en grande partie fondée sur la couardise. Il est si simple de civiliser en enseignant à être lâche. Étouffez les critères qui conduiraient au courage. Limitez l’exercice de la volonté. Égalisez les appétits. Bouchez les horizons. Décrétez une loi pour chaque mouvement. <mark>Niez l’existence du chaos.</mark> Apprenez même aux enfants à respirer lentement. Domptez.</p> | |||
<p><cite><em>Les Mémoires Volés</em> dans <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p><mark>Ajouté avant publication :</mark></p> | |||
<blockquote> | |||
<p>Or, il est de plus en plus clair aujourd’hui que la contamination par aérosols domine, comme le clament depuis un an les spécialistes des aérosols, qui ont dû lutter pour faire entendre leur voix, et s’appuient sur de nombreuses études d’événement de propagation du SARS-CoV-2. Les mesures proposées au départ étaient, donc, très insuffisantes.</p> | |||
<p><cite><em><a href="https://ducotedelascience.org/3937-2/">La contamination par aérosols : les clés, les sources et les avancées règlementaires</a></em> (<a href="/david/cache/2021/4a053a8bc34cadde5b46d59f01f9a8c8/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/25/" title="Lien permanent vers cet article">Mérite</a> (2021-05-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>D’une part il s’agit de faire reculer à l’arrière plan et si possible d’effacer le récit d’un naufrage.</strong> Naufrage qui est celui de la gestion « technique » des données de la pandémie et de la capacité des services de l’état à produire des applications et des services à la hauteur de la crise et des urgences. […] Plus on parlera de la réussite des outils déployés par Guillaume Rozier et plus on pourra souligner de manière opportune à quel point les services de l’état, à défaut d’être en capacité d’en produire de pareille qualité, se sont fait un point d’honneur de les utiliser au mieux et de les « valoriser » et même de leur avoir permis d’exister.</p> | |||
<p>[…]</p> | |||
<p><mark>Effacer les échecs et les errances du régalien donc.</mark> Et puis <strong>d’autre part, il s’agit d’enfoncer encore un peu plus le récit libéral de la réussite individuelle.</strong> « Regardez » nous dit-on, « regardez ce que ce jeune ingénieur sorti de nulle part et sans aucune aide publique à réussi à mettre en place tout seul, et tout en continuant de travailler à côté !! » Et alors, mais alors seulement, attendez-vous à la reconnaissance de la nation.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/05/guillaume-rozier-chevalier-scraper.html">Guillaume Rozier : le chevalier Scraper et sans reproches.</a></em> (<a href="/david/cache/2021/d786e761d41716e6074a9345a2610dbf/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Olivier Ertzscheid tape malheureusement trop juste. Bien sûr que je me réjouis que les outils de Guillaume Rozier soient aussi populaires et fassent la promotion de l’OpenData et de la transparence et de la puissance de l’OpenSource et tout ça. Mais — et je ne peux pas trop en dire — c’est quand même bien frustrant de se dire que c’est un palliatif à l’inefficacité (interne) et au manque de vision de l’État.</p> | |||
<p>J’ai parfois l’impression d’être au pied du moulin. Et de me rendre compte qu’il fait 300 mètres de haut. Tou·tes les fonctionnaires de France ont un sacré <em>mérite</em> par les temps qui courent…</p> | |||
</details> | |||
<h2><a href="/david/2021/06/06/" title="Lien permanent vers cet article">Abonnement</a> (2021-06-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>That all sounds great. However, as I mentioned, we love goodwill, and a lot of people wince when they hear “subscription.” The first thing that pops up in a user’s head are scammy companies that make cancellation a nightmare, like multi-level marketing schemes, gym memberships, and Adobe. The App Store prevents these shenanigans: you get a reminder email before renewal, and you can cancel within the <em>Settings</em> app in seconds. Whenever a company offers a subscription, I always try to buy it through the App Store.</p> | |||
<p>Some folks absolutely loathe subscriptions on <em>principle</em>, and <mark>will never rent something if they can own it</mark>. This is not unreasonable. Halide is like a camera, and while professionals are used to renting gear, most consumers own their camera.</p> | |||
<p><cite><em><a href="https://lux.camera/lux-year-4-doubling-down/">Lux Year 4: Doubling Down</a></em> (<a href="/david/cache/2021/0c45751cd69748ca779b1442b26ad6c3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les créateurs de Halide (et Spectre) reviennent en détail sur leur stratégie, notamment financière, pour faire évoluer leur produit. J’utilise ces deux applications, aussi c’est d’autant plus intéressant de lire leurs doutes et leurs pistes vis à vis de cette évolution.</p> | |||
<p><em>Je ne crois pas avoir lu un seul retour de développeur d’application pour iOS qui ne se plaigne pas de l’AppStore.</em></p> | |||
<p>Ce n’est vraiment pas évident de trouver un moyen d’être rémunéré de manière stable et pérenne lorsqu’on vend un produit, surtout si on souhaite qu’il soit durable. Il y a des jours où j’aimerais me préoccuper de ces aspects là… et d’autres où je suis bien content de vendre ma « force de travail ». C’est un choix de vie qui m’offre pour l’instant une plus grande liberté d’esprit mais qui pourrait changer lorsque je n’aurai plus l’impression d’avoir suffisamment de <q>force</q> justement.</p> | |||
<p>En tant que développeur, j’ai de plus en plus l’impression que l’on crée notre propre système d’abonnement en augmentant la complexité de nos outils et de notre <em>stack</em> (ça sonne toujours mieux en anglais), ce qui génère la nécessité d’une maintenance régulière assurant un fond de roulement. La « tierce maintenance applicative » n’est pas nouvelle mais elle me semble atteindre un tout autre niveau ces dernières années sur le Web.</p> | |||
<p>On crée tranquillement notre propre besoin, <a href="http://megelison.com/poor-in-tech">en étant sur-payé·es</a> (<a href="/david/cache/2021/86eba8e465d7ce11ef61a0c61f878f21/">cache</a>), et personne ne semble s’en offusquer plus que ça…</p> | |||
<blockquote lang="en"> | |||
<p>And I’m not 100% sure, but I think this might contribute to longevity. Some of my clients are still working with the same sites I built for them nearly 10 years ago, a few with just minor security-related updates in the meantime and <mark>no other maintenance strictly required</mark>. That’s not to say that those sites couldn’t use a “lick of paint” to bring them in to the 2020s; the point is that they <em>work</em>. And for organizations working on really tight budgets, or budgets that fluctuate wildly due to public funding, stability is really important. They can’t afford a developer on retainer to keep things running smoothly.</p> | |||
<p><cite><em><a href="https://piperhaywood.com/two-articles-on-spa-or-spa-like-sites-vs-alternatives/">Two articles on SPA or SPA-like sites vs alternatives</a></em> (<a href="/david/cache/2021/d46752726e00de301573576176df1f1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/23/" title="Lien permanent vers cet article">FullStack</a> (2021-06-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s almost like it’s a culture of masculinity stretching its legs wide across the seats of the tech industry.</p> | |||
<p>If a skill is worth masculinity points, it’s claimed. If a skill is coded as feminine it’s remade with masculine tools. If a skill can’t be remade it’s dropped and ignored.</p> | |||
<p>Which is why front end got turned into a programmatic hardcore engineering fest. It’s malleable to that (at huge cost to the users). <mark>It’s also why accessibility will never be considered full stack, as it can’t be automated.</mark> It requires empathy and communication.</p> | |||
<p>To feed the ego of a masculine webtech industry we sacrificed accessibility and usability.</p> | |||
<p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405099209913679872">sur Twitter</a></cite></p> | |||
</blockquote> | |||
<p>On touche un point sensible ici, celui de l’automatisation pour pallier ses propres faiblesses de communication. C’est ce que j’observe assez régulièrement avec ma boîte noire favorite :</p> | |||
<p>Docker. <a href="https://blog.newsblur.com/2021/06/28/story-of-a-hacking/">Oups</a> (<a href="/david/cache/2021/5b96c01bfd8b66a26135b7ce8bdff79d/">cache</a>).</p> | |||
<p>Derrière cette tentative de reproductibilité, on masque un processus d’installation et surtout une remise en cause des dépendances. On perd l’occasion d’avoir la friction (répétée) qui va générer cette discussion. On prolétarise les personnes non-érudites à coups de <code>docker-compose up</code> en cachant une technique qui serait la voie vers leur autonomie. On contraint les utilisateur·ices <a href="/david/2021/06/06/" title="Abonnement">à s’abonner</a> à nos se(r)vices.</p> | |||
<p>Ce ne sont pas nos produits que l’on met en boîte mais nos pairs que l’on enferme dans cette façon de (dé)penser pour le confort de quelques uns. Ce domaine a besoin <a href="/david/2021/05/11/" title="Paradigme">de voiliers</a>, pas de cargos.</p> | |||
<blockquote lang="en"> | |||
<p>💯 To claim full stack as a title is to declare that you are a replaceable unit in the cog of capitalism. The ultimate human resource to be exploited!</p> | |||
<p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405123679801991175">sur Twitter</a></cite></p> | |||
</blockquote> | |||
<p><a href="/david/2021/03/28/" title="Smolstack">Yup.</a></p> | |||
</details> | |||
<h2><a href="/david/2021/07/05/" title="Lien permanent vers cet article">Ano(r)malisme</a> (2021-07-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Se dire qu’une expérience singulière n’est pas reproductible car le contexte était trop particulier. J’ai souvent croisé ce schéma de pensée, notamment dans le contexte professionnel. C’est triste car ça referme brutalement des portes à peine entrouvertes.</p> | |||
<p>Un contexte se crée et se façonne — disent les privilégié·es — mais il faut pour cela être suffisamment en (in)sécurité. Un entre-deux génère un <a href="/david/2021/01/05/" title="Statu quo">statu quo</a>.</p> | |||
<blockquote> | |||
<p>La bureaucratie est la mort de l’initiative. Il n’est rien que des bureaucrates haïssent plus que l’innovation, en particulier celle qui produit de meilleurs résultats que les vieilles routines traditionnelles. <mark>Les améliorations font toujours paraître ineptes ceux qui se trouvent au sommet de la pyramide.</mark> Et qui prend plaisir à avoir l’air inepte ?</p> | |||
<p><cite><em>Guide des Essais et Erreur dans l’Art de Gouverner, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/11/" title="Lien permanent vers cet article">Lebensraum</a> (2021-07-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The quest for German domination was premised on the denial of science. Hitler’s alternative to science was the idea of Lebensraum. Germany needed an Eastern European empire because only conquest, and not agricultural technology, offered the hope of feeding the German people. In Hitler’s “Second Book,” which was composed in 1928 and not published until after his death, he insisted that hunger would outstrip crop improvements and that all “the scientific methods of land management” had already failed. No conceivable improvement would allow Germans to be fed “from their own land and territory,” he claimed. Hitler specifically — and wrongly — denied that irrigation, hybrids and fertilizers could change the relationship between people and land.</p> | |||
<p>[…]</p> | |||
<p>As exotic as it sounds, <mark>the concept of Lebensraum is less distant from our own ways of thinking than we believe</mark>. Germany was blockaded during World War I, dependent on imports of agricultural commodities and faced real uncertainties about its food supply. Hitler transformed these fears into a vision of absolute conquest for total security. Lebensraum linked a war of extermination to the improvement of lifestyle. The chief Nazi propagandist, Joseph Goebbels, could therefore define the purpose of a war of extermination as “a big breakfast, a big lunch and a big dinner.” He conflated lifestyle with life.</p> | |||
<p><cite><em><a href="https://www.nytimes.com/2015/09/13/opinion/sunday/the-next-genocide.html">The Next Genocide</a></em> (<a href="/david/cache/2021/3815e3f5dd6f18955523fa715cf49853/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article met en rapport l’idéologie nazie et l’auto-suffisance avec un angle qui ne m’est pas familier. Je n’avais pas pris conscience de cette prépondérance dans la doctrine que je voyais bien davantage centrée sur la race que sur l’alimentation du peuple. La mise en lumière sur ce qui est en train de se passer dans le monde — aujourd’hui — à ce sujet est assez éloquente.</p> | |||
<p>La guerre de l’agriculture, et donc <a href="/david/2021/06/27/" title="Sécheresse">de l’eau</a> (aussi <a href="/david/2021/07/10/" title="Eau virtuelle">virtuelle</a> soit-elle), ne fait que s’intensifier.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/12/" title="Lien permanent vers cet article">Blame</a> (2021-07-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La mémoire ne recrée jamais la réalité. <mark>Elle la reconstitue.</mark> Et tout reconstitution modifie l’original en devenant elle-même un cadre de référence externe obligatoirement imparfait.</p> | |||
<p><cite><em>Manuel du Mentat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p>J’ai beau essayer de faire attention, il y a des fois où je me foire grave. Aujourd’hui, j’ai mis la pression sur une victime (qui n’avait rien demandée) au lieu d’accepter <em>ma</em> confrontation avec l’oppresseur (qui est <em>mon</em> problème en tant qu’aspirant allié). C’est frustrant car je ne pensais pas pouvoir encore faire ça, ma route est encore longue. J’espère pouvoir me rattraper mais c’était quand même très indélicat de ma part…</p> | |||
<p>Je consigne cela ici pour ne pas l’oublier trop vite.</p> | |||
<p><em>Merci <a href="https://d%C3%A9tour.studio/">Thomas</a>.</em></p> | |||
<blockquote> | |||
<p>L’oubli… tel est votre destin. Toutes les anciennes leçons de la vie, vous les perdez, vous les gagnez, puis vous les reperdez et vous les regagnez <mark>encore</mark>.</p> | |||
<p><cite><em>Leto II, La Voix de Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/13/" title="Lien permanent vers cet article">ActivityStreams</a> (2021-07-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>On prend le temps avec <a href="https://buron.coffee/">La Bécasse</a> d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis :</p> | |||
<ol> | |||
<li>Ce protocole s’appuie sur du <em>push</em>, à chaque publication il faut faire un <code>POST</code> sur l’<em>inbox</em> de chacun de ses <em>followers</em>.</li> | |||
<li>Il faut pouvoir répondre aux requêtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce <em>follower</em>, cf. 1.).</li> | |||
</ol> | |||
<p>Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagné ! J’étais pas loin d’abandonner lorsque La Bécasse m’indique qu’il est tout à fait possible de générer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointée vers le fichier <code>json</code> qui va bien. Après de multiples essais/erreurs (grr cache), on finit même par trouver comment mettre un autre compte en copie pour participer aux échanges qu’il peut y avoir au sujet d’une publication via le <code>tag</code> de <code>"type": "Mention"</code>.</p> | |||
<p>J’hésite entre proposer une URL dédiée ou faire de la négociation de contenu sur la même URL ce qui pourrait faciliter le partage par d’autres personnes.</p> | |||
<p>Note : les 3 jours suivants, je tente des choses à ce sujet et il semble y avoir toujours un blocage difficile à investiguer, probablement lié à la négociation de contenu justement… ça serait pas mal d’avoir un log mais ça nécessiterait probablement d’installer un serveur Mastodon.</p> | |||
<p>Masto 2 - 0 David.</p> | |||
<blockquote> | |||
<p>Tel se présente l’univers impressionnant de la magie qu’il est constitué non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barrières qui font obstacle à la compréhension. La notion de compréhension elle-même est à écarter, cet univers n’étant ni visible, ni audible, ni décelable par aucun moyen fixe de perception. C’est le vide ultime où aucun écran préalable n’existe sur lequel puissent être projetées des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination ! Ainsi, l’on apprend véritablement ce que signifie être humain, être un créateur d’ordre, de formes et de systèmes harmonieux, être, en somme, <mark>l’organisateur du chaos</mark>.</p> | |||
<p><cite><em>Manuel des Atréides, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/21/" title="Lien permanent vers cet article">Espoir</a> (2021-07-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In a sense, every hyperlink on the World Wide Web is little act of hope. Even though I know that when I link to something, it probably won’t last, I still harbour that hope.</p> | |||
<p>If hyperlinks are built on hope, and the web is made of hyperlinks, then in a way, <mark>the World Wide Web is quite literally made out of hope.</mark></p> | |||
<p>I like that.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/18292">Hope</a></em> (<a href="/david/cache/2021/d650cd3cc8831f1b28b6cc2f7eb0f9f7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime bien ce raisonnement <em>et</em> j’ai perdu espoir il y a un moment en essayant de mettre en cache local les publications que je lie. Je me demande parfois ce qui freine les autres personnes sensibles à ce vieillissement des liens à mettre en place leur <a href="/david/blog/2018/caching-links/">propre solution</a> pour le faire.</p> | |||
<p>J’utilise <a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache/src/branch/master/cache.py">ce script</a> et je fais pas mal de travail manuellement ensuite pour que ça reste au moins lisible. Dans certains cas j’abandonne, notamment pour les images/graphiques qui ont besoin de JavaScript pour s’afficher… dans d’autres je prends le temps de faire des liens absolus ou des retouches sémantiques. Une forme de prise de soin de mes futur·es lecteur·ices (dont je fais partie !) avec l’espoir que ça soit utile. Il faudra que je regarde le nombre de liens qui ne sont plus disponibles que <em>via</em> ma copie en fonction des années. C’est intéressant aussi pour pouvoir faire des recherches en <em>full-text</em> sur le dépôt dédié sans dépendre d’un historique de navigateur.</p> | |||
<p>En <a href="/david/stream/2015/01/05/">6 ans</a>, je n’ai supprimé qu’une seule ressource sur ma proposition à l’auteur·e qui souhaitait faire disparaître un contenu. Aucune violation de copyright ou autre n’a été remontée. Si cela arrivait, je m’assurerais auparavant que ce contenu n’est pas dans le cache de Google ou dans la <a href="https://archive.org/web/">Wayback machine</a> 🤷.</p> | |||
<blockquote lang="en"> | |||
<p>As a young man, I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before.</p> | |||
<p>By building a Library of Everything in the digital age, I thought the opportunity was not just to make it available to everybody in the world, but to make it better–smarter than paper. By using computers, <mark>we could make the Library not just searchable, but organizable;</mark> make it so that you could navigate your way through millions, and maybe eventually billions of web pages.</p> | |||
<p><cite><em><a href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/">Reflections as the Internet Archive turns 25</a></em> (<a href="/david/cache/2021/e23db6deddbc0ea74b73c960df2b193f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/25/" title="Lien permanent vers cet article">Dé·mont(r)age</a> (2021-07-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai passé les dernières 48 heures à convertir, découper et colorer des fragments de vidéos. Suivant le <em>démon</em> de mes propres aspirations. S’assurer que le son soit cohérent parfois, pester contre l’auto-focus <a href="/david/2021/02/23/" title="Montage">encore une fois</a>, se rendre compte que certains réglages n’étaient pas adéquats, irrécupérables parfois. La <em>rage</em>.</p> | |||
<p>Et puis, il y a ce que l’on veut <em>montrer</em>. À quel point cette mise en scène est ridicule. Donner un sentiment de plénitude et d’apaisement alors que je suis en train de penser à ce chapelé de bits qui viennent remplir la carte mémoire. <em>Dé·montrer</em> aussi les instants où je coupe pour de vrai, où je nage pour moi, où je laisse le trépied dans un coin, où je suis ridicule (vous ne me verrez jamais m’extraire d’un raft !). Je me rends compte qu’il faudrait que j’ai une idée préalable de scénario/script si je voulais vraiment partager une histoire. Or, c’est assez incompatible avec l’approche itérative et exploratoire de la forêt que je veux avoir.</p> | |||
<p><em>Démontage</em> enfin de mes peurs et de mes faiblesses vis-à-vis d’un medium que je ne maîtrise pas. Passer outre la tétanie, apprendre. Encore.</p> | |||
<blockquote> | |||
<p>En vous confinant dans un simple rôle d’observateur, vous passez systématiquement à côté du sens même de votre vie. L’idéal pourrait être ainsi défini : Vivez de votre mieux. <mark>La vie est un jeu</mark> dont les règles s’apprennent en y sautant à pieds joints pour être immergé jusqu’au cou sous peine d’être toujours pris au dépourvu, toujours surpris par le moindre changement de décor. Les spectateurs passifs se plaignent en gémissant que la chance est passée juste à côté d’eux. Ils refusent de voir qu’une bonne part de cette chance, c’est à eux qu’il revenait de la créer.</p> | |||
<p><cite><em>Darwi Odrade</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/10/" title="Lien permanent vers cet article">HTTPSadness</a> (2021-08-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>At some point, you won’t be able to visit <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">the first web page ever published</a> without first clicking through a full-page warning injected by your web browser</p> | |||
<p><cite><em><a href="https://adactio.com/links/18342">Chromium Blog: Increasing HTTPS adoption</a></em> (<a href="/david/cache/2021/b4ec4748a73b23b195366a74a17444f9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela me rend triste, alors qu’un effort particulier a toujours été fait pour <a href="https://github.com/styfle/breaking-changes-web">ne pas casser grand chose</a> sur le Web jusqu’à présent. Chrome est bien parti pour <a href="https://github.com/whatwg/html/issues/5407">nous les briser</a> pendant quelques années encore… #BeenThereSufferedThat</p> | |||
<p>Il y a 30 ans (merci Karl), Tim nous incitait <a href="https://groups.google.com/g/comp.archives/c/CfsHlSNYPUI/m/DTs60INnuzcJ">à essayer</a> (<a href="/david/cache/2021/e4f0d4ea8f6ec975b114ade59aa7fda2/">cache</a>) son nouveau jouet :</p> | |||
<blockquote lang="en"> | |||
<p>It’s just a question of generating plain text or SGML (ugh! but standard) mark-up on the fly. The browsers then parse it on the fly.</p> | |||
<p><cite><em><a href="https://www.w3.org/People/Berners-Lee/1991/08/art-6484.txt">Subject: Re: Qualifiers on Hypertext links...</a></em> (<a href="/david/cache/2021/e39a703ed0d93c479d9c7d3b2f8444a9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#heron" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="heron"> | |||
<img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>Vous avez évité une n-ième photo de toile d’araignée.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/13/" title="Lien permanent vers cet article">Tests payants</a> (2021-08-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Plus question de tester à tout-va. « À partir de cet automne, les tests PCR seront rendus payants, sauf prescription médicale, et ceci afin d’encourager la vaccination plutôt que la multiplication des tests », a annoncé Emmanuel Macron dans son allocution ce lundi soir.</p> | |||
<p><cite><em><a href="https://www.leparisien.fr/societe/sante/covid-19-les-tests-seront-payants-des-lautomne-13-07-2021-7QYPELNM65CD7KVHB4DYWXOTPY.php">Covid-19 : les tests seront payants dès l’automne</a></em> (<a href="/david/cache/2021/d28ac5eee1d8d607a0dec5b5e3226ec3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cette décision française est terrible. Les tests sont l’une des rares mesures relativement fiables que l’on puisse avoir sur l’épidémie à un instant t. Empêcher les personnes les plus pauvres de se faire tester, cela signifie laisser ces personnes en contaminer d’autres. C’est aussi rendre invisibles les personnes vaccinées qui ont des symptômes faibles mais qui doutent et n’ont pas envie de payer pour vérifier, ne permettant pas d’avoir un suivi de la pertinence de la vaccination qui soit précis. C’est enfin une logique comptable qui me semble être bien éloignée de la réalité du terrain, j’ai du mal à imaginer que des tests à répétition pour éviter la vaccination soit une situation « de confort ».</p> | |||
<p>Au passage, rendre les tests payants <a href="https://www.service-public.fr/particuliers/actualites/A15039">uniquement pour les étrangers</a> (<a href="/david/cache/2021/4d827e98563dcc3a71b0b0d25cb6ed12/">cache</a>) était déjà bien puant…</p> | |||
<blockquote> | |||
<p>Le pouvoir attire les corruptibles. Tous ceux qui le recherchent sont à soupçonner. […] Nous devrions confier les responsabilités du pouvoir uniquement à celles qui sont réticentes à l’idée de le détenir, et encore dans ces conditions propres à accroître cette réticence.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#ecureuil" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ecureuil.jpg" alt="Un écureuil sur un banc avec un fruit dans la bouche, une noix ?" | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ecureuil"> | |||
<img src="/static/david/2021/ecureuil.jpg" alt="Un écureuil sur un banc avec un fruit dans la bouche, une noix ?" | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Noyer le pois(s)on.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/18/" title="Lien permanent vers cet article">Lettres</a> (2021-08-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This is one small step towards something different: an ethic that prioritizes technologists’ agency, <mark>the need for self-reflection</mark>, and the importance of historical inquiry.</p> | |||
<p><cite><em><a href="https://letterstoayoungtechnologist.com/">Letters to a Young Technologist</a></em> (<a href="/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>La déception du jour ce sont ces lettres avec un contenu profond mais une forme désastreuse. Le courrier est sollicité mais alors l’enveloppe ! Impossible d’afficher le moindre contenu sans charger pas moins de 13 fichiers JavaScript depuis <code>static.cargo.site</code>, pour… 6 pages de HTML qui pourraient facilement peser 10 fois moins lourd.</p> | |||
<p>Pauvres jeunes, ils auront tellement à réparer…</p> | |||
<blockquote lang="en"> | |||
<p>The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care <mark>to not repeat the foibles of the past.</mark></p> | |||
<p><cite><em><a href="https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future">Study the Past, Create the Future</a></em> (<a href="/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Well, ¯\<em>(ツ)</em>/¯.</p> | |||
<figure> | |||
<a href="#merle-amerique" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="merle-amerique"> | |||
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Vous reprendriez bien un peu de JS ?</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/27/" title="Lien permanent vers cet article">Médaille</a> (2021-08-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Paris, je t’aime. Je t’aime pour tous les gens libres et solidaires qui vivent en ton sein. Des gens qui se battent pour la liberté chaque jour, debout, bras dessus bras dessous, distribuant des couvertures, de l’amitié et de la solidarité. Je t’aime pour ceux qui partagent leur logement, leur amour et leurs luttes chaque jour, sans se soucier de la nationalité des personnes ni de savoir si elles ont des papiers ou pas.</p> | |||
<p>Madame Hidalgo, vous voulez me décorer pour mon action solidaire en mer Méditerranée, parce que nos équipages « travaillent quotidiennement à sauver des migrants dans des conditions difficiles ». Simultanément votre police vole les couvertures de gens contraints de vivre dans la rue, pendant que vous réprimez des manifestations et criminalisez des personnes qui défendent les droits des migrants et des demandeurs d’asile. <mark>Vous voulez me donner une médaille pour des actions que vous combattez à l’intérieur de vos propres remparts.</mark> Je suis sûre que vous ne serez pas surprise de me voir refuser votre médaille Grand Vermeil.</p> | |||
<p>Paris, je ne suis pas une humanitaire. Je ne suis pas là pour « aider ». Je suis solidaire à tes côtés. Nous n’avons pas besoin de médailles. Nous n’avons pas besoin de pouvoirs décidant qui est un « héros » et qui est « illégal ». En fait, il n’y a pas lieu de faire cela, car nous sommes tous égaux.</p> | |||
<p>Ce dont nous avons besoin, c’est de liberté et de droits. Il est temps de dénoncer les honneurs hypocrites et de combler le vide par la justice sociale. Il est temps que toutes les médailles soient lancées comme des fers de lance de la révolution!</p> | |||
<p>Papiers et logements pour toutes et tous !<br /> | |||
Liberté de circulation et d’installation !</p> | |||
<p>Pia KLEMP, 20 août 2019</p> | |||
<p><cite><em><a href="http://blogyy.net/2019/08/20/la-navigatrice-et-sauveteuse-en-mer-pia-klemp-refuse-la-medaille-de-la-ville-de-paris/">La navigatrice et sauveteuse en mer Pia Klemp refuse la médaille de la ville de Paris !!!</a></em> (<a href="/david/cache/2021/7a098566f5e809a8c85b054047f10245/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’avais loupé cette réponse. Voilà une bien belle façon de refuser une médaille.</p> | |||
<figure> | |||
<a href="#feuilles-rosee" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rosee.jpg" alt="Des feuilles avec des gouttes de rosée matinale dessus." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rosee"> | |||
<img src="/static/david/2021/feuilles-rosee.jpg" alt="Des feuilles avec des gouttes de rosée matinale dessus." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Équilibre instable.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/29/" title="Lien permanent vers cet article">Artistes</a> (2021-08-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Il y a une chose qui m’étonne depuis le début de la pandémie, c’est le manque d’explosion artistique auquel je m’attendais compte tenu des circonstances exceptionnelles. Passée la stupéfaction, j’ai l’impression qu’il y avait toutes les conditions réunies pour créer et partager de nouvelles émotions.</p> | |||
<p>Note : il se pourrait qu’elles me soient rendues invisibles aussi…</p> | |||
<p>En attendant, j’apprends des mots :</p> | |||
<ol> | |||
<li><a href="https://fr.wiktionary.org/wiki/ipsedixitisme">ipsedixitisme</a> : Fait de croire vraie une assertion non fondée, parce qu’on l’a entendue dire par quelqu’un en qui on a confiance.</li> | |||
<li><a href="https://fr.wiktionary.org/wiki/ultracr%C3%A9pidarianisme">ultracrépidarianisme</a> : Comportement qui consiste à donner son avis sur des sujets à propos desquels on n’a pas de compétence.</li> | |||
</ol> | |||
<blockquote> | |||
<p>Le fait d’écrire l’histoire est en grande partie un processus de diversion. La plupart des comptes rendus historiques détournent en réalité l’attention des influences secrètes qui se sont exercées sur les évènements importants.</p> | |||
<p><cite><em>Le Bashar Teg</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#sommet-pommes-pin" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un résineux." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="sommet-pommes-pin"> | |||
<img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un résineux." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Il y a du monde au sommet.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/31/" title="Lien permanent vers cet article">Abstraction</a> (2021-08-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Take a moment and think about this super power: if you write vanilla HTML, CSS, and JS, all you have to do is put that code in a web browser and it runs. Edit a file, refresh the page, you’ve got a feedback cycle. <mark>As soon as you introduce tooling, as soon as you introduce an abstraction not native to the browser, you may have to invent the universe for a feedback cycle.</mark> No longer writing CSS and instead writing Sass? Now you need a development server with a build process to watch your files and compile your changes <em>just to develop and test your project</em>. You’ve just added a giant, blocking dependency for your project to work. And if you can’t get that dependency working, your project is dead in the water until you can—both now and in the future.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2020/cheating-entropy-with-native-web-tech/">Cheating Entropy with Native Web Technologies</a></em> (<a href="/david/cache/2021/74eae1dc26bd4537941491b4e7e201bc/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai déjà beaucoup trop parlé du sujet et en même temps cela a été et pourrait encore être mon quotidien si je n’avais pas choisi une certaine forme d’ascétisme technologique (n’ayons pas peur des mots, <a href="http://aswemay.fr/co/040011.html">ataraxie numérique</a> (<a href="/david/cache/2021/1357452f72e8fab727df874cbc2582d4/">cache</a>) si on veut être vraiment pédant). Évaluer chaque outil pour son usage actuel et futur, sa maintenance, sa migration, ses <em>drama</em> (coucou <a href="https://hotwired.dev/">Hotwire</a>), son abandon pour la dernière mode. J’apprends hier qu’un produit est à l’arrêt pour X mois car il faut passer d’un <em>framework</em> JS à un autre. Tristesse d’un domaine où une telle pratique est courante. Bien éloignée d’un Web <a href="https://wimvanderbauwhede.github.io/articles/frugal-computing/">frugal</a> (<a href="/david/cache/2021/710f8cdebd7560223ebd378f9cbe7822/">cache</a>), il y a un excellent <a href="http://viznut.fi/texts-en/permacomputing_update_2021.html">résumé avec plein de liens ici</a> (<a href="/david/cache/2021/0f791a9509f762f1a1a36b6ca2333230/">cache</a>) si le sujet vous intéresse.</p> | |||
<p>Je suis admiratif des personnes faisant de <a href="https://zserge.com/posts/awfice/">petits outils conviviaux</a> (<a href="/david/cache/2021/3ac474db4dc65c1d25e99cb30655ff12/">cache</a>) qui permettent d’apprendre et de jouer avec la conception de l’outil en lui-même. Si je devais refaire de l’<a href="/david/pro/enseignement/">enseignement technique</a>, j’emprunterais probablement cette voie. À l’opposé de la camionnette à outils qu’il faut savoir dorénavant maîtriser, en opposition à la direction qu’un marché nous pousse à emprunter.</p> | |||
<p>Est-ce que l’on peut considérer l’accumulation de dette technique comme étant un <em>bullshit job</em> ?</p> | |||
<blockquote> | |||
<p>16. How does this technology empower me? At whose expense?</p> | |||
<p><cite><em><a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology">The Questions Concerning Technology</a></em> (<a href="/david/cache/2021/b404382125c07935b98295a801049097/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#bourdons" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="bourdons"> | |||
<img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Écrits pollinisateurs ?</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/16/" title="Lien permanent vers cet article">Analphabète</a> (2021-09-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais depuis quelques mois j’ai trouvé une sorte de parade à cela. Je me fais simplement passer pour un analphabète numérique. Étant donné que je sais que, peu importe les démarches que je souhaite réaliser, il y a de fortes chances pour que je ne rentre pas dans les cases, j’arrive ainsi à établir les dossiers <mark>avec une véritable personne qui peut prendre en compte mes spécificités</mark> sans avoir, avant, à perdre du temps auprès d’une machine.</p> | |||
<p><cite><em><a href="http://shl.huld.re/~f6k/log/vol12/13-l-administration-publique-et-moi.html">Journal de f6k, vol. 12 num. 13</a></em> (<a href="/david/cache/2021/dd8f6ee1a59a052e72c5e1f5f8c5fc39/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Hier, Elle reçoit un courriel la notifiant qu’elle a un nouveau message de l’immigration. C’est un enjeu stressant pour nous, car il y a un visa à la clef et toute une chaîne de conséquences. Elle essaye de se connecter avec son téléphone mais une fois authentifiée, retour à l’accueil, déconnectée. Elle me demande de tester à mon tour, même erreur depuis un ordinateur. Elle se connecte à Twitter car c’est le seul moyen aujourd’hui de pouvoir interagir avec une administration. Elle fait état du <em>bug(?)</em>. La réponse est digne d’un « dans le doute, <em>reboot</em> » : essayez de (très) nombreuses fois après avoir vidé le cache du navigateur…</p> | |||
<p>Le lendemain, Elle tente de se (re)connecter au site de l’administration en pestant sur le fait que le courriel de notification pourrait contenir le message et s’éviter tout cela. Cette fois-ci, ça marche ! Le contenu du message :</p> | |||
<blockquote> | |||
<p>Vous allez prochainement recevoir un courrier qui contiendra votre nouveau visa.</p> | |||
</blockquote> | |||
<p><em>Tout ça pour ça.</em> Un poids appréciable en moins tout de même. Il faudrait que je fasse le compte de ce que nous coûte en argent (et en temps !) une immigration choisie.</p> | |||
<p>Histoire de chialer comme un bon français 🙃.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/28/" title="Lien permanent vers cet article">Paranoïa</a> (2021-09-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Scanning the photos on your phone isn’t like steaming open the mail and peeping inside the envelopes. It’s like rifling through your memory.</p> | |||
<p>And when those memories may at any time be silently observed or removed… even if it never happens but there is the possibility of it…</p> | |||
<p>[…]</p> | |||
<p>And if somebody else is now inside your memories, <mark>can you be sure that they’re not being edited?</mark> Is gaslighting occurring with these most personal of devices? Even if it never happens… that’s the lesson of the Panopticon, the mere possibility is enough to affect behaviour.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/08/06/paranoia">Apple’s photo scanning and our state of forced collective paranoia</a></em> (<a href="/david/cache/2021/afd74b165f837caf94dd2098d161627a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me suis penché plusieurs fois sur cet article depuis sa publication. Il y a plusieurs lectures possibles pour considérer les liens entre ces différents éléments et, même si ça semble un peu tiré par les cheveux parfois, il y a tout de même cette atmosphère un peu malaisante que j’ai du mal à formuler.</p> | |||
<p>Les pensées et fragments de mémoire publiés ici me semblent être difficilement falsifiables à mon insu. J’ai un historique, sur plusieurs machines, etc. En revanche pour des photos — qui plus est stockées sur l’ordinateur d’un·e autre — c’est bien plus compliqué à identifier et à prouver.</p> | |||
<hr /> | |||
<p>En retournant le problème, cela pourrait être un métier d’aller effacer de mauvais souvenirs… plus ou moins à la demande de la personne.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/20/" title="Lien permanent vers cet article">Hypertélie</a> (2021-11-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il est assez courant qu’une innovation consiste à réutiliser un objet technique plus ancien, en particulier quand les générations récentes d’une lignée technique ont évolué vers ce que Simondon appelle <mark>« l’hypertélie », c’est-à-dire quand le fonctionnement de l’objet a été suradapté à une fonction précise et à un milieu donné</mark>. Ses performances sont inégalables dans cette configuration, mais il ne peut plus être employé pour remplir d’autres fonctions qu’il assurait auparavant et il se dérègle ou tombe en panne dès que le milieu varie. Il a perdu en « généricité ». Alors, il faut revenir à la génération précédente avant d’envisager un progrès majeur, c’est-à-dire une réorganisation globale de l’objet qui le rende plus synergique.</p> | |||
<p><cite><em>Penser l’innovation sur Arrakis</em>, Vincent Bontems dans <em>Dune : exploration scientifique et culturelle d’une planète-univers</em></cite></p> | |||
</blockquote> | |||
<p>J’ai maintenant un <a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">mot/concept/caractère</a> pour décrire ce qu’il s’est passé dans le Web ces cinq dernières années. J’ai l’impression que c’est en train de se <a href="https://resilientwebdesign.com/">réorganiser</a> pour créer des <a href="https://stimulus.hotwired.dev/">synergies</a> entre les <a href="https://htmx.org/">différentes</a> <a href="/david/2021/11/03/" title="Composants">parties</a>.</p> | |||
<p>C’est marrant de le retrouver dans un livre sur Dune qui cite Simondon dans <em><a href="https://fr.wikipedia.org/wiki/Du_mode_d%27existence_des_objets_techniques">Du mode d’existence des objets techniques</a></em>.</p> | |||
<blockquote> | |||
<p>En fait, les traits hypertéliques ou exubérants résultent de l’action de la sélection sexuelle et du conflit sexuel entre les partenaires.</p> | |||
<p><cite><em><a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">Caractère hypertélique</a></em></cite></p> | |||
</blockquote> | |||
<p>Oh non, rien.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/25/" title="Lien permanent vers cet article">Git</a> (2021-11-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Rant time: You’ve heard it before, git is <em>powerful</em>, but what good is that power when everything is so damn hard to do? Interactive rebasing requires you to edit a goddamn TODO file in your editor? <em>Are you kidding me?</em> To stage part of a file you need to use a command line program to step through each hunk and if a hunk can’t be split down any further but contains code you don’t want to stage, you have to edit an arcane patch file <em>by hand</em>? <em>Are you KIDDING me?!</em> Sometimes you get asked to stash your changes when switching branches only to realise that after you switch and unstash that there weren’t even any conflicts and it would have been fine to just checkout the branch directly? <em>YOU HAVE GOT TO BE KIDDING ME!</em></p> | |||
<p><cite><em><a href="https://github.com/jesseduffield/lazygit#readme">LazyGit</a></em></cite></p> | |||
</blockquote> | |||
<p>Je profite de la découverte de cet outil pour une confidence qui n’en est pas vraiment une : j’utilise un client graphique pour tout ce qui a trait à <a href="https://git-scm.com/">git</a> (et je n’en ai pas honte).</p> | |||
<p>J’ai longtemps utilisé <a href="https://www.mercurial-scm.org/">mercurial</a> à la main car je trouvais les commandes relativement intuitives mais en passant à <em>git</em> il y a une dizaine d’années, je me suis retrouvé la moitié du temps à aller chercher des commandes sur <a href="https://stackoverflow.com/questions/tagged/git">StackOverflow</a>, puis à faire des <em>alias</em> car c’était impossible à retenir, puis à perdre du code, etc. Au final, quitte à lancer des commandes que je comprends à peine (il parait que c’est moins cryptique aujourd’hui) autant utiliser celles qui ont été éprouvées par d’autres.</p> | |||
<p><a href="https://www.git-tower.com/mac">Tower</a> sait faire tout ce dont j’ai besoin à mon niveau. Et vu le temps que ça me fait gagner à répétition, c’est largement rentable. Peut-être même de plusieurs ordres de grandeur… considérant que je contribue quotidiennement à une dizaine de dépôts.</p> | |||
<p>Ce témoignage pour peut-être déculpabiliser des personnes qui pensent qu’il faut être un·e virtuose de la ligne de commande et de ses outils pour pouvoir développer. C’est un plus indéniable dans certaines situations d’être en capacité de descendre aussi bas niveau et d’avoir quelques notions de ce qu’il se passe mais il est tout à fait possible d’emprunter (et de créer !) d’autres voies.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/26/" title="Lien permanent vers cet article">Incompétence</a> (2021-11-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The magic of programming is largely just things you don’t know yet. Once you learn those things, it stops being magic in the sense of “I have no idea how it did that or why it works“ and starts being magic in the sense of “I can make the computer do exactly what I ask it to do!”. <mark>The point is to become the wizard, not the bedazzled member of the audience.</mark></p> | |||
<p>This does not happen overnight, and we need to have the confidence to accept that our profession has depth, even as we celebrate the ease with which someone can get started (and welcome them onto the journey of becoming a wizard)!</p> | |||
<p>It also doesn’t happen across all the domains of programming. You can’t become an expert at everything, and it’s fine to accept your boundaries. But it’s not fine to think you shouldn’t be on <em>some</em> paths towards mastery, if you intend to make programming your career.</p> | |||
<p><cite><em><a href="https://world.hey.com/dhh/programmers-should-stop-celebrating-incompetence-de1a4725">Programmers should stop celebrating incompetence</a></em> (<a href="/david/cache/2021/569696e39daa6ee1de97a7a9184316fb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est marrant, j’ai de plus en plus envie de célébrer cette incompétence justement. Pas pour s’y complaire mais pour rendre cet espace plus accueillant. C’était un peu l’objectif de ma démarche avec le <a href="/david/2021/11/25/" title="Git">billet d’hier</a>. Il est possible d’assumer d’être incompétent·e sur certains points et tout de même arriver à faire des choses chouettes dans le web. Cette toile de connaissance est justement là pour externaliser une partie de sa mémoire et de ses expériences. <span lang=de><a href="https://fr.wikipedia.org/wiki/Lernen_durch_Lehren">Lernen durch Lehren</a></span> généralisé !</p> | |||
<p>Pour chaque magicien auto-proclamé, il y a de potentielles nouvelles recrues qui sont démotivées par l’ampleur d’une tâche qui est devenue un mythe. Celui créé par une élite qui en profite allègrement.</p> | |||
<p>J’aimerais participer à son piétinement.</p> | |||
<hr /> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote lang="en"> | |||
<p>But knowing how to research, how to look things up? Knowing how to parse good information from junk, and make effective decisions based on what you’ve learned? That’s a critical skill for modern developers.</p> | |||
<p>That’s not “copy-pasta.” That’s being good at your job.</p> | |||
<p><cite><em><a href="https://gomakethings.com/big-surprise-that-guy-who-made-a-third-of-his-company-quit-has-no-idea-what-hes-talking-about./">Big surprise! That guy who made a third of his company quit has no idea what he’s talking about.</a></em> (<a href="/david/cache/2021/1ee4ce7a8ae1f5dee1a762e0b4ca921e/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,491 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #lecture — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #lecture"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #lecture</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/07/" title="Lien permanent vers cet article">Blancheur</a> (2021-01-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Maints moments du quotidien pourvoient également un retrait hors des exigences de la communication sociale : rêverie, méditation, lecture, écoute de la musique, sommeil, etc., conduire sur une longue distance, effectuer un travail répétitif… mille activités sont propices à un relâchement intérieur susceptible de se rompre instantanément en situation d’alerte. Echappées belles hors du quotidien et de ses mailles qui enserrent dans des rôles malaisés à quitter mais lourds à assumer plus longtemps. Cette dissociation est une donnée élémentaire de la vie courante, un bref oubli de l’environnement et une plongée dans l’intériorité aboutissant à une sorte de détente de la volonté, un flottement de soi pour rompre l’ennui d’une tâche et/ou trouver une diversion. Nul n’est jamais tout à fait présent à ce qu’il fait.</p> | |||
<p>Au fil de ce livre, <mark>j’appellerai blancheur cet état d’absence de soi</mark> plus ou moins prononcé, le fait de prendre congé de soi sous une forme ou sous une autre à cause de la difficulté ou de la pénibilité d’être soi.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Le terme choisi est ambigu et c’est dommage mais alors le simple passage du <q>Seuil</q> de ce livre a été douloureux de réalité. J’hésite à rentrer plus avant, ce qui donne une consistance toute particulière à l’intitulé de cette introduction. <strong>Il faut parfois savoir renoncer pour ne pas se faire trop mal.</strong> Ou au moins attendre de se trouver dans un équilibre psychologique moins instable.</p> | |||
<p>À ce sujet, j’ai de plus en plus envie d’aller construire des cabanes dans les bois. Il y a tellement de <a href="https://www.youtube.com/playlist?list=PLPVw8wSyPZsKc1v76FD6NgZzzArj3a2TY">belles choses à (re)faire</a> (les sous-titres sont pertinents).</p> | |||
<blockquote> | |||
<p>If we gave up, this experience would only show us another thing we didn’t want to do with our lives. Or worse: <mark>that maybe our jobs hadn’t been the problem, but we were</mark>; that the empty feeling that had been bubbling up inside us at our nine-to-fives would follow us wherever we went. We’d get over the money we’d lose, but the dream would be harder to let go of. The cabin fantasy had buoyed our spirits through all those years behind a desk. If we quit, we’d would lose our vision of another, happier life.</p> | |||
<p><cite><em><a href="https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington">We Quit Our Jobs to Build a Cabin-Everything Went Wrong</a></em> (<a href="/david/cache/2021/78f2e167938eb4bfa6747503aefe45c1/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/30/" title="Lien permanent vers cet article">Recommandations</a> (2021-01-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Quelques livres pour les enfants qui commencent à lire.</p> | |||
<h2 id="bandes-dessinees">Bandes-dessinées <a href="#bandes-dessinees" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.editions-delcourt.fr/special/grandmechantrenard/">Le Grand Méchant Renard</a> (coup de cœur++)</li> | |||
<li><a href="https://www.groupemodus.com/categorie-produit/livres/bandes-dessinees/aventurosaure/">Aventurosaure</a> (3 tomes)</li> | |||
<li><a href="https://www.ricochet-jeunes.org/livres/jack-le-temeraire-t-1-dans-les-griffes-du-jardin-malefique">Jack le téméraire</a> (2 tomes)</li> | |||
<li><a href="https://editions-sarbacane.com/auteurs/joe-todd-stanton">La famille Vieillepierre</a> (4 tomes)</li> | |||
</ul> | |||
<h2 id="hybrides">Hybrides <a href="#hybrides" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li>Olga (3 tomes) et tous les <a href="http://elisegravel.com/livres/mes-livres/">livres d’Élise Gravel</a> sont chouettes</li> | |||
<li><a href="http://www.leseditionsdelabagnole.com/lucie-mouffette-qui-pete-quand-elle-rit/pierre-szalowski/livre/9782897143145">Lucie la moufette qui pète quand elle rit</a> (4 tomes)</li> | |||
<li><a href="https://www.editionsdruide.com/livres/petronille-inc-tome-1-bave-de-crapaud-bio">Pétronille Inc.</a> (3 tomes)</li> | |||
<li><a href="http://www.scholastic.ca/editions/livres/view/les-mchants">Les méchants</a> (12 tomes)</li> | |||
</ul> | |||
<h2 id="romans">Romans <a href="#romans" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.gallimard-jeunesse.fr/9782075080286/le-club-de-l-ours-polaire-1.html">Le Club de l’Ours Polaire</a> (3 tomes)</li> | |||
<li><a href="http://www.gallimard.fr/Catalogue/GALLIMARD-JEUNESSE/Grand-format-litterature/Romans-Junior/SOS-Creatures-fantastiques">SOS Créatures fantastiques</a> (3 tomes)</li> | |||
</ul> | |||
<p>Pour d’autres recommandations (malheureusement sur Facebook Instagram…) : <a href="https://www.instagram.com/sous_nos_lunettes/">Sous nos lunettes</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/06/" title="Lien permanent vers cet article">Antilivre</a> (2021-04-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’antilivre n’a pas de forme, son impermanence dispose de toutes les formes, il se transforme sans cesse, et son information brute ne connaît aucune fixité, aucune frontière, elle fragmente son essence, distribue le commun, déploie sa liberté au-devant de nos singularités cybernétiques. Son identité fuit l’identique, sa norme la normalité, son extravagance n’image de mouvement qu’au travers de la nécessité de son partage.</p> | |||
<p><cite><em><a href="https://www.antilivre.org/#manifeste">Antilivre</a></em> (<a href="/david/cache/2021/3e96aa14ff8f4e5e4dd4c42eec6fa0df/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Se définir en « anti » n’est-il pas déjà donner une légitimité à l’existant et une faiblesse à la création ?</p> | |||
<p>Il y a (et il y a eu) de très nombreuses initiatives pour tenter de rendre numérique un livre — ou plutôt sa lecture. Or ce besoin de transposition est un non-sujet : le Web est autre chose, incomparable si ce n’est par l’attention — et donc le temps — que l’on peut lui accorder. Il n’y a guère que les maisons d’édition qui tentent de conserver cette dichotomie, le plus souvent pour des enjeux financiers. Libérons les textes. Et les têtes. Pour penser de nouvelles <a href="/david/2021/03/31/" title="Formes">formes</a>.</p> | |||
<hr /> | |||
<p>À l’échelle mondiale, est-ce que davantage de personnes allouent du temps à lire des livres ou des pages web dans une journée ? Dans quelle proportion ?</p> | |||
</details> | |||
<h2><a href="/david/2021/05/20/" title="Lien permanent vers cet article">Carbone & Silicium</a> (2021-05-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il arrive que des œuvres obligent à inventer un mot qui pourra les décrire. Et en restituer cette empreinte organique qu’elles laissent dans nos fibres, comme le rouge d’un sang pris dans une trame de chanvre.<br /> | |||
Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solitude qui ne serait pas totale, d’un lien entre humains qui ne serait pas coupé, d’un tissage collectif qui pourrait être autre chose qu’un cluster d’atomes interconnectés sur le réseau. Un sentiment situé quelque part entre la <em>solastalgie</em> pré-traumatique d’un monde familier qu’on ne reconnaît plus et la nostalgie d’un retour au pays natal qui n’a jamais existé.</p> | |||
<p>Bienvenue dans une œuvre solstalgique, donc ! Si solaire et si mélancolique. Où l’on souffre secrètement de la beauté d’une espèce qui se bousille et d’une planète qu’on détruit. <mark>Mais qu’on répare aussi, sans cesse.</mark> D’abord avec l’âme d’une plume et d’un crayon.<br /> | |||
<em>“Comment va le monde, d’ailleurs ?”</em>, demande à la volée Carbone.<br /> | |||
<em>“Il se reconstruit. Doucement.”</em>, dit Silicium, de retour de rien.</p> | |||
<p><cite><em>Postface d’Alain Damasio</em>, Carbone & Silicium</cite></p> | |||
</blockquote> | |||
<p>Il est rare qu’une bande dessinée me mette une claque, la dernière fois <a href="/david/stream/2019/05/24/">c’était il y a deux ans</a>, quasiment jour pour jour. Et j’en lis pas mal !</p> | |||
<p>Il s’agit d’un long format permettant de s’inscrire dans une temporalité, rythmée par des lieux et leurs couleurs. J’aimerais ne pas en dire trop tellement ça m’a pris par surprise. Je ne sais plus qui (me) l’a conseillé, probablement sur Masto, mais j’ai beaucoup de gratitude pour la personne qui m’a aidé à faire cette découverte.</p> | |||
<blockquote> | |||
<p>Le sentiment de contentement et un peu de déni, c’est ça la vie, rien de plus.</p> | |||
<p><cite><em>Carbone & Silicium</em>, Mathieu Bablet</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/23/" title="Lien permanent vers cet article">Homophobie</a> (2021-05-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>[Frank] Herbert maintiendra des propos homophobes jusqu’à la fin de sa vie, en considérant que l’homosexualité est un comportement immature, adolescent. En 1985, lors de sa conférence à UCLA, interpellé par un étudiant gay qui lui reproche d’avoir caricaturé les homosexuels sous les traits du Baron Harkonnen, il répondra : « Les gays agissent pour ne pas faire perdurer l’espèce. » Puis il s’esclaffera d’un rire gras, ainsi que la salle, qui applaudira. <mark>Une autre époque.</mark> […] Bruce Herbert [son fils] mourra du sida à l’âge de 41 ans en juin 1993, après avoir été un militant acharné de la cause LGBT.</p> | |||
<p><cite><em>Frank Herbert : itinéraire d’un anti-héros</em>, DUNE : le Mook, Alexandre Sargos</cite></p> | |||
</blockquote> | |||
<p>J’apprends cela en pleine (re)lecture de son œuvre et ça me met mal à l’aise. Aussi, je remarque encore davantage certains extraits à ce sujet. J’essaye de ne pas (trop) couper pour que chacun·e puisse se faire son idée :</p> | |||
<blockquote> | |||
<p>— Et à la curieuse théorie de Leto.<br /> | |||
— Oui. Il affirme que les armées exclusivement masculines étaient trop dangereuses pour leur support civil.<br /> | |||
— C’est insensé ! Sans armée, il n’y aurait même pas de…<br /> | |||
— Je connais votre argument. Mais il dit que l’armée masculine n’était rien d’autre qu’une survivance de la fonction tampon dévolue aux mâles non reproducteurs de la horde préhistorique. Il dit aussi que, dans cette optique, il est frappant de constater que c’était toujours les mâles plus âgés qui envoyaient les jeunes au combat.<br /> | |||
— Qu’est-ce que cela signifie, <em>la fonction tampon</em> ?<br /> | |||
— Il s’agit de ceux qui se trouvaient toujours dans la zone de danger, pour protéger le noyau de mâles reproducteurs, de femmes et d’enfants. Ceux qui affrontaient les prédateurs en premier.<br /> | |||
— En quoi est-ce dangereux pour les… civils ?<br /> | |||
— D’après le Seigneur Leto, lorsqu’elle ne trouvait plus d’ennemi extérieur, cette armée de mâles se retournait toujours et invariablement contre ses propres populations.<br /> | |||
— Pour ravir les femelles aux autres ?<br /> | |||
— C’est possible. Mais il ne croit visiblement pas que l’explication soit si simple.<br /> | |||
— Je ne trouve pas cette théorie particulièrement curieuse.<br /> | |||
— C’est parce que vous n’avez pas encore tout entendu.<br /> | |||
— Il y a autre chose ?<br /> | |||
— Oh, oui ! Il dit qu’une armée de mâles a toujours de très fortes tendances homosexuelles.<br /> | |||
Idaho, par-dessus la table, le foudroya du regard.<br /> | |||
— Je n’ai jamais…<br /> | |||
— Bien sûr que non. Il veut parler de sublimation, d’énergie défléchie et de tout le reste.<br /> | |||
— Quel reste ? protesta Idaho, dressé contre ce qu’il interprétait comme une attaque à son image virile.<br /> | |||
— Les aptitudes de l’enfance, les jeux de garçons, les plaisanteries destinées uniquement à faire souffrir, la loyauté réservée aux compagnons de horde… des choses de ce genre.<br /> | |||
— Et quelle est votre propre opinion ? demanda froidement Idaho.<br /> | |||
— Je me souviens… […] de quelque chose qu’il m’a dit un jour et qui, j’en suis sûr, est exact. Il est chaque soldat de l’histoire humaine. Il me proposait d’incarner devant moi, pour l’exemple, une série de personnages militaires figés dans leur adolescence. J’ai décliné cette offre. J’ai lu attentivement les livres d’histoire, et j’avais déjà par moi-même identifié cette caractéristique. […] Vous devriez y penser capitaine.<br /> | |||
Idaho se flattait d’être honnête envers lui-même, et ce que venait de dire Moneo le touchait. L’armée préservant les cultes de la jeunesse et de l’adolescence ? Il y avait quelque chose de vrai là-dedans. Et certains exemples, dans sa propre expérience…<br /> | |||
Moneo poursuivi en hochant la tête :<br /> | |||
— L’homosexuel, latent ou non, qui maintient sa condition pour des raisons que l’on pourrait qualifier de purement psychologiques, a tendance à se livrer à des comportements infligeant la douleur, aussi bien à autrui qu’à lui-même. D’après le seigneur Leto, cela remonte aux comportement probatoires de la horde préhistorique.<br /> | |||
— Et vous le croyez ?<br /> | |||
— Oui.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p>Il s’agit de personnages fictifs dans une œuvre de science-fiction. Et c’est probablement ce que je me suis dit lors des précédentes lectures, ça facilite la dissociation de l’auteur et de son œuvre, c’est l’option facile pour garder bonne conscience. Est-ce que je supporte aujourd’hui de lire cela ? Très difficilement, surtout sachant qu’il a mis à la porte son fils en raison de son homosexualité… j’aimerais pouvoir me dire que c’était <q>une autre époque</q> mais je n’y arrive pas.</p> | |||
<p>Et c’est une bonne chose dans mon propre cheminement sur ce que je juge comme étant acceptable ou non. Je vais tout de même aller au bout de la série car j’aimerais savoir l’interprétation que j’ai aujourd’hui de « La maison des mères », avec un peu plus de recul.</p> | |||
<p>Plus loin dans cet ouvrage on peut également lire :</p> | |||
<blockquote> | |||
<p>Moneo parla alors d’une voix apaisante, mais ses paroles secouèrent Idaho.<br /> | |||
— Je ne vous le dirai qu’une fois. Les homosexuels ont compté parmi les meilleurs guerriers de notre histoire, les troupes du dernier recours. Ils ont figuré parmi nos meilleurs prêtres et prêtresses. Le célibat des religieux n’a jamais été le fait du hasard, et ce n’est pas un hasard non plus si les adolescents font les meilleurs soldats.<br /> | |||
— C’est de la perversion !<br /> | |||
— D’accord avec vous. Cela fait des milliers de siècles que les commandements militaires tirent parti du déplacement perverti de la sexualité vers la souffrance.<br /> | |||
— C’est ce que fait le Grand Dieu Leto ?<br /> | |||
D’une voix toujours douce, Moneo répondit :<br /> | |||
— La vraie violence exige que la souffrance soit infligée et reçue. Une armée conduite à cela par ses pulsions profondes est bien plus maniable.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/08/" title="Lien permanent vers cet article">Sens</a> (2021-06-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le mot « sens » est à la mode, c’est pourquoi j’hésite à l’utiliser : il est banalisé. Je me méfie de la quête de sens, de la recherche de sens, du sens que l’on voudrait introduire à tout prix dans le moindre de nos faits et gestes, de celui que l’on essaye de nous proposer ou de nous vendre sous le prétexte d’apprendre à vivre, comme une sorte de supplément d’âme qui résoudrait tous nos problèmes. Quel non-sens !</p> | |||
<p>Le sens est bien plus fondamental que ce petit divertissement vers lequel nous sommes poussés, à tout bout de champ, par l’air du temps. On veut me « donner » du sens ? Mais le sens n’est pas une étiquette autocollante que je pourrais poser sur un évènement que je vis. Parce que le sens ne peut pas être extérieur à ce que je vis : il vient de la profondeur de mon existence, de la manière par laquelle je m’engage, du chemin sur lequel j’avance. Personne ne peut l’édicter pour moi. En revanche, il est de ma responsabilité d’humain de le donner, de le laisser jaillir, de le travailler, de le révéler pour que mon chemin vaille la peine d’être poursuivi.</p> | |||
<p>[…]</p> | |||
<p><mark>Le sens est une boussole qui nous met en chemin, il n’est pas un GPS.</mark> Il nous donne une indication, il ne rentre pas dans les détails du chemin. Il est l’effort qui est juste pour moi parce qu’il me permet d’être davantage moi-même.</p> | |||
<p><cite><em>Comment rester serein quand tout s’effondre</em>, Fabrice Midal</cite></p> | |||
</blockquote> | |||
<p>De temps en temps, j’emprunte un livre de développement personnel à la bibliothèque. Je mets ça sur le coup de la curiosité ou de l’espoir que ça m’apporte un truc, un jour, je sais pas trop.</p> | |||
<p>Je suis trop fatigué pour étayer ce soir. On verra dans quel sens j’aurai envie d’aller une fois la <a href="/david/2021/05/19/" title="Regroupement">tempête</a> passée.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/14/" title="Lien permanent vers cet article">Manquer</a> (2021-06-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>« Bonjour,<br /> | |||
Il ne faut pas pleurer parce que ça ne ramène pas les gens ni les mamans partis.<br /> | |||
Je crois que moi non plus je ne reviendrai pas tant que je suis petit. Soyez pas tristes. Quand je serai grand, j’irai à l’école avec vous.<br /> | |||
Ici tout le monde parle italien comme Maman sauf Zio Serafino qui connaît une poésie en français. La Nonna est très gentille.<br /> | |||
Je me suis fait une cabane pour regarder la ville et on voit aussi la mer. On mange délicieux, j’adore surtout les pâtes et les aubergines.<br /> | |||
Je rentre dès que je serai grand.<br /> | |||
Leo »</p> | |||
<p>J’ai rien dit à propos de mon papa à cause des mots qui sont difficiles à faire comprendre.</p> | |||
<p><cite><em>Quelqu’un a qui manquer</em>, Yohan Boniface</cite></p> | |||
</blockquote> | |||
<p>Yohan est un ami. Jusqu’à présent, j’avais surtout relu son code. Hier, j’avais le cœur tout humide à lire son histoire. Je me suis retrouvé en Sardaigne, dans cette cabane, dans cette famille, dans ces doutes et cette tristesse partagée. J’ai eu envie de serrer fort ce petit Leo dans mes bras.</p> | |||
<p>Vous pouvez retrouver son livre <a href="https://grand-monde.fr/">dans plusieurs librairies</a> et il est sous <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr">licence CC BY-NC-SA</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/08/" title="Lien permanent vers cet article">Vacance</a> (2021-08-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Comme un besoin de rendre ce temps d’écriture vacant pour voir pour qui et par quoi est-ce qu’il pourrait être comblé pendant cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>.</p> | |||
<p>J’ai pu regarder la coupe du monde d’échecs en direct et voir Magnus Carlsen perdre contre Jan Krzysztof Duda en demi (mais alors quelle « petite » finale !). Je commence à comprendre les lignes et stratégies évoquées par les commentateur·ices et c’est chouette.</p> | |||
<p>Je me suis demandé pourquoi est-ce que j’avais besoin de partager mes photos sur des réseaux instantanés plutôt qu’ici. J’ai l’impression que ça traduit une certaine insécurité, celle d’avoir besoin d’un retour (flatteur) immédiat. Peut-être qu’il faut que je travaille aussi la simplicité de publication pour ces media, cela rejoint des <a href="https://mastodon.social/@dav/106692473064847738">limites que je ressens</a> sur le <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/commit/8c47d38cc0a979622399625ca5115565b4183883/site.py">générateur actuel</a>.</p> | |||
<blockquote> | |||
<p>Aller de plateforme en plateforme pour être poseur de tendance et passer de l’autre côté de barrière sans pour autant montrer la dimension réelle du travail. Certaines plateformes tentent un modèle plus ancien en tapant dans la longue traîne des amateurs qui voudraient bien devenir professionnels, ou plus exactement se faire du blé, ou de l’argent de poche, on ne sait pas trop. Une forme d’uberisation de l’image en quelques sortes. C’est fatiguant.</p> | |||
<p>[…]</p> | |||
<ul> | |||
<li><mark>a-matrice : sans matrice : le contraire :)</mark></li> | |||
</ul> | |||
<p><cite><em><a href="https://11d.im/journal/notes-photographie-amatrice/">Notes sur une photographie ouverte (et amatrice)</a></em> (<a href="/david/cache/2021/da6ba7728178232cfb94f52b8765a1d1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai apprécié de faire <em>à nouveau</em> des photos de nénuphars depuis le raft, des cascades en pause longue et des oiseaux flous. Arpenter la forêt boréale jusqu’à épuiser les pensées, se dépenser jusqu’à l’épuisement. Évaluer l’épuisette et remettre les poissons à l’eau, nager comme un gardon avec l’enfant. Gelés et contents.</p> | |||
<figure> | |||
<a href="#geai-bleu" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="geai-bleu"> | |||
<img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>J’ai parfois l’impression d’arriver aux limites de mon matériel et c’est presque thérapeutique (de le penser et de l’accepter).</figcaption> | |||
</figure> | |||
<p>J’ai encore une fois été frustré en essayant de faire une vidéo « en famille » d’une ballade, le tempo n’est tout simplement pas adapté et il faut que je m’en rappelle car cela me met de mauvaise humeur. Ne pas oublier <a href="/david/blog/2013/photographie-exclusion/">ceci</a>.</p> | |||
<p>J’ai appris à jouer à <em>Quarto!</em> et ça m’a plu. Ça donne une bonne idée de la faiblesse du cerveau lorsqu’il s’agit de n’évaluer que 4 paramètres à la fois. On n’a pas tenté la variante <em>hardcore</em> qui ajoute aussi les carrés.</p> | |||
<p>J’ai observé avec stupeur des hommes montrer leur muscles et des femmes montrer leurs fesses devant des cascades. Je ne sais pas encore si je vais pouvoir/vouloir comprendre ces pratiques. Je me suis senti vieux.</p> | |||
<p>J’ai lu <em>Rupture(s)</em> de Claire Marin qui est une continuité inattendue après avoir lu <a href="/david/2021/01/07/" title="Blancheur"><em>Disparaître de soi</em></a> de David Le Breton (auquel elle fait d’ailleurs référence !). Cela réveille en moi des choses autour de l’identité et de mon propre vécu. Elle m’a dit que c’était le propre des aphorismes.</p> | |||
<blockquote> | |||
<p>Il y aurait des vertus de l’échec. Vraiment ? Mais la rupture n’est parfois qu’un gâchis, un manque de courage, une lâcheté. Le constat d’échec d’un couple, d’une famille, d’une amitié, d’une politique, d’un projet. Et l’échec n’est souvent rien d’autre que lui-même, pauvre, décevant, un pur raté. <mark>La plupart des échecs ne nous apprennent rien.</mark> Pire, nous nous enlisons souvent dans le bégaiement des mêmes échecs, comme s’ils étaient inévitables, et ce, dans une jouissance paradoxale de leur répétition presque rassurante.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/18/" title="Lien permanent vers cet article">Dune</a> (2021-10-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Les trailers de <em>Dune</em> dévoilent TOUT. LE. FILM. Les scènes grandioses, les enjeux entre les personnages, les costumes incroyables, les pivots narratifs, les décors démesurés, les retournements de situation, <mark>TOUT Y EST</mark> au point de se demander s’il y a encore un intérêt de payer vingt balles (bienvenue en Suisse) pour découvrir au cinéma la version longue d’un clip qui résume l’essentiel du film en trois minutes.</p> | |||
<p><cite><em><a href="https://www.hypothermia.fr/2021/09/divulgachis-cinematographiques/">Divulgâchis cinématographiques</a></em> (<a href="/david/cache/2021/d947a54204547c662e81d7d68fcf2b98/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Bon. J’ai vu Dune par Denis Villeneuve. Enfin. Même s’il est sorti le 15 septembre en France, il doit sortir le 22 octobre au Canada. Plus d’un mois d’attente à slalomer entre les critiques. Après un an d’attente suite à la bande annonce… et j’ai finalement craqué pour un <em>torrent</em> en bonne qualité (oups, <a href="/david/stream/2018/02/18/">encore une</a>).</p> | |||
<p><em>Est-ce qu’il est besoin de préciser que ça va divulgâcher dans la suite ?</em></p> | |||
<p>J’avais vu la bande annonce et c’était clairement une erreur. Comme le dit Eliness, il n’y a plus aucune surprise. L’histoire je la connais — là n’était pas la surprise — j’avais envie de voir à quoi pouvait ressembler un ornithoptère, un distille ou un Kriss. Et sur ces plans là, c’est vraiment réussi mais ça donne une impression de déjà vu qui est décevante.</p> | |||
<p>Les décors, l’ambiance, la représentation de l’épice, beaucoup de choses sont bien faites et permettent de se plonger dans l’image et de réajuster ses propres projections mentales issues des lectures. J’étais notamment curieux de voir comment la façon de progresser sur le sable allait être interprétée. La musique, il faut aimer ce que fait Hans ZimmerBROOOOM (pas mon cas).</p> | |||
<p>L’univers c’est chouette mais qu’en est-il de l’intrigue ? Ou plutôt <em>des</em> intrigues ? Il y a clairement eu une volonté d’exhaustivité sur ce plan là (la pression des fans !) et ça endommage un peu ce premier volet. Peut-être qu’il faut au minimum une trilogie ? Beaucoup de choses m’ont semblé un peu bâclées (au montage ?) et je me demande comment comprendre tous les rapports de force sans avoir lu les livres. Ça devient un enchainement de scènes et je trouve que ça écrase certaines dimensions et/ou croisements.</p> | |||
<p>La difficulté de faire une adaptation cinématographique de <em>Dune</em>, c’est qu’énormément d’émotions et de réflexions se passent dans la tête des personnages. Or, c’est difficilement retranscriptible dans un medium qui est assez pauvre à ce niveau là. La seule option que je verrais pour les rendre intelligibles serait une voix <em>off</em> très présente, ce qui pourrait vite devenir ennuyant (adaptation de David Lynch). Le choix d’avoir retranscrit ces émotions visuellement rend les personnages <em>visiblement</em> hypersensibles et c’est très éloigné du contrôle de soi opéré par le <em>Bene Gesserit</em> par exemple. Jessica devient un anti-personnage expressif sur ce plan là, grosse déception.</p> | |||
<p>Pour finir sur le négatif, il y a un souci de temporalité qui est inhérent au format. Certaines transformations nécessitent de s’inscrire dans le temps, on ne devient pas un <em>Kwisatz Haderach</em> en 2 minutes chrono !</p> | |||
<p>Mais sinon, j’ai apprécié que <em>Liet Kynes</em> soit une femme noire et que les <em>Fremens</em> soient représentés par des personnes à la couleur de peau sombre. Oui, on songe forcément aux Touaregs (Kel Tamajeq, ⴾⵍⵜⵎⴰⵣⵗⵜ) et non, c’est pas pour ça qu’une adaptation allait être logique sur ce plan là… on a déjà vu des <em>castings</em> beaucoup moins bien inspirés.</p> | |||
<p>Les boucliers, les combats, tout ce qui est visuel est plutôt bien fait sans tomber dans le travers de vouloir trop en faire. J’avais une grosse appréhension pour l’épreuve du <em>Gom Jabbar</em> et c’est plutôt bien amené. Pareil pour les visions de Paul qui sont extrêmement difficiles à retranscrire avec de l’image. Les <em>Fremens</em> sont plutôt fidèles à la représentation mentale que j’en avais, autant dans le fond que dans la forme. J’ai salué l’angle qui consiste à comparer un oppresseur à un nouvel oppresseur avec une scène de transmission qui a un arrière goût de Troisième Reich.</p> | |||
<p>Ma conclusion : c’est une bonne <em>adaptation</em> mais je crois que je ne pourrais de toute façon jamais me satisfaire d’un film sur le sujet.</p> | |||
<p>J’attends aussi la suite avec impatience. <span aria-label="Bonhomme ASCII art haussant les épaules.">¯\_(ツ)_/¯</span></p> | |||
<hr /> | |||
<p>Lu depuis :</p> | |||
<blockquote> | |||
<p>Superstition, brusquerie touchante, sensualité, la caricature de l’Orient tourne à plein régime. Dans un mélange de condescendance, de fascination et d’attirance à connotation sexuelle, les Fremen sont <mark>un cas d’école du regard de l’Occident sur des peuples colonisés</mark>, réduits au rang de curiosités et auxquels on concède quelques qualités venant confirmer leur irréductible infériorité.</p> | |||
<p><cite><em><a href="https://geographiesenmouvement.com/2021/09/22/dune-montagne-de-stereotypes/">« Dune », montagne de stéréotypes</a></em> (<a href="/david/cache/2021/58215a8d1b67f927153fa6e0e023a94e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Et aussi :</p> | |||
<blockquote lang="en"> | |||
<p>In a moment of broader cultural gloominess, Dune’s perspective may resonate more with the current movie-going public. Its themes of long-term ecological destruction, terraforming, and the specter of religious extremism seem in many ways ripped out of the headlines, while Asimov’s technocratic belief in scholarly wisdom as a shining light may be less in vogue. Ultimately, though, <mark>the core appeal of these works is not in how each matches with the fashion of today</mark>, but in how they look forward through thousands of years of human futures, keeping our imagination of long-term thinking alive.</p> | |||
<p><cite><em><a href="https://blog.longnow.org/02021/10/22/dune-foundation-and-the-allure-of-science-fiction-that-thinks-long-term/">“Dune,” “Foundation,” and the Allure of Science Fiction that Thinks Long-Term</a></em> (<a href="/david/cache/2021/5727ce8b486c655f1914e61fb51238de/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il faudra que je parle de <em>Foundation</em> à un moment.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/22/" title="Lien permanent vers cet article">Astronaute</a> (2021-10-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Tous les ans, Juliette fait son pèlerinage en vélo dans le quartier de son enfance. Mais cette année, devant l’ancien appartement familial, une affiche: À vendre - Visite libre. En ouvrant, les portes de son décor de jeunesse, les souvenirs remontent. Les amis, les petits bonheurs, mais surtout l’arrivée bouleversante de son frère Tom : le petit astronaute.</p> | |||
<p><cite><em><a href="https://www.lapasteque.com/le-petit-astronaute">Le petit astronaute</a></em>, Jean-Paul Eid</cite></p> | |||
</blockquote> | |||
<p>Cette bande dessinée m’a bien remué. À l’intersection de beaucoup trop de choses qui me font déborder… qui plus est dans un contexte montréalais.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/21/" title="Lien permanent vers cet article">Jour 1</a> (2021-11-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je commence à comprendre que c’est moi qu’il faudrait aussi protéger de cette caméra.</p> | |||
<p>Au début, je croyais qu’il suffisait d’appuyer sur le déclencheur après avoir réglé l’objectif. Ce n’est pas du tout ça. Il faut y mettre quelque chose d’autre, dans cette caméra. Elle essaye maintenant de me bouffer les tripes.</p> | |||
<p><cite><em>La longue route</em>, Bernard Moitessier</cite></p> | |||
</blockquote> | |||
<p>Cette sortie a été <a href="/david/2021/11/13/" title="Frustration">plusieurs fois décalée</a>, aussi j’essaye d’assurer le coup en me tenant éloigné des <a href="/david/2021/10/10/" title="Jour 1">chasseurs</a>. Je retourne dans un refuge que <a href="/david/stream/2019/01/18/">je connais</a> <a href="/david/stream/2019/09/17/">bien</a> en passant par de nouveaux chemins. Et je laisse la caméra à la maison.</p> | |||
<p>Dès les premiers mètres, je sais déjà que je n’ai pas les chaussures appropriées : ça glisse et c’est très humide, j’ai des chaussures basses, plutôt lisses et pas super étanche. J’ai déjà été dans cette situation, il faut croire qu’il est difficile d’apprendre de ses erreurs. Je persévère et je suis récompensé, passés les premiers kilomètres plus populaires je me retrouve dans une trace fraîche qui est beaucoup plus praticable.</p> | |||
<p>Ce n’est pas la première fois que je remarque que l’hiver ce sont les infrastructures et les activités humaines qui rendent la forêt plus dangereuse (glissades, décrochages, infrastructures, machines, etc).</p> | |||
<figure> | |||
<a href="#ouareau-lac-corbeau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-corbeau"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau.jpg" alt="Le lac corbeau, gelé." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Je suis surpris que les lacs soient déjà gelés, ça va encore être galère de trouver de l’eau liquide…</figcaption> | |||
</figure> | |||
<p>Je fais un long périple en acceptant le côté glissant de mon pas, me revoilà sur <a href="/david/2020/12/18/">Arrakice</a> avec sa démarche bien particulière pour ne pas attirer l’hiver… (rires). À force de trop glisser en descente, j’ai la malléole qui tape un tronc et ça pique pas mal, sans compter les adducteurs qui commencent à souffrir. Je ne suis pas mécontent d’arriver au refuge après une quinzaine de kilomètres.</p> | |||
<figure> | |||
<a href="#ouareau-lac-corbeau-point-de-vue" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-corbeau-point-de-vue"> | |||
<img src="/static/david/2021/ouareau-lac-corbeau-point-de-vue.jpg" alt="Le lac corbeau, vu de haut." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>C’est bien la peine d’avoir pris une bonne suée !</figcaption> | |||
</figure> | |||
<p>Je n’ai croisé personne mais j’ai eu beaucoup de notifications qui sont venues étirer mes pensées. Je me mets en mode avion et je monte à bord du <em>Joshua</em>. J’ai l’impression de partager une partie de cette (longue) route avec la neige qui fouette les vitres telle des embruns et des préoccupations autour de la récupération de l’eau potable.</p> | |||
<blockquote> | |||
<p>Pourtant, c’est une carte bien lourde à porter, ce besoin de rassurer la famille et les amis, de leur donner des nouvelles, des images, de la vie, de leur transmettre ce quelque chose d’infiniment précieux, cette petite plante invisible qui s’appelle l’espoir. La raison me crie de jouer seul, seul, sans m’encombrer des autres. […]</p> | |||
<p>Mais une autre voix insiste depuis plusieurs jours : <em>« Tu es seul, pourtant tu n’es pas seul, les autres ont besoin de toi et tu as besoin d’eux. Sans eux, tu n’arriverais nulle part et rien ne serait vrai. »</em></p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>J’ai beaucoup de gratitude pour Isabelle Attard qui cite cet ouvrage dans <a href="/david/2020/12/21/#comment-je-suis-devenue-anarchiste">son livre</a> et qui m’a motivé pour l’emprunter à la bibliothèque ainsi que pour <a href="https://oncletom.io/">Thomas</a> qui m’a indirectement incité à amener de la lecture en forêt.</p> | |||
<p><em>Il y a des poids qui allègent.</em></p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,269 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #matériel — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #matériel"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #matériel</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/19/" title="Lien permanent vers cet article">Chaîne de capture</a> (2021-01-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Pictures have always been a meaningful part of the human experience. From the first cave drawings, to sketches and paintings, to modern photography, we’ve mastered the art of recording what we see.</p> | |||
<p><mark>Cameras and the lenses inside them may seem a little mystifying.</mark> In this blog post I’d like to explain not only how they work, but also how adjusting a few tunable parameters can produce fairly different results</p> | |||
<p><cite><em><a href="https://ciechanow.ski/cameras-and-lenses/">Cameras and Lenses</a></em> (<a href="/david/cache/2021/ef2067bf42482ed7c48e1d166cde117a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, je creuse un peu quelles chaînes est-ce que je consens à supporter pour produire de la vidéo. Cela me fait découvrir et réviser des fondamentaux d’optique mais aussi de technique numérique. <strong>Il faut aujourd’hui comprendre les deux pour capter une image exploitable.</strong> Et je ne parle même pas (encore) de la post-production.</p> | |||
<p>C’est un cheminement plaisant car on part d’un « simple » reflet de lumière pour arriver à une complexité numérique incroyable. L’œil et le cerveau sont des organes assez fascinants vus sous cet angle (<em>pun intended</em>).</p> | |||
<blockquote lang="en"> | |||
<p>To understand what makes it so special, the first half of this post explains how a digital camera develops a photo. Then we go on to explain the strengths and weaknesses of traditional RAWs. Finally, we dive into what’s unique about ProRAW, how it changes the game, and its few remaining drawbacks.</p> | |||
<p><cite><em><a href="https://blog.halide.cam/understanding-proraw-4eed556d4c54">Understanding ProRAW</a></em> (<a href="/david/cache/2021/0c6966a8e9543b52c361ac6de68f08e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/07/" title="Lien permanent vers cet article">Ostentatoire</a> (2021-02-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’économiste Thorstein Veblen a qualifié de « consommation ostentatoire » le mode de consommation des plus riches, la « classe de loisir ». <mark>N’ayant plus de besoins à assouvir, ceux-ci se livrent à des achats dont le seul but est de conforter leur place sociale et de se singulariser.</mark> On est très loin, en matière de loisir, de la pratique de l’<em>otium</em> de l’Antiquité — par opposition au <em>negotium</em> de la vie active, du commerce et des affaires : un temps de solitude et de retraite envisagé comme le fondement de la sagesse. Un temps de respiration cultivé, de création intellectuelle, préservé des scories du quotidien. Soit tout l’inverse d’un passe-temps lié à l’argent qui consisterait à épater son voisin par de nouvelles acquisitions matérielles.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Retomber sur ce passage le jour où je me décide à acquérir du matériel vidéo après <a href="/david/2020/12/01/#apprendre">plusieurs mois</a> d’<a href="/david/2021/01/11/" title="Marche ou trêve">hésitation</a> est un bon rappel de ma classe sociale… et de mon incapacité à y échapper (coucou Bourdieu).</p> | |||
</details> | |||
<h2><a href="/david/2021/08/21/" title="Lien permanent vers cet article">Électrique</a> (2021-08-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>En 2020, on a acheté une <a href="/david/2021/07/16/" title="Char">voiture</a> et… une brosse à dent électrique. Je vous rassure, j’ai beaucoup fait pipi sous la douche pour compenser. Je fais aussi une partie de ma lessive sous la douche (pas au même moment…), mais c’est une autre histoire. Donc, voilà, je suis passé du bambou recyclé d’Indonésie avec des poils de yacks de l’Himalaya local à un bâton de lithium extrait par des mineurs-esclaves. C’est <em>grosso modo</em> l’équivalent de passer du vélo au SUV. La bouche est bouclée (rires).</p> | |||
<p>J’en parle pour me justifier parce que c’est bien évidemment difficile à assumer… et pourtant, je n’ai jamais eu les dents aussi propres — ou du moins la sensation qu’elles le soient. À tel point que cela est devenu une nouvelle dépendance (dans le sens dont-je-pourrais-difficilement-me-passer) tellement la différence est frappante. Notamment au retour de la forêt.</p> | |||
<p>Je suis curieux de voir ce que ça donne niveau longévité, après neuf mois elle est encore en parfait état et je n’ai eu besoin que d’un embout de brosse (on partage la poignée). Six minutes par jours à faire vibrer mes dents, parfois davantage lorsque je suis en régime estival (il faudra que je parle de ça), et à méditer sur le nombre d’esclaves énergétiques qui s’activent dans ma bouche pour que je puisse me sentir propre.</p> | |||
<blockquote> | |||
<p>Nous n’enseignons pas l’histoire ; nous recréons l’expérience. Nous suivons la chaîne des conséquences — la piste de la bête dans sa forêt. Regardez au-delà de nos paroles et vous apercevrez toute l’étendue d’un comportement social qu’aucun historien n’a jamais effleuré.</p> | |||
<p><cite><em>Panoplia Propheticus B. G.</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#bouees-barrage" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="bouees-barrage"> | |||
<img src="/static/david/2021/bouees-barrage.jpg" alt="Une enfilade de bouées qui protègent un barrage hydro-électrique." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Heureusement que l’électricité est très relativement « propre » dans le coin.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/04/" title="Lien permanent vers cet article">Suspension</a> (2021-09-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Et pourtant… En se mettant au vélo, des petits bourgeois blancs découvrent ce que ça fait, de se faire traiter comme de la merde, d’être mis en danger par des personnes bien protégées par leur position sociale. Le géographe <a href="https://cyclops.hypotheses.org/author/cyclops">Matthieu Adam</a> témoigne de leur prise de conscience de cette « oppression systémique » maintenant qu’ils la subissent. Est-ce que ça va en faire des héros de la justice sociale, des alliés hors pair des classes exploitées ? Vu depuis les pistes cyclables parisiennes, ça n’en prend pas le chemin.</p> | |||
<p><cite><em><a href="https://blog.ecologie-politique.eu/post/Misere-du-cyclisme-urbain">Misère du cyclisme urbain</a></em> (<a href="/david/cache/2021/9b26314b7796086b9109da72993751b5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Avertissement : je vais parler de matériel qui coûte indécemment cher.</em></p> | |||
<p>J’attendais d’avoir un peu de recul pour parler d’adaptations que j’ai pu faire sur mon vélo pour ménager mon corps vieillissant. Je rappelle que je suis dans un contexte où les chaussées sont soumises à des contraintes climatiques (et politiques) extrêmes. À tel point que mon vélo de triathlon en carbone reste au garage depuis 5 ans… à part pour aller faire <a href="https://www.parcjeandrapeau.com/fr/circuit-gilles-villeneuve-montreal/">quelques tours de hamster</a> à l’occasion.</p> | |||
<p>J’ai <a href="https://konaworld.com/archive/2017/jake_the_snake.cfm">ce vélo</a> depuis 4 ans, acheté en fin de saison en promo. On a connu ensemble toutes les météos possibles et imaginables et je suis bien content qu’il roule encore ! Les améliorations pour l’adapter à mon niveau de confort :</p> | |||
<ol> | |||
<li>Passer à des pneus en 38 mm — ce sont les plus larges qui rentrent dans la fourche — qui plus est <em>tubeless</em> pour ne pas avoir à trop les gonfler (sans risquer de pincer la chambre à air). Je sais que ça peut être beaucoup plus galère si tu arrives à crever quand même mais ça ne m’est pas encore arrivé, le scellant fait sa job.</li> | |||
<li>Suspendre la selle et le guidon <a href="https://redshiftsports.com/pages/shockstop">avec des élastomères</a> pour encaisser les chocs tout en restant sur un profil course. Ce changement est plus récent et j’ai hésité à changer complètement de vélo pour intégrer la suspension au cadre mais ça m’a semblé plus portable/durable ainsi. Je n’ai pas encore testé ce que ça donne par grand froid mais dans ces conditions ça ne me dérange pas que le vélo soit plus rigide.</li> | |||
<li>Changer de selle pour une <a href="https://infinitybikeseat.com/">version suspendue</a> également. Pour être plus précis, c’est la sensation d’être suspendu qui est assez unique et c’était un peu un coup de poker (vu le prix !) mais j’en suis très content après 6 mois d’utilisation (ouf !).</li> | |||
</ol> | |||
<p>La combinaison de ces trois modifications me permet de prendre le vélo quotidiennement pour aller à l’école (~15 km, ~1000 km à l’année) sans avoir de cuissard. De faire des <a href="/david/2020/05/20/">escapades</a> plus lointaines. Mais aussi de faire les courses, aller à la bibliothèque, à la piscine, gravir la seule <a href="https://fr.wikipedia.org/wiki/Mont_Royal">montagne locale</a>, etc. C’est mon moyen de locomotion principal, de loin.</p> | |||
<p>L’autre point fort, c’est que je n’ai plus mal aux poignets ni au bas du dos qui, à force de contracter à chaque nid-de-foule, finissaient par induire une fatigue musculaire qui n’était pas liée à la puissance me permettant d’avancer. Je n’ai pas l’impression d’avoir perdu en efficacité — malgré la suspension — justement car ce gain est d’un ordre de grandeur au-dessus dans mon cas. Même si la transition s’est faite sur plusieurs mois, j’ai pu sentir l’évolution des douleurs et je commence à avoir fait suffisamment de sports pour savoir qu’il faut préserver ce qu’il nous reste le plus longtemps possible :-).</p> | |||
<blockquote> | |||
<p>Toutes les religions organisées ont à faire face à un problème commun, qui représente le point faible par où nous pouvons les pénétrer et les orienter selon nos propres besoins. Ce problème est : comment faire la distinction entre la révélation et l’<em>hubris</em> ?</p> | |||
<p><cite><em>Missionaria Protectiva, Enseignement pour les Initiés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#jake-the-snake" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/jake-the-snake.jpg" alt="Une photo du vélo incluant les modifications." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="jake-the-snake"> | |||
<img src="/static/david/2021/jake-the-snake.jpg" alt="Une photo du vélo incluant les modifications." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Sur la tige de selle, l’accroche pour le <a href="https://rideweehoo.com/">Weehoo</a> qui nous comble depuis plus d’un an.</figcaption> | |||
</figure> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,727 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #misanthropie — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #misanthropie"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #misanthropie</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/06/" title="Lien permanent vers cet article">Clown d’État</a> (2021-01-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>I, for one, believe Facebook charted a course around this election primarily with Facebook’s continuing addictiveness in mind. But I <em>know</em> that whatever the reasons, they were ultimately <mark>determined by one person</mark>. That’s quite a thing.</p> | |||
<p><cite><em><a href="https://daringfireball.net/2020/12/facebook_unknowable_megascale">Facebook’s Unknowable Megascale</a></em> (<a href="/david/cache/2021/352d2966ecda7a68cbf97efbc691d017/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les voisins américains sont toujours aussi surprenants. Aujourd’hui, ils s’étaient donné rendez-vous au Capitole pour une petite <em>party</em> à base de drapeaux des États confédérés d’Amérique et de suprématie blanche. On peut difficilement faire plus équivoque pour une sortie de mandat.</p> | |||
<p>Le rôle des <a href="/david/2020/02/07/">GAFAM+</a> dans tout ça <a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-ignore-political-manipulation-whistleblower-memo">est documenté</a> (<a href="/david/cache/2021/ab9f293c34ce421ab41465fcda8893fe/">cache</a>) mais c’est toujours grinçant d’en faire les frais. Je regardais hier une vidéo du gouvernement français sur la vaccination et je me retrouve avec des suggestions pleines de Raoult, de conspirationisme et d’<em>antivax</em>. À part des captures d’écran de peu de valeur, je n’ai aucun moyen de demander des comptes à ces plateformes (Google Youtube en l’occurence). Le fait que le gouvernement soit obligé de déposer des vidéos là-bas est une autre histoire.</p> | |||
<p>En mettant bout à bout ces deux faits récents, imaginez si les personnes à la tête des <abbr title="Google Apple Facebook Amazon Microsoft et compagnie">GAFAM+</abbr> étaient politisées.</p> | |||
<p><em>Mais comment pourraient-elles ne pas l’être ?</em></p> | |||
<p>Dans un mouvement pendulaire, je me demande s’il ne faudrait pas (ré)investir ces réseaux. <strong>Les <a href="/david/blog/2013/diete-tweets/">abandonner</a> n’a fait que laisser plus de place à la haine.</strong> Les fenêtres ouvertes vers l’extérieur se sont peut-être tellement réduites qu’il ne reste plus qu’une vaste chambre d’écho…</p> | |||
<blockquote> | |||
<p>Dans un ermitage, on se contente d’être aux loges de la forêt. Les fenêtres servent à accueillir la nature en soi, non à s’en protéger. On la contemple, on y prélève ce qu’il faut, mais on ne se nourrit pas de l’ambition de la soumettre. <mark>La cabane permet une posture, mais ne donne pas un statut.</mark> On joue à l’ermite, on ne peut se prétendre pionnier.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/09/" title="Lien permanent vers cet article">Science-F(r)iction</a> (2021-01-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La ministre des Armées Florence Parly a profité du Forum innovation défense vendredi 4 décembre pour lancer officiellement la Red Team. Derrière ce nom anglais, dix auteurs de science-fiction qui ont été recrutés pour imaginer les futures crises géopolitiques et ruptures technologiques impliquant les militaires.</p> | |||
<p>[…]</p> | |||
<p>D’après les scénarios, […] l’idée est <mark>d’anticiper des situations permettant à la France de conserver une autonomie stratégique et opérationnelle</mark> aux horizons 2030 et 2060. Ascenseur spatial, nation pirate ou encore réchauffement climatique se mêlent dans les textes</p> | |||
<p><cite><em><a href="https://www.lepoint.fr/high-tech-internet/qui-sont-les-dix-auteurs-de-sf-de-la-red-team-du-ministere-des-armees-04-12-2020-2404230_47.php">Qui sont les dix auteurs de SF de la « Red Team » du ministère des Armées ?</a></em> (<a href="/david/cache/2021/595df9c1f986df0678e4fc7d6aa34ef1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Comment ne pas penser à <a href="/david/2020/12/15/#alain-damasio">cette intervention d’Alain Damasio</a> dans un moment pareil. Se faire accaparer l’espace de l’imaginaire par la ministre des Armées, les survivalistes « durs » n’attendaient que ça…</p> | |||
<p><strong>Quel récit commun se raconter ?</strong> Est-ce que la pandémie en est-un ? Et si oui, quelles histoires avons-nous à écrire à ce sujet qui ne soient pas individualistes ? Comment souhaiterions-nous vivre la prochaine ? Si nous avons vécu le scénario du pire, quel serait celui du meilleur ?</p> | |||
<p><em>Et pendant ce temps-là, des <a href="https://www.youtube.com/watch?v=fn3KWM1kuAw">robots guerriers</a> font des pirouettes…</em></p> | |||
<blockquote> | |||
<p>Je crains alors ainsi que le clic du pétitionnaire, l’indignation partagée sur les réseaux sociaux, et même le panier acheté à l’Amap, pour être louables et sincères, <mark>s’ils ne sont pas reliés et vertébrés par un projet</mark>, ne fassent partie d’un monde où l’avenir de l’écologie oscille encore entre capitalisme vert, restrictions individuelles et survivalisme. Où l’oligarchie stocke et s’organise pendant que les actes isolés peinent à faire masse.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/20/" title="Lien permanent vers cet article">Adaptation</a> (2021-01-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With each of these framings – collapse, catastrophe, extinction – people describe different degrees of certainty. Different people speak of a scenario being possible, probable or inevitable. In my conversations with both professionals in sustainability or climate, and others not directly involved, I have found that people choose a scenario and a probability depending not on what the data and its analysis might suggest, but <mark>what they are choosing to live with as a story</mark> about this topic. That parallels findings in psychology that none of us are purely logic machines but relate information into stories about how things relate and why.</p> | |||
<p>[…]</p> | |||
<p>Resilience asks us “how do we keep what we really want to keep?” Relinquishment asks us “what do we need to let go of in order to not make matters worse?” Restoration asks us “what can we bring back to help us with the coming difficulties and tragedies?” Reconciliation asks “with what and whom can we make peace with as we face our mutual mortality?”</p> | |||
<p><cite><em><a href="https://www.lifeworth.com/deepadaptation.pdf">Deep Adaptation: A Map for Navigating Climate Tragedy</a> (PDF, 436Ko) (<a href="/static/david/2021/deepadaptation.pdf">cache</a>)</em>, Jem Bendell</cite></p> | |||
</blockquote> | |||
<p>Résilience, Renonciation, Rétablissement et Réconciliation. Les quatre « R » de la décennie après les trois « R » : <em>Réduire, Réutiliser et Recycler</em> de la décennie précédente. Un cRan plus loin. Une autRe histoiRe tRagique que l’on se Raconte. Les « R »s d’une autoroute toute tracée vers notre déclin, « R »-ances d’une humanité de sup« R » héros sans cap… mais avec des masques.</p> | |||
<p>Après cette lecture, j’avais bien besoin de :</p> | |||
<blockquote lang="en"> | |||
<p>Hope in this sense is not a prize or a gift, but something you earn through study, through resisting the ease of despair, and through digging tunnels, cutting windows, opening doors, or finding the people who do these things. <mark>They exist.</mark></p> | |||
<p><cite><em><a href="https://www.youtube.com/watch?v=vT_sKGbP1yY">Who We Really Are... When Everything Goes Wrong</a></em> (vidéo Youtube, 25 min)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/06/" title="Lien permanent vers cet article">Dystopie</a> (2021-02-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Dans une société en perte de repères, où le superflu a pris le pas sur le nécessaire, où l’on confond plaisirs et bonheur, où l’on commente plus qu’on n’agit, émerge le besoin d’un nouvel ordre imaginaire, d’un récit collectif qui nous aide à ne pas désespérer et à reprendre pied. Pas pour se raconter de belles histoires qui détournent des efforts à faire, mais pour fournir à la résistance une <em>culture</em> de résistance. Nous avons aujourd’hui besoin d’un saut culturel. Si la science a fait sa part d’alerte, l’art et la culture peuvent encore l’amplifier. Ils façonnent la société à la manière d’un <em>soft power</em>.</p> | |||
<p>[…]</p> | |||
<p><mark>La fiction facilite un processus intérieur qui relève à la fois de la projection et de la distanciation, et ouvre à la variété des croisements de l’intime et de l’engagement.</mark> Or dans la bataille culturelle qui s’est enclenchée, il ne s’agit plus uniquement d’informer mais bien de <em>percuter</em> cette part sensible.</p> | |||
<p>[…]</p> | |||
<p>La création engagée se voit ainsi assigner la double mission de montrer le réel et de convoquer l’imaginaire, l’anticipation celle de tamiser le présent pour y débusquer les prémices du futur — « désincarcérer le futur » selon la magnifique expression du collectif Zanzibar.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Je croise beaucoup de réflexions ces derniers jours sur le fait qu’il faille vacciner toute la planète pour se sortir de la pandémie à cause des mutations. J’ai longtemps hésité avant de parler d’une autre option, la <a href="/david/2021/01/09/" title="Science-F(r)iction">science-fiction</a> pouvant être un moyen de dépeindre un avenir — et ainsi de le rendre <a href="/david/2020/12/15/#alain-damasio">possible</a>. Peut-être que j’ai besoin de l’exprimer pour pouvoir l’identifier comme étant une vision vers laquelle j’aspire à <em>ne pas</em> aller.</p> | |||
<p>Il y a déjà une frontière plus ou moins nette Nord-Sud qui parcoure la planète, un mur par là, une mer par ici, des barbelés un peu partout. La pandémie pourrait être une excuse facile pour la rendre encore plus franche et dresser un rempart devant les exilés climatiques sous couvert de caution médico-scientifique. Des privilégié·es vacciné·es qui circulent (en Tesla) dans un hémisphère aseptisé pendant que dans l’autre ça mute, ça suffoque et ça continue d’extraire du lithium.</p> | |||
<p>J’ai bien peur qu’il n’y ait plus beaucoup de freins à un tel <em>scenario</em>. En <a href="/david/2020/04/10/#tracking">avril dernier</a>, j’écrivais <q>du confinement au cloisonnement</q> et je n’imaginais pas alors qu’il puisse être décliné à grande échelle. Naïf étais-je, la mondialisation n’est qu’une question de temps.</p> | |||
<p>Allez, et bon week-end 👋.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/02/" title="Lien permanent vers cet article">Dépression</a> (2021-03-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais je ne suis pas à l’arrêt en ce moment : je me lève tous les matins, je travaille, j’agis, je ne suis pas effondré toute la journée. Les vagues déferlent les unes après les autres, et puis entre les vagues je surnage. Les apparences sont presque sauves. <mark>C’est pour ça que je ne peux pas me considérer vraiment comme dépressif.</mark> C’est pour ça que je me soupçonne parfois de n’être qu’un imposteur, un faux-dépressif, un simulateur, un enfant gâté qui fait son intéressant, et toutes ces sortes de choses. Je ferais mieux de me taire : tout ça c’est dans ma tête, juste dans ma tête.</p> | |||
<p><cite><em><a href="https://prototypekblog.wordpress.com/2021/02/25/lasymptote-du-depressif/">L’asymptote du dépressif</a></em> (<a href="/david/cache/2021/a0c3fb599ec91412f58fbaa4fc0d9680/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai lu ce texte au réveil, il y a quelques jours, et il ne cesse de tourner en fond dans un coin de mon cerveau. Pour ma part, la situation liée au Covid aura eu l’effet inverse de ce qui a pu se passer chez pas mal de personnes. J’ai pu me rendre compte que je n’étais pas fou, que ce que j’entrapercevais était possible et conduit à une chaîne de réactions relativement logiques.</p> | |||
<p>C’est loin d’être enthousiasmant mais cela m’a bizarrement permis de me rassurer sur mon état de santé mentale. Et c’est déjà pas mal.</p> | |||
<blockquote> | |||
<p>Elle dresse le tableau de la crise climatique et de la décimation du vivant pour poser cette question, celle d’un médecin : <mark>comment aider ces « personnes rationnelles et lucides dans un monde qui ne l’est pas » à ne pas rester tétanisées et honteuses de leurs pensées dépressives ?</mark> Comment contourner, par exemple, « l’hubris impuissante », cette tentation d’avoir l’idée géniale pour tout changer d’un coup, tentation qui, en se heurtant au mur de l’abstraction, vous renvoie direct au néant et à vos passions tristes ? Comment quitter la sidération et la prostration pour vivre et pour être capable d’agir collectivement, politiquement, face au désastre qui monte ?</p> | |||
<p><cite><em><a href="https://reporterre.net/L-ecoanxiete-nous-detourne-de-l-action-collective">L’écoanxiété nous détourne de l’action collective</a></em> (<a href="/david/cache/2021/e6125a584f3f5cac7fff464d8c116863/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/05/" title="Lien permanent vers cet article">Grand Nord</a> (2021-03-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je lis ces jours-ci avec grand intérêt les aventures de David Larlet dans « le Grand Nord ». Bon, en réalité <mark>je ne sais pas s’il est vraiment dans le « Grand Nord » canadien</mark> lors de ses sorties pédestres, mais pour l’européen que je suis, dès qu’il y a trois montagnes, un lac, de la neige partout, et pas un troquet à l’horizon, c’est la représentation que j’en ai — bref.</p> | |||
<p><cite><em><a href="http://shl.huld.re/~f6k/log/vol11/1-reveil.html">log : vol. 11, num. 1, vendr. 5 mars 2021, réveil</a></em> (<a href="/david/cache/2021/d8320769320273ce23adb40f4792d58b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Au risque d’être déceptif, la latitude de Montréal est comprise entre Bordeaux et Lyon (pour un référentiel français). Et lorsque je vais vers le Nord pour rejoindre des contrées à plus faible densité, ça doit faire du 100-150 km plus haut tout au plus.</p> | |||
<p>En parlant de densité, autres chiffres intéressants : la densité du Canada est de 4 habitant·es au km<sup>2</sup>, sachant que la population <a href="https://www.vividmaps.com/wp-content/uploads/2017/12/no_human-1024x768.jpg">se concentre dans les agglomérations</a> (<a href="/static/david/2021/canada_no_human-1024x768.jpg">cache</a>, <a href="http://www.ecoclimax.com/2017/03/nobody-lives-here.html">source</a>) du Sud, ça donne une densité encore plus faible dès qu’on en sort. À titre de comparaison, la moyenne de la France est à 107 hab./km<sup>2</sup>, celle du Japon à 332 hab./km<sup>2</sup>.</p> | |||
<p>Bon et maintenant que le décor est planté, est-ce que j’ai envie d’aller dans le <em>Grand</em> Nord ? :-)</p> | |||
<p>Il y aurait un avantage à potentiellement croiser moins de machines récréatives bruyantes (été comme hiver). Ça signifie également que les secours sont plus éloignés, la famille aussi… Sous un autre angle, cela me gêne pas mal de griller de l’essence de façon encore moins raisonnable pour mon petit plaisir. Peut-être que si un jour j’habite plus au Nord, cela me motivera pour explorer plus avant la forêt boréale, sans dépasser la limite où je commence à me faire chasser par les ours blancs. Pas vraiment envie de devoir me balader avec un fusil, je risquerais de croiser un chasseur.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/12/" title="Lien permanent vers cet article">Alcool</a> (2021-04-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The winners in this equilibrium are people who, for one reason or another, can manage this situation well. They aren’t genetically predisposed to alcohol addiction; <mark>they are socially confident</mark> so don’t feel the need for Dutch courage or the need to show off by drinking too much; or, perhaps, they are successful or content in the different spheres of their life, so they don’t have pain that they want to numb. Some successful people are vulnerable too in a different way, being wined and dined if you’re an executive, or trying to climb a corporate ladder by getting drinks with whoever after work.</p> | |||
<p>It seems wrong that a privileged (!) class of people who can manage alcohol effectively in their lives do not try harder to make sure that the under-privileged, vulnerable members of society don’t end up addicted to this awful drug.</p> | |||
<p><cite><em><a href="https://fergus-mccullough.com/index.php/2021/04/09/against-alcohol/">Against alcohol</a></em> (<a href="/david/cache/2021/a19dc546c8ad1ae00f6320f6b1f3ded8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Voilà un angle intéressant. Cette dernière année m’aura montré que je n’ai pas de dépendance à l’alcool et que je ne bois que dans des relations sociales extra-familiales. De ce constat il n’y a qu’un pas avant de s’arrêter définitivement. Quitte à devoir se passer d’interactions sociales, autant renoncer aux béquilles devenues inutiles.</p> | |||
<p>Ma motivation initiale était plus égoïste (?) que celle de l’auteur de l’article : j’aime boire du vin — principalement français — et mine de rien ça fait traverser l’océan à de lourdes et volumineuses bouteilles.</p> | |||
<p><em>Entre l’écriture et la publication, je tombe sur <a href="https://threadreaderapp.com/thread/1382057588527931393.html">ce fil Twitter</a> (<a href="/david/cache/2021/c967133574fd80e7f95ef901114b5385/">cache</a>) dur à lire, à la fois pour l’identification passée et l’éventuel futur. Peut-être qu’en montrant un autre exemple je soigne autre chose…</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/20/" title="Lien permanent vers cet article">Remote</a> (2021-04-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I think it’s important to keep this in mind: that the primary reason for the move to remote has very little to do with culture or flexibility and everything to do with shifting the costs of real estate from companies to employees.[…]</p> | |||
<p>Because if remote work gives us anything at all, it gives us the chance to root ourselves in a place <em>that isn’t the workplace</em>. […]</p> | |||
<p>I promise you those CEOs are the ones looking at the balance sheet and doing a calculation in their head that says that even though remote work might save them millions on real estate, <mark>the transfer of power to their employees would be too great to make that a good deal</mark>.</p> | |||
<p><cite><em><a href="https://tinyletter.com/aworkinglibrary/letters/remote-to-who-a-working-letter">Remote to who? A working letter</a></em> (<a href="/david/cache/2021/28c97d1358ee67f26af1756246766823/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il est tentant d’espérer des remises en question, des transferts de pouvoirs. Que la situation nouvelle soit le catalyseur de certaines luttes. Mais une fois que l’on a du pouvoir, il est bien difficile de le redistribuer. Et ce pouvoir donne suffisamment de temps pour anticiper les éventuelles pertes futures de contrôle. Un cercle vicié.</p> | |||
<p>La seule possibilité que j’entrevois serait d’être prêt·es <em>au moment</em> où la crise se déclare car ce sont les seuls instants de vulnérabilité du pouvoir en place. Mais cela nécessite une dispersion d’énergie folle et sans certitude dans un monde complexe.</p> | |||
<p>Revenons-en au sujet : prendre de la distance, oh oui, beaucoup de distance…</p> | |||
</details> | |||
<h2><a href="/david/2021/05/04/" title="Lien permanent vers cet article">Touriste</a> (2021-05-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Finalement, ces contenus deviennent les reflets revendiqués de pratiques touristiques où seule la trace numérique est suffisante pour <mark>justifier</mark> l’existence et l’expérience du séjour.</p> | |||
<p><cite><em><a href="https://usbeketrica.com/fr/article/travel-porn-outil-distinction-social">Le « TravelPorn », nouvel outil de distinction sociale sur les réseaux sociaux</a></em> (<a href="/david/cache/2021/bda7c1903601dae7d2b10ce8e3d87572/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p> | |||
<p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends !</p> | |||
</details> | |||
<h2><a href="/david/2021/05/17/" title="Lien permanent vers cet article">Empreinte</a> (2021-05-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quand on est cadre sup’ en France, on s’inquiète de plus en plus de son empreinte carbone et de moins en moins de son empreinte connard : exploiter son prochain et voter pour des experts en précarisation du travail, c’est ok. Tuer les bébés phoques, ça, par contre, c’est non. Et qu’importe si l’un induit nécessairement l’autre, dans ce qu’ils appellent “le monde tel qu’il est” et qui correspond, en réalité, au mode de production capitaliste. Mais <mark>son mode individuel de consommation devient une nouvelle modalité de distinction sociale</mark> dans notre beau pays : le bourgeois de centre-ville trouvera du bio, du local, du « une fringue achetée – un arbre planté » et pourra ainsi payer pour laver sa conscience et surtout juger celle des autres.</p> | |||
<p><cite><em><a href="https://www.frustrationmagazine.fr/livraison-rapide/">La livraison rapide, ou comment le capitalisme a fait de nous des bourreaux capricieux</a></em> (<a href="/david/cache/2021/3d24bdc0a4dfe935c5eb7ebd613fed3f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça pique. Dans la foulée je lis :</p> | |||
<blockquote> | |||
<p>Il semblerait aux catégories sociales privilégiées, qui ont détourné les dispositifs tels qu’Airbnb, qui permettait initialement aux classes moyennes d’augmenter leur pouvoir d’achat.</p> | |||
<p>Le choix et les stratégies des groupes majoritaires permettent de conserver cet entre-soi nécessaire à la reproduction sociale. <mark>Mais il s’opère toujours au détriment des autres :</mark> à savoir les classes populaires et les personnes discriminées en fonction des critères liés à l’origine et à la précarité sociale notamment.</p> | |||
<p><cite><em><a href="https://theconversation.com/les-consequences-de-lairbnbisation-des-villes-157004">Les conséquences de « l’airbnbisation » des villes</a></em> (<a href="/david/cache/2021/33d9a576ac9c0d0eb8b62f33c888ca15/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/30/" title="Lien permanent vers cet article">Infanticide</a> (2021-05-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Large numbers of the Aboriginal children who were sent to residential schools never returned to their home communities. Some of these children ran away, while others died at the schools. The exact number of children who died at school may never be known, but the death rates for many schools, particularly during times of epidemic or disease, were very high.</p> | |||
<p>Sometimes parents never found out what happened to their children. The students who did not return have come to be known as the Missing Children. Working with Survivors and Aboriginal organizations, the Missing Children Projects is documenting the deaths and the burial places of children who died while attending the schools.</p> | |||
<p>To date the TRC has identified the names of, or information about, more than 4,100 children who died of disease or accident while attending a residential school.</p> | |||
<p><cite><em><a href="http://www.trc.ca/events-and-projects/missing-children-project.html">MISSING CHILDREN PROJECT</a></em> (<a href="/david/cache/2021/d15bee86cbddb11d5902617b68f0a12f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>L’histoire du Canada comporte des zones d’ombre assez horribles. De <a href="https://en.wikipedia.org/wiki/Slavery_in_Canada">l’esclavage</a> — <a href="https://ici.radio-canada.ca/nouvelle/1269942/esclavage-canada-noirs-autochtones-histoire">voir aussi</a> (<a href="/david/cache/2021/a950ddcb816cf0593893120ffa6b56cd/">cache</a>) — à la <a href="https://en.wikipedia.org/wiki/Compulsory_sterilization_in_Canada">stérilisation</a>, la colonisation s’est faite avec une brutalité dont je ne découvre que depuis récemment une partie de son histoire, celle que l’on ne retrouvera probablement pas dans les livres d’Histoire :</p> | |||
<blockquote lang="en"> | |||
<p>May 27, 2021, Kamloops – It is with a heavy heart that Tk’emlúps te Secwépemc Kukpi7 (Chief) Rosanne Casimir confirms an unthinkable loss that was spoken about but never documented by the Kamloops Indian Residential School. This past weekend, with the help of a ground penetrating radar specialist, the stark truth of the preliminary findings came to light — the confirmation of the remains of 215 children who were students of the Kamloops Indian Residential School.</p> | |||
<p><cite><em><a href="https://tkemlups.ca/wp-content/uploads/05-May-27-2021-TteS-MEDIA-RELEASE.pdf">OFFICE OF THE CHIEF</a> (<a href="/static/David/2021/infanticide.pdf">cache, PDF - 158 Ko</a>)</em>, FOR IMMEDIATE RELEASE</cite></p> | |||
</blockquote> | |||
<p>Voir aussi :</p> | |||
<ul> | |||
<li><a href="https://www.nytimes.com/2021/05/28/world/canada/kamloops-mass-grave-residential-schools.html">‘Horrible History’: Mass Grave of Indigenous Children Reported in Canada</a> (<a href="/david/cache/2021/91df583aec4e26acd488ec6c52a96a98/">cache</a>)</li> | |||
<li><a href="https://www.ledevoir.com/societe/605445/les-restes-de-215-enfants-retrouves-sur-le-site-d-un-pensionnat-autochtone-de-colombie-britannique">Les restes de 215 enfants autochtones retrouvés sur le site d’un pensionnat</a> (<a href="/david/cache/2021/db61029481fb395dc5b8031dda55619f/">cache</a>)</li> | |||
</ul> | |||
</details> | |||
<h2><a href="/david/2021/06/04/" title="Lien permanent vers cet article">Lâche(r-prise)</a> (2021-06-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais quand on avait envie de continuer à s’investir, c’est très frustrant. Je suis un peu triste, <mark>je vis malgré tout partiellement comme un échec le fait de devoir cesser</mark>, là, de faire ce que j’avais commencé, en ne finissant même pas les projets que j’avais démarrés. Je vois bien que c’est ridicule, un peu comme quelqu’un qui le pied dans le plâtre après un accident du travail, ne parlerait que de retourner au bureau. Ben non. Manifestement tu ne peux pas retourner au bureau. <em>Lâche.</em></p> | |||
<p><cite><em><a href="https://www.hauteresolution.net/blog/articles/il-est-temps-de-tourner-la-page/25/">Il est temps de tourner la page</a></em> (<a href="/david/cache/2021/a0ec305634258e807f376799258029cb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je (me) demandais <a href="https://mastodon.social/@dav/106177137939607389">le mois dernier</a> s’il y avait « lâche » dans « lâcher-prise » car c’est une tension que j’ai l’impression de vivre souvent. Ne plus savoir quelle est l’échelle la plus pertinente dont il faudrait que je prenne soin, de la personnelle à l’universelle en passant par une multitude de paliers plus ou moins enchevêtrés. Le temps et donc notre attention — sur lesquels nous espérons avoir une forme de pouvoir — sont finalement d’un potentiel assez dérisoire.</p> | |||
<p>Il faut que je revienne sur cette notion de <em>potentiel</em>.</p> | |||
<blockquote> | |||
<p>28. L’homme en s’abandonnant ainsi commet le péché social — c’est-à-dire le péché qui consiste à refuser d’être une personne consciente de ses devoirs, de sa force, de sa vocation, pour accepter les influences de l’extérieur (les accepter volontairement ou non, par les ordres reçus ou les films vus p. ex.). <mark>L’homme rentre désormais dans la foule.</mark> Le péché social est le péché contre l’esprit, parce que l’homme renonce à ce qui le rend différent de ses voisins — (sa vocation) — pour s’assimiler à eux et devenir un jeton interchangeable qui accomplit des gestes identiques, lit les mêmes mots, pense les mêmes pensées. C’est le refus de vivre.</p> | |||
<p><cite><em>Directives pour un manifeste personnaliste</em>, Bernard Charbonneau et Jacques Ellul, 1935</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/16/" title="Lien permanent vers cet article">Trans</a> (2021-06-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Observant la manière dont elle attendait, patiente, que ses pensées se résolvent, il songeait à ce que l’on disait souvent, non sans raison, des Révérendes Mères : qu’elles ne faisaient plus tout à fait partie de la race humaine. Elles se tenaient en quelque sorte en dehors du courant principal. Elles le longeaient sans doute ; elles y faisaient sans doute de fréquentes plongées pour des motifs à elles. Mais elles se tenaient à l’écart de l’humanité. Elles s’en éloignaient.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p><em>Note : je ne sais pas trop de quoi je parle et j’espère ne blesser personne, n’hésitez pas à pointer mes maladresses.</em></p> | |||
<p>J’ai beaucoup d’empathie pour les personnes qui ne se sentent pas à l’aise dans leur genre, notamment car j’ai du mal à m’associer à un groupe se revendiquant comme étant « les hommes » pour diverses raisons issues de mes expériences et des cultures que j’ai pu traverser. Néanmoins, je n’aspire pas à rejoindre un groupe qui se revendiquerait comme étant « les femmes » pour autant. Je crois que je me sentirais plus à l’aise hors de cette dichotomie — je laisse la sexualité à part intentionnellement. Hors de l’espèce humaine en fait.</p> | |||
<p>(J’espère que ça ne fait pas trop je-ne-suis-pas-féministe-mais-humaniste… je suis plus en mode exploratoire que militant ici, probablement naïf.)</p> | |||
<p>Je commence à chercher si le « transpecism » est quelque chose et je tombe sur un <a href="https://www.vice.com/en/article/yvwknv/what-does-it-mean-to-be-trans-species">article de Vice</a> (<a href="/david/cache/2021/d896cc3bf1f0f96343c7733a9d605ebb/">cache</a>) qui me donne le mot-clé « <a href="https://en.wikipedia.org/wiki/Otherkin">otherkin</a> » :</p> | |||
<blockquote> | |||
<p>Otherkin are a subculture of people who identify as not entirely human.</p> | |||
</blockquote> | |||
<p>J’apprécie qu’il y ait autant de façon de se définir, tant de façons d’être à respecter. Chercher à savoir qui l’on est, le cheminement de toute une vie.</p> | |||
<p><em>C’était une petite incursion dans ma misanthropie du soir.</em></p> | |||
<p><mark>Coïncidence au moment de la publication :</mark></p> | |||
<blockquote> | |||
<p>Les députés canadiens ont adopté mardi 22 juin un projet de loi interdisant les « thérapies de conversion » qui visent à imposer l’hétérosexualité aux personnes LGBTQ+ (lesbiennes, gays, bi et trans), une victoire pour le gouvernement minoritaire de Justin Trudeau.</p> | |||
<p><cite><em><a href="https://www.lemonde.fr/international/article/2021/06/23/au-canada-les-deputes-adoptent-un-projet-de-loi-interdisant-les-therapies-de-conversion_6085282_3210.html">Au Canada, les députés adoptent un projet de loi interdisant les « thérapies de conversion »</a></em> (<a href="/david/cache/2021/2b405292b66dc4703386dba5bd7ee3fe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<hr /> | |||
<p>Karl a répondu avec : <a href="https://www.la-grange.net/2021/06/23/homme">l’homme et le macho</a> (<a href="/david/cache/2021/c47399354580a731e7befbda06339797/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/07/10/" title="Lien permanent vers cet article">Eau virtuelle</a> (2021-07-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’accaparement de l’eau n’est pas le seul marché connexe, il y a aussi l’eau virtuelle, c’est-à-dire l’eau utilisée pour produire des biens manufacturés — des vêtements aux ordinateurs — et celle intégrée dans la production agricole — du bœuf au blé en passant par le riz. La plupart de ces activités sont très gourmandes en eau, dont on dit d’ailleurs qu’elle est « consommée », ce qui signifie qu’elle n’est pas retournée à son bassin versant. Lorsque la marchandise est exportée ou même seulement déplacée ailleurs dans le pays, l’eau est exportée aussi. <mark>L’eau virtuelle constitue la majorité des déplacements d’eau dans le monde</mark>, même si l’on croit à tort que les exportations d’eau se font par les pipelines, les aqueducs et les canaux.</p> | |||
<p>De nombreux pays riches conservent leur eau en misant sur l’importation de marchandises qui en nécessitent une grande quantité. Certains aliments, comme les bananes et le café, ne peuvent être produits dans des climats plus froids et doivent donc être importés, mais un nombre croissant de pays utilisent la terre et l’eau des pays étrangers pour s’approvisionner même en produits de première nécessité qu’ils pourraient très bien produire eux-mêmes. Lorsqu’un pays import une kilo de blé plutôt que de le produire chez lui, par exemple, il économise environ 1 350 litres de ses propres ressources en eau. Même si, en théorie, le commerce de l’eau virtuelle pourrait permettre aux pays riches en eau d’exporter les marchandises qu’ils produisent dans les pays qui ont de faibles réserves, la réalité en est tout autre. En fait, les pays riches assurent la sécurité de leur eau en cultivant leur nourriture à l’étranger pour ensuite l’importer.</p> | |||
<p><cite><em>À qui appartient l’eau ?</em>, Maude Barlow</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de choses grâce à ce livre, notamment dans le contexte canadien (tout en lisant Dune). Je n’avais pas conscience de cette notion d’eau virtuelle permettant de conserver ses propres ressources au détriment des pays pauvres. C’est fabuleux.</p> | |||
<p>Combien de litres pour la machine sur laquelle je suis en train d’écrire ces mots ?</p> | |||
</details> | |||
<h2><a href="/david/2021/07/11/" title="Lien permanent vers cet article">Lebensraum</a> (2021-07-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The quest for German domination was premised on the denial of science. Hitler’s alternative to science was the idea of Lebensraum. Germany needed an Eastern European empire because only conquest, and not agricultural technology, offered the hope of feeding the German people. In Hitler’s “Second Book,” which was composed in 1928 and not published until after his death, he insisted that hunger would outstrip crop improvements and that all “the scientific methods of land management” had already failed. No conceivable improvement would allow Germans to be fed “from their own land and territory,” he claimed. Hitler specifically — and wrongly — denied that irrigation, hybrids and fertilizers could change the relationship between people and land.</p> | |||
<p>[…]</p> | |||
<p>As exotic as it sounds, <mark>the concept of Lebensraum is less distant from our own ways of thinking than we believe</mark>. Germany was blockaded during World War I, dependent on imports of agricultural commodities and faced real uncertainties about its food supply. Hitler transformed these fears into a vision of absolute conquest for total security. Lebensraum linked a war of extermination to the improvement of lifestyle. The chief Nazi propagandist, Joseph Goebbels, could therefore define the purpose of a war of extermination as “a big breakfast, a big lunch and a big dinner.” He conflated lifestyle with life.</p> | |||
<p><cite><em><a href="https://www.nytimes.com/2015/09/13/opinion/sunday/the-next-genocide.html">The Next Genocide</a></em> (<a href="/david/cache/2021/3815e3f5dd6f18955523fa715cf49853/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article met en rapport l’idéologie nazie et l’auto-suffisance avec un angle qui ne m’est pas familier. Je n’avais pas pris conscience de cette prépondérance dans la doctrine que je voyais bien davantage centrée sur la race que sur l’alimentation du peuple. La mise en lumière sur ce qui est en train de se passer dans le monde — aujourd’hui — à ce sujet est assez éloquente.</p> | |||
<p>La guerre de l’agriculture, et donc <a href="/david/2021/06/27/" title="Sécheresse">de l’eau</a> (aussi <a href="/david/2021/07/10/" title="Eau virtuelle">virtuelle</a> soit-elle), ne fait que s’intensifier.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/22/" title="Lien permanent vers cet article">Vol d’eau</a> (2021-07-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The drones don’t create rain themselves but help to jump-start rain production via cloud seeding. They “zap” the clouds with an electric charge, subsequently charging the droplets inside. Since the beginning of 2021, the National Center of Meteorology (NCM) has conducted 126 instances of cloud seeding.</p> | |||
<p>“What we are trying to do is <mark>to make the droplets inside the clouds big enough so that when they fall</mark> out of the cloud, they survive down to the surface,” explained Keri Nicoll, one of the core investigators on the project.</p> | |||
<p>The technique has successfully created rain over Dubai and has even resulted in safety warnings for drivers over slippery roads.</p> | |||
<p><cite><em><a href="https://interestingengineering.com/the-uae-is-using-drones-to-control-dubais-weather">The UAE is Using Drones to Control Dubai’s Weather</a></em> (<a href="/david/cache/2021/1c411f71cef2f6a9d40cf09a62f71bb1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suite de mes réflexions vis-à-vis de l’eau, des <a href="/david/2021/06/27/" title="Sécheresse">sécheresses</a> et de sa <a href="/david/2021/07/10/" title="Eau virtuelle">virtualité</a>. Ici, on arrive tout de même à une technologie qui permettrait à une localité de récupérer l’eau avant qu’elle arrive « naturellement » à un autre lieu. Ça augure de nouvelles tensions géo-politiques. C’est un peu équivalent aux conflits diplomatiques qui existent — dès à présent — avec des fleuves parcourant plusieurs états et des retenues/consommations d’eau en amont qui créent des sécheresses en aval.</p> | |||
<blockquote> | |||
<p>On ne manipule pas une marionnette avec un seul fil.</p> | |||
<p><cite><em>Le Fouet Zensunni</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/15/" title="Lien permanent vers cet article">B(r)ouillon</a> (2021-08-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ce sentiment qu’un tumulte gronde, frémit, que des curseurs sont poussés à bout. Bouillon d’horreurs où la dignité finira par faire place à la rebellion, à une autre forme de violence. Plus pure, sans limites autres que cet espace fini. Nous avons plastiqué ce monde sans prendre conscience qu’il allait finir par exploser. Un nouveau cycle, un tour de plus, voilà ce que nous promet la révolution. Cet espoir d’être le point de départ d’une n-ième répétition.</p> | |||
<p>Où vaudra-t-il mieux être alors ? Que voudra dire « mieux » dans un tel contexte ? A-t-on vraiment ce choix ?</p> | |||
<blockquote> | |||
<p>Souvent, la compréhension facile est un réflexe comparable à celui du genou et constitue la forme d’<em>entendement</em> la plus dangereuse qui puisse exister. Tel un écran aveugle et scintillant, elle annihile votre faculté d’apprendre. Le système juridique des précédents fonctionne de la même manière et encombre votre parcours d’impasses. Vous voilà prévenus. Ne <em>comprenez</em> jamais rien. <mark>Toute appréhension de la réalité ne saurait être que temporaire.</mark></p> | |||
<p><cite><em>Fixe mentat (adacto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#ecureuil-qui-dort" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ecureuil-qui-dort"> | |||
<img src="/static/david/2021/ecureuil-qui-dort.jpg" alt="Écureuil dormant sur une branche." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Une branche sur laquelle oublier les remous de ce monde.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/23/" title="Lien permanent vers cet article">Olympique</a> (2021-08-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>Aujourd’hui pour être un athlète de haut niveau, il semble qu’il ne soit plus suffisant d’être bon, il faut aussi être populaire.</strong></p> | |||
<p>Que certains sportifs soient des influenceurs en capacité de monnayer leur image est une chose. Mais que pour une grande majorité d’entre eux on subordonne leur capacité de vivre (souvent assez mal) de leur sport à leur capacité d’être des <mark>influenceurs</mark>, est tout à fait désolant, <em>a fortiori</em> dans le cadre encore un peu particulier qui est celui de l’olympisme moderne.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/08/plus-vite-plus-haut-plus-de-vues.html">Plus vite, plus haut … plus de vues.</a></em> (<a href="/david/cache/2021/3a94b388ab64cd27e1eb261eeb70ca63/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai retenu trois choses de ces jeux olympiques :</p> | |||
<ol> | |||
<li>Lorsqu’on <a href="https://ig.ft.com/tokyo-olympics-alternative-medal-table/">prend en compte certains facteurs économiques, sociaux et politiques</a> (<a href="/david/cache/2021/e36e870096588a45b32221d254c9da18/">cache</a>) pour ordonner le classique tableau des médailles, on obtient un classement où la France se retrouve bonne dernière (vive l’EPS !).</li> | |||
<li>Les pays riches <a href="https://www.nbcnews.com/storyline/2016-rio-summer-olympics/oil-rich-countries-are-importing-elite-athletes-bump-national-medal-n632566">achètent des athlètes</a> (<a href="/david/cache/2021/9b936d812bb241d79008763f5424bec6/">cache</a>) pour remonter dans le classement classique des médailles, quitte à devoir leur faire changer de noms en cours de route.</li> | |||
<li>Il y a des enjeux diplomatiques <a href="https://www.franceinter.fr/sports/jo-de-tokyo-pourquoi-des-athletes-concourent-avec-les-anneaux-olympiques-plutot-que-leur-drapeau-national">plus ou moins bien cachés</a> (<a href="/david/cache/2021/0323753a4762764c1f796619079e82f6/">cache</a>) à tous les niveaux autour des délégations et de leurs dénominations.</li> | |||
</ol> | |||
<figure> | |||
<a href="#chute-a-bull" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/chute-a-bull.jpg" alt="Une cascade en pause longue." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="chute-a-bull"> | |||
<img src="/static/david/2021/chute-a-bull.jpg" alt="Une cascade en pause longue." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Pose longue d’un ruissellement de nationalité.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/26/" title="Lien permanent vers cet article">Ambivalence</a> (2021-08-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This is just what I’m used to nowadays – not using a technology because it’s the best-in-class or makes my life easier, but because it meets some high-minded criteria about how I think software should be: privacy-respecting, open-source, controlled by the user, etc.</p> | |||
<p>[…]</p> | |||
<p>For the time being, though, <mark>I’m going to keep acting like technology is an enemy</mark> I need to subdue rather than a purveyor of joys and delights.</p> | |||
<p><cite><em><a href="https://nolanlawson.com/2021/08/26/my-love-hate-affair-with-technology/">My love-hate affair with technology</a></em> (<a href="/david/cache/2021/67a6372e0d7e2b65224262106e8318b0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Toujours ce tiraillement très bien exprimé par Nolan Lawson entre l’insouciance des choses qui marchent (mais <a href="https://edwardsnowden.substack.com/p/all-seeing-i">on ne décide pas de la direction dans laquelle</a> (<a href="/david/cache/2021/9a458e7f3ad00b45d36511666ee29021/">cache</a>) elles vont) et la friction répétée d’outils qui ne prennent pas suffisamment soin des personnes trop éloignées — à différents niveaux et parfois de manière légitime — de l’équipe qui développe.</p> | |||
<p>Ces deux modèles encouragent des modèles de société différents et aucun des deux ne me convient. D’un côté des multi-milliardaires qui bousillent la planète, de l’autre des <em>tech bro</em> qui acquièrent un pouvoir soci·ét·al non négligeable (je caricature, #NotAllDevs, toussa). Ce n’est probablement pas le même ordre de grandeur mais ça me questionne pas mal quand même. Au milieu de tout ça, il y a probablement <a href="https://framablog.org/2019/12/10/archipelisation-comment-framasoft-concoit-les-relations-quelle-tisse/">des archipels</a> (<a href="/david/cache/2021/ef5bbfde106a3477ff728bf27413672d/">cache</a>) où il fait bon grandir, de manière un peu isolée pour se protéger, un peu entre-soi pour pouvoir se reposer. Ces endroits-refuges sont géniaux et j’ai de bons échanges sur Masto une fois mes interlocuteur·ices choisi·es, trié·es pour être acceptables. Mais peut-on rester insulaire indéfiniment ?</p> | |||
<p>J’ai beaucoup de doutes vis-à-vis de tous ces choix en ce moment. Quels sont les modèles les moins toxiques que je puisse encourager par mon attention ? Et potentiellement mon argent ?!</p> | |||
<p>Par ailleurs, je tombais aujourd’hui (via <a href="https://www.youtube.com/watch?v=ZdWx9_YfxFU">cette vidéo</a>) sur cette citation :</p> | |||
<blockquote> | |||
<p>L’histoire n’est pas quelque chose que l’on peut regarder en se disant « c’est inévitable », elle arrive parce que des gens ont pris des décisions […]</p> | |||
<p><cite>Marsha P. Johnson</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#geai-bleu-envers" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/geai-bleu-envers.jpg" alt="Un geai bleu qui se tient à une branche, à l’envers (pour attraper des bleuets)." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="geai-bleu-envers"> | |||
<img src="/static/david/2021/geai-bleu-envers.jpg" alt="Un geai bleu qui se tient à une branche, à l’envers (pour attraper des bleuets)." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Peut-être faut-il prendre le problème à l’envers : de quoi ai-je besoin ? Vaste sujet.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/06/" title="Lien permanent vers cet article">Ours</a> (2021-09-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il [Michel Pastoureau] rappelle que l’ours a été diabolisé par l’Église : « Ursus est diabolus » selon saint Augustin. Pourquoi faire ainsi de l’ours une créature maléfique ? Tout simplement parce que vénéré, respecté et redouté, <mark>l’ours faisait de l’ombre au culte du Christ</mark>. Il a donc été méthodiquement exterminé et remplacé dans son statut de roi des animaux par un animal plus exotique et plus lointain, donc moins dangereux pour l’Église, le lion. C’est ainsi que l’ours est ainsi devenu, petit à petit, symbole de sauvagerie, de bestialité au sens le moins noble du terme et fut même présenté comme un monstre qui enlevait les jeunes femmes pour s’accoupler avec elles.</p> | |||
<p><cite><em>Là où le feu et l’ours</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Combien d’espèces sacrifiées sur l’autel des religions ? Ou servant d’excuses faciles pour masquer les crimes des hommes ?</p> | |||
<p>Je n’ai toujours pas croisé d’ours dans la forêt canadienne. C’est loin d’être la rencontre qui me ferait le plus peur… et j’ai une <a href="/david/2021/06/16/" title="Trans">apparence</a> d’homme.</p> | |||
<p>J’imagine parfois accompagner de (très) loin des personnes en insécurité dans la forêt. Rester à portée d’appel pour être rassurant. Mais ne deviendrais-je pas de fait la principale menace en ayant ce comportement ?</p> | |||
<p>Pas facile de partager un privilège.</p> | |||
<hr /> | |||
<p><mark>Le jour de la publication</mark> :</p> | |||
<blockquote lang="en"> | |||
<p>Regardless, if you’re a member of a privileged group, you have the ability to call out bullshit with far fewer professional and social consequences. Use that power.</p> | |||
<p>Privilege isn’t a dirty word. It’s a reality of living in a society with social power imbalances. If you have privilege, use it for good.</p> | |||
<p><cite><em><a href="https://gomakethings.com/using-privilege-for-good/">Using privilege for good</a></em> (<a href="/david/cache/2021/81f17a559c428b01a16814c9df4b3c46/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/11/" title="Lien permanent vers cet article">Vengeance</a> (2021-09-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The greatest regret of my life is my reflexive, unquestioning support for that decision. I was outraged, yes, but that was only the beginning of a process in which my heart completely defeated my rational judgment. I accepted all the claims retailed by the media as facts, and I repeated them as if I were being paid for it. I wanted to be a liberator. I wanted to free the oppressed. I embraced the truth constructed for the good of the state, which in my passion I confused with the good of the country. It was as if whatever individual politics I’d developed had crashed—the anti-institutional hacker ethos instilled in me online, and the apolitical patriotism I’d inherited from my parents, both wiped from my system—and <mark>I’d been rebooted as a willing vehicle of vengeance.</mark> The sharpest part of the humiliation comes from acknowledging how easy this transformation was, and how readily I welcomed it.</p> | |||
<p><cite><em><a href="https://edwardsnowden.substack.com/p/9-12">9/12 - by Edward Snowden</a></em> (<a href="/david/cache/2021/6201ca5ee00ceafd79ab4a889a20419e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Lire Edward Snowden, 20 ans après. Essayer de comprendre avec son recul, ses mots. Ce qui a pu se passer dans des millions de têtes, pas si loin d’ici. Et les conséquences que cela a pu avoir, les abus, les lanceurs d’alertes.</p> | |||
<p>La polarisation du monde, sa guerre immonde. Des dommages collatéraux, loin. Le souvenir, entretenu, ravivé. Restons terrorisé·es et dociles, canalisés.</p> | |||
<p>Les <em>traders</em> se défenestrent, Ben Laden fait un plongeon, on réserve le même sort aux afghans nous ayant aidé. Pas de parachutes pour notre culpabilité, la vengeance doit montrer la brutalité de cet écrasement. Chutes silencieuses, sur-commentées.</p> | |||
<p>Les victimes sont tombées 99 fois, je me relève sans foi.</p> | |||
<hr /> | |||
<p>Après ceci, je suis à peu près assuré de ne pas pouvoir entrer chez les voisins.</p> | |||
<blockquote lang="en"> | |||
<p>It’s not a bug, it’s a feature. (Developer edition)</p> | |||
</blockquote> | |||
<blockquote lang="en"> | |||
<p>It’s not a blunder, it’s a gambit. (Chess edition)</p> | |||
</blockquote> | |||
<hr /> | |||
<p>Note : Substack propose un <a href="https://edwardsnowden.substack.com/feed/">flux RSS</a> pour les publications si vous préférez ce moyen. C’est suffisamment rare pour le remarquer (coucou tinyletter). Heureusement, des <a href="https://kill-the-newsletter.com/">outils</a> permettent de palier ce manque.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>C’est cool<br /> | |||
Ma jeunesse s’écoule<br /> | |||
Entre un mur qui tombe et deux tours qui s’écroulent<br /> | |||
Eh ouais c’est cool<br /> | |||
Ma jeunesse s’écoule</p> | |||
<p><cite><em>C’est cool 🎶</em>, Gaël Faye</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/05/" title="Lien permanent vers cet article">Conférences 2</a> (2021-10-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>— Tiens, tu ne fais plus de conférences.</p> | |||
</blockquote> | |||
<p>C’est <a href="/david/talks/">vrai</a>. Et c’est intentionnel.</p> | |||
<p>Quel que soit le format, j’ai fini par remarquer (il m’a fallu une dizaine d’années tout de même…) que ces évènements favorisent l’entre-soi et donnent une ascendance aux organisateur·ices et participant·es actif·ves. Ce statut est malsain car il permet des comportements déplacés de la part des personnes ayant davantage de pouvoir, d’autant plus lorsqu’une foule est réunie.</p> | |||
<p>Rien de nouveau sous le soleil mais ça n’est pas une raison pour le cautionner avec ma propre participation qui vient renforcer un bon paquet de biais.</p> | |||
<hr /> | |||
<p>Tout cela étant dit, je suis <a href="/david/2021/01/26/" title="Conférences">toujours</a> motivé pour accompagner des personnes qui seraient <a href="https://gomakethings.com/actively-excluded/">activement exclues</a> (<a href="/david/cache/2021/09449904abd3fdbb0663fc8b76325d87/">cache</a>) de ces lieux si elles souhaitent participer, prendre confiance en elles et en connaître les codes. Pas en mode sauveur, peut-être en mode allié, certainement à distance.</p> | |||
<hr /> | |||
<p>Ce billet pourrait faire l’objet d’une conférence 🙃.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/10/" title="Lien permanent vers cet article">Jour 1</a> (2021-10-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Quelques pas dans la forêt et je tombe sur un panneau : le chemin est fermé pour cause de chasse à l’orignal. Je profite d’avoir été précédé par un couple que j’ai croisé sur le parking pour partager notre inconscience de poursuivre le chemin. J’ai bien fait de prendre mon bonnet réversible orange fluo même si, vu la couleur du feuillage environnant, ça ne doit pas être si pertinent…</p> | |||
<figure> | |||
<a href="#feuilles-rouges-brouillard" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rouges-brouillard.jpg" alt="Une forêt, rouge, dans le brouillard." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rouges-brouillard"> | |||
<img src="/static/david/2021/feuilles-rouges-brouillard.jpg" alt="Une forêt, rouge, dans le brouillard." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>L’ambiance est de toute beauté mais je n’en mène pas large pour autant, une balle pour orignal c’est gros.</figcaption> | |||
</figure> | |||
<p>Je passe sur mes réflexions misanthropiques du moment et j’ai de toute façon tellement de choses à penser, <a href="/david/2021/10/07/" title="Consigner">autant</a> <a href="/david/2021/10/09/" title="Slowgrégateur">techniques</a> <a href="/david/2021/09/16/" title="Analphabète">que</a> <a href="/david/2021/03/14/" title="Impôts">très</a> <a href="/david/2021/09/01/" title="Rentrée">personnelles</a>, que mon cerveau va être difficile à calmer cette fois. Pour faire du bruit, je sifflote en continu « Dans sa maison un grand cerf ». En espérant qu’il·les n’aient pas de balle à troll.</p> | |||
<figure> | |||
<a href="#feuilles-rouges-brouillard-lac" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rouges-brouillard-lac.jpg" alt="Une forêt, rouge, et un lac dans le brouillard." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rouges-brouillard-lac"> | |||
<img src="/static/david/2021/feuilles-rouges-brouillard-lac.jpg" alt="Une forêt, rouge, et un lac dans le brouillard." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>J’arrive à un lac, parfait pour une petite collation.</figcaption> | |||
</figure> | |||
<p>Je marche encore quelques heures, la progression est difficile avec les feuilles détrempées qui jonchent un sol inégal devenu invisible. Je m’astreins à rester sur le sentier, ce n’est pas le moment de faire du zèle…</p> | |||
<p>Le couple est arrivé avant moi au refuge et je ne me sens pas d’aller les déranger en dépit de la menace. Je continue en espérant trouver un coin sympa au bord du lac. En arrivant enfin à un endroit convenable, je manque de marcher sur un co-locataire alors je lui tire le portrait.</p> | |||
<figure> | |||
<a href="#feuilles-rouges-crapaud" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rouges-crapaud.jpg" alt="Un crapaud et des feuilles rouges (oui il y a une constance)." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rouges-crapaud"> | |||
<img src="/static/david/2021/feuilles-rouges-crapaud.jpg" alt="Un crapaud et des feuilles rouges (oui il y a une constance)." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Crapaud, crapaud ouvre moi, ou le chasseur… #OhWait.</figcaption> | |||
</figure> | |||
<p>Je remarque qu’il a de la nourriture directement posée sur la tête. Il y a d’autres téméraires dans cette forêt.</p> | |||
<figure> | |||
<a href="#feuilles-rouges-crapaud-insecte" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rouges-crapaud-insecte.jpg" alt="Un crapaud avec un insecte posé sur la tête." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rouges-crapaud-insecte"> | |||
<img src="/static/david/2021/feuilles-rouges-crapaud-insecte.jpg" alt="Un crapaud avec un insecte posé sur la tête." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>YOLO.</figcaption> | |||
</figure> | |||
<p>Il y a des empreintes et des bouses d’orignal partout. Je réalise que j’ai choisi de faire une randonnée dans une <a href="https://fr.wikipedia.org/wiki/Zone_d%27exploitation_contr%C3%B4l%C3%A9e">Zone d’exploitation contrôlée</a> (ZEC) en période de chasse, pas non plus très malin de ma part.</p> | |||
<p>Le temps est toujours à la grisaille et je suis content d’avoir pris la tente. Ça finit par se lever en soirée alors que ça commence à tirer dans tous les coins. Je me dis que je serai moins exposé une fois couché…</p> | |||
<figure> | |||
<a href="#feuilles-rouges-lune" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/feuilles-rouges-lune.jpg" alt="La lune au-dessus de la forêt." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="feuilles-rouges-lune"> | |||
<img src="/static/david/2021/feuilles-rouges-lune.jpg" alt="La lune au-dessus de la forêt." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>#MontreTaLune.</figcaption> | |||
</figure> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,340 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #neige — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #neige"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #neige</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/09/" title="Lien permanent vers cet article">Calme</a> (2021-02-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je profite d’une journée pédagogique de l’enfant pour faire ma <a href="/david/2020/01/29/">sortie ski</a> annuelle. Même endroit, presque la même date, le monde a changé, la température non. Il y a un cadenas sur le refuge. On ne se réfugie plus aujourd’hui, on paye et on réserve une exclusivité. Un refuge qui exclut. <em>On en est là.</em></p> | |||
<p>Je me souviens l’année dernière avoir pu <a href="/david/2020/01/29/#refugie">accueillir une personne</a>, je ne sais pas si j’aurais fait le même choix dans les conditions actuelles. Cela me rend triste.</p> | |||
<p>Je décide d’y aller sans équipement vidéo, pour le fun, mon Kalimba sous le bras (j’apprends en voulant faire un lien qu’il s’agit en fait d’un <a href="https://fr.wikipedia.org/wiki/Mbira">Mbira</a> d’origine africaine). Malheureusement, le calme n’était pas de la partie pour autant, mes pensées étant focalisées sur la suite j’ai du mal à rester dans le présent.</p> | |||
<p>C’était tout de même une bien belle sortie, j’en suis revenu épuisé et heureux. L’avantage de vieillir, c’est que ton corps te rappelle plusieurs jours de suite que tu t’es bien dépensé !</p> | |||
<figure> | |||
<a href="#ski_de_fond" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ski_de_fond.jpg" alt="Piste de ski de fond" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ski_de_fond"> | |||
<img src="/static/david/2021/ski_de_fond.jpg" alt="Piste de ski de fond" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<figcaption>Une piste aussi sinueuse que mes pensées.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/02/10/" title="Lien permanent vers cet article">Retraite</a> (2021-02-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais sous prétexte que ça ne va pas révolutionner leur vie, beaucoup se privent de ces petites victoires volées sur le quotidien parce que « ça ne changera rien ». Mais si ça change ! Naturellement. À trop viser de grandes victoires futures, <mark>on en oublie de saisir celles qui sont à portée de main</mark>. Elles sont pourtant le carburant des grandes épopées de demain : sans elles, comment poursuivre, toute une vie durant, des aspirations qui semblent si loin ? Ou <em>a contrario</em>, sans elles, comment réaliser que parvenir est devenu superflu… Puisqu’on est déjà si bien.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Sur les pistes, je ne croise que quelques personnes manifestement retraitées. Je me demande si j’en suis une. Pas dans le sens <abbr title="Financial Independence, Retire Early">FIRE</abbr> qui semble avoir du succès chez les personnes à hauts salaires — comme les développeurs et développeuses. Plutôt en ayant des choix de vie me permettant d’avoir des pratiques de retraité dès maintenant.</p> | |||
<p>Petit plaisir du jour : avoir créé un nuage en lançant de l’eau à ébullition en l’air lorsqu’il fait « frête ». Je ne l’avais jamais fait et c’était plaisant, d’autant que non prémédité (je faisais la vaisselle en m’aidant du poêle).</p> | |||
<figure> | |||
<a href="#refuge_corbeau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="refuge_corbeau"> | |||
<img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<figcaption>Les couleurs par -22°C sont toujours aussi magnifiques.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/02/20/" title="Lien permanent vers cet article">Apaisement</a> (2021-02-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ma conviction est également que ce n’est pas au plus fort de l’urgence, dans un contexte de pénurie et de violence, que l’on organise des réseaux d’entraide, qu’on conceptualise un horizon de société, qu’on trouve un sursaut de dignité et qu’on se fixe des principes politiques. La solidité de l’organisation collective et des réseaux de solidarité dépendra de la fiabilité des ressources appelées à remplacer l’industrie agroalimentaire et pétrolière, et celles-ci ne s’inventeront pas quand il s’agira de survivre. <mark>C’est aujourd’hui que l’après se construit.</mark></p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>On me demande souvent pourquoi est-ce que je suis au Canada (venant autant de français·es que de québécois·es). Et c’est une réponse difficile. J’ai du mal à décrire l’« ambiance » d’un lieu de vie. Pour les personnes le partageant, elle est difficile à rendre tangible tant elle semble naturelle. Pour les personnes distantes, c’est tout de suite l’exotisme et ses clichés. J’avais la même difficulté — si ce n’est plus — pour le Japon.</p> | |||
<p>Je crois que la prochaine fois, je répondrai que ce lieu me procure <em>une forme d’apaisement</em>. Je ne sais pas comment justifier une telle émotion et j’ai bien conscience qu’il y a une attente de cet ordre lorsqu’on me pose cette question. Tant pis pour la curiosité.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/21/" title="Lien permanent vers cet article">Jour 1</a> (2021-02-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>S’enforester (pronominal) :</p> | |||
<ol> | |||
<li>Se couvrir de forêt.</li> | |||
<li>Entrer en forêt.</li> | |||
</ol> | |||
<p><cite><a href="https://fr.wiktionary.org/wiki/enforester">Sur le wiktionnaire</a></cite></p> | |||
</blockquote> | |||
<p>Je me réveille avec un beau soleil, motivé pour enfin aller dormir dans la forêt. J’aime ce milieu d’hiver lorsque le corps est acclimaté et les jours se rallongent. Malheureusement, arrivé sur place le parking municipal n’est pas déneigé et il y a plus d’un mètre de neige. Je me replie sur celui situé à trois kilomètres de là, un bon échauffement, surtout que ça monte !</p> | |||
<p>Le chemin à proprement parler commence par une autoroute à motoneiges/quads qui requiert mon attention sur les premiers kilomètres, il y au moins un avantage à cela : la neige a été tassée. J’en profite pour me demander encore une fois comment on peut prendre du plaisir à être aussi bruyant tout en cramant des énergies fossiles. Me rappeler que je suis arrivé jusque là en <abbr title="Sport Utility Vehicle">SUV</abbr> qui consomme 12 L/100 km… et je ne compte même pas le nombre d’esclaves qu’il a fallu pour construire mon équipement.</p> | |||
<p>J’arrive enfin à l’endroit où je voulais bifurquer pour traverser le lac et rejoindre l’emplacement repéré cet été en raft. La bonne nouvelle c’est que la glace est solide… la moins bonne c’est qu’il y a bien 60 cm de neige très poudreuse par-dessus ! Même avec des raquettes extra larges c’est limite avec mon chargement. Je m’amuse à faire des prises de vue sans rien voir sur l’écran à cause de la réverbération. Je vais apprendre au montage ce que l’on appelle un <em>focus breathing</em> et me jurer de ne plus jamais me mettre en auto-focus pour faire des vidéos. Apprentissage.</p> | |||
<p>Arrivé à l’emplacement, je suis mouillé. Notamment car les conditions font que l’arrière de mon pantalon noir faisait fondre la neige au cours du cheminement en raquettes dos au soleil (dommage lorsqu’on a des guêtres dans le sac). Je me dis qu’il va falloir faire un feu pour sécher tout cela, d’autant que j’ai oublié de prendre mon vêtement coupe vent pour la soirée (un changement de plan au moment du départ… un peu trop précipité). J’arrête de faire des vidéos car j’ai trop besoin d’être efficace avant la nuit, le campement et la sécurité avant les petits plaisirs.</p> | |||
<p>Le soirée est relativement chaude pour la saison, ça ne descend pas en-dessous des -10 °C, la lune est pleine et le silence est incroyable. <em>Je me sens à la fois petit et vivant.</em> Je m’endors en regardant crépiter le feu et en espérant ne pas me réveiller avec une montagne de neige sur le tarp.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/22/" title="Lien permanent vers cet article">Jour 2</a> (2021-02-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Sans avoir nécessairement connu une histoire douloureuse, d’autres ont choisi la discrétion, la solitude, le « recours aux forêts » ou au <em>wilderness</em> <mark>pour trouver un apaisement que le lien social ne leur donnait pas</mark>. Ils ne sont pas misanthropes, mais leur goût du silence, de l’intériorité, de la sobriété l’emporte sur les avantages du lien social.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Je me réveille sans un seul flocon, la météo s’était une fois de plus trompée, <em>yay!</em> Je ne fais quand même pas trop le malin car je sens que ça arrive, je suis relativement protégé sous les arbres mais je me dépêche d’allumer un feu et de ranger mes affaires. Note pour plus tard : mettre son pantalon sur ses chaussures pour ne pas qu’elles se remplissent de neige est une bonne idée, mais des chaussures en cuir mouillées et tordues, une fois gelées c’est moins pratiques à enfiler le matin venu…</p> | |||
<p>Je me rends compte en démontant le camp qu’il y aurait des choses à montrer : orientation, arrimage, aplanissement, stratégie de lutte contre le froid, etc. La gestion du bois/feu est importante aussi, surtout lorsqu’il s’agit de faire fondre de la neige pour pouvoir boire. Je garde ces idées en tête pour une prochaine sortie. Si vous avez d’autres suggestions/questionnements n’hésitez pas.</p> | |||
<p>Au moment du départ, ça se met à tomber assez dru, je suis bien content d’avoir finalement opté pour un boitier à l’épreuve des éléments. Par contre, le seul objectif que j’ai emporté ne l’est pas et se rempli assez rapidement de neige/glace, surtout que chaque prise de vue est doublée le temps de faire l’aller-retour. Aussi, je suis impressionnée par la batterie qui a tenu 24 heures sous des températures négatives. Ça ouvre des perspectives.</p> | |||
<p>Je souris en marchant sous la tempête de neige, c’est humide mais pas froid, surtout dans l’effort. Je reviens sur mes pas, il me reste 40 secondes de film disponibles sur la carte mémoire. <em>Une bien belle sortie.</em> C’est rare que tout se déroule aussi bien en hiver, j’apprécie.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/24/" title="Lien permanent vers cet article">Précipitation</a> (2021-02-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Après beaucoup d’hésitations à le publier, voici finalement le résultat de ces <a href="/david/2021/02/21/" title="Jour 1">deux</a> <a href="/david/2021/02/22/" title="Jour 2">jours</a> dans la forêt. Le <a href="/david/2021/02/23/" title="Montage">montage</a> n’aura pas été facile mais à force de tâtonner j’ai l’impression de trouver aussi ce que j’ai envie de partager et la façon dont j’ai envie de le faire. Cette exploration sera manifestement assez longue et ça n’est pas pour me <a href="/david/2021/02/16/" title="Éponge">déplaire</a>, j’espère ne pas vous faire endurer des images trop douloureuses d’ici là 😅.</p> | |||
<p>La vidéo sur Vimeo : <a href="https://vimeo.com/516515235/45826baa92">Précipitation</a> (il faudra que je tente un <a href="https://github.com/luwes/lite-vimeo-embed">lite embed</a> à un moment).</p> | |||
</details> | |||
<h2><a href="/david/2021/11/22/" title="Lien permanent vers cet article">Jour 2</a> (2021-11-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le vrai journal est écrit dans la mer et dans le ciel, <mark>on ne peut pas le photographier</mark> pour le donner aux autres. Il est né peu à peu de tout ce qui nous entoure depuis des mois, les bruits de l’eau sur la carène, les bruits du vent qui glisse sur les voiles, les silences pleins de choses secrètes entre mon bateau et moi, comme lorsque j’écoutais parler la forêt quand j’étais gosse.</p> | |||
<p><cite><em>La longue route</em>, Bernard Moitessier</cite></p> | |||
</blockquote> | |||
<p>Je me suis réveillé 5 fois dans la nuit. Ce n’était pas pour vérifier le pilote automatique du voilier mais pour remettre une bûche dans le poêle. À chaque milieu ses contraintes… et son manque de sommeil. Cela m’a permis de dormir en t-shirt, la prochaine fois je m’abstiendrai de porter un duvet pour ce refuge dont le poêle est surdimensionné… mais qu’il faut tout de même alimenter en continu pour éviter qu’il ne s’éteigne !</p> | |||
<p>J’attends que la pleige (sorte de neige très liquide) s’arrête pour quitter le refuge. Je démarre sous le soleil <em>et</em> la grêle. #Canada</p> | |||
<figure> | |||
<a href="#ouareau-chemin-neige" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-chemin-neige.jpg" alt="Un chemin, sous la neige." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-chemin-neige"> | |||
<img src="/static/david/2021/ouareau-chemin-neige.jpg" alt="Un chemin, sous la neige." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Pas de meilleure motivation que le soleil pour arriver en haut d’une crête !</figcaption> | |||
</figure> | |||
<p>J’ai prévu de faire une longue crête et je me rappelle aussi qu’il me restait à explorer un lac en contrebas, de l’autre côté, où j’espère trouver un emplacement pour de nouvelles aventures. Mes efforts sont récompensés car il y a effectivement de quoi mettre une tente et/ou un hamac. Il y a même une sorte de cuvette aménagée pour pouvoir faire trempette sur le petit cours d’eau à côté. Limite du <em>glamping</em>. Je suis joie.</p> | |||
<figure> | |||
<a href="#ouareau-lac-braque" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-braque.jpg" alt="Lac braque, gelé avec son barrage de castor au premier plan." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-braque"> | |||
<img src="/static/david/2021/ouareau-lac-braque.jpg" alt="Lac braque, gelé avec son barrage de castor au premier plan." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Pour le moment, il faut creuser si on veut pouvoir se baigner.</figcaption> | |||
</figure> | |||
<p>Je remonte sur la crête et avec le vent ça commence à crouter sévère. Le soleil se voile et la température chute, je dois absolument redescendre de l’autre côté avant que ça devienne ingérable. Je prends un raccourci. Le ruisseau aussi et j’ai rapidement les pieds trempés. Heureusement qu’il ne fait que -5°C mais ce n’est pas le moment de se faire mal. Je rejoins une piste de ski de fond qui me permet d’augmenter la cadence et de me réchauffer.</p> | |||
<figure> | |||
<a href="#ouareau-point-de-vue" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-point-de-vue.jpg" alt="Point de vue depuis la crête." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-point-de-vue"> | |||
<img src="/static/david/2021/ouareau-point-de-vue.jpg" alt="Point de vue depuis la crête." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>J’espère dormir un jour sur cet à plat en contrebas. #YouDidNotSleepThere</figcaption> | |||
</figure> | |||
<p>J’arrive à un abri où j’envisageais initialement de passer la nuit. Je me fais une soupe miso pour me réchauffer de l’intérieur, il faudrait que je change au moins de chaussettes. Je suis rejoins par deux personnes qui vont y dormir cette nuit, ce seront mes seules rencontres ce jour. Elles ont l’air contentes d’être là, moi aussi.</p> | |||
<blockquote> | |||
<p>Assis sur la chaise du poste de pilotage intérieur, je regarde l’eau phosphorescente à travers les hublots de la coupole qui protège des déferlantes et m’en rapproche. Je suis presque arrivé au tournant de ma route. Je sais, depuis l’océan Indien, que je ne veux plus rentrer là-bas.</p> | |||
<p>[…]</p> | |||
<p>Et jusqu’au Horn, ne pas regarder autre chose que mon bateau, petite planète rouge et blanc faite d’espace, d’air pur, d’étoiles, de nuages et de liberté dans son sens le plus profond, le plus naturel. Et oublier totalement la Terre, ses villes impitoyables, ses foules sans regard et sa soif d’un rythme d’existence dénué de sens. Là-bas… si un marchant pouvait éteindre les étoiles pour que ses panneaux publicitaires se voient mieux dans la nuit, peut-être le ferait-il ! <mark>Oublier tout ça.</mark></p> | |||
<p>Ne vivre qu’avec la mer et mon bateau, pour la mer et pour mon bateau.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,468 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #open-source — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #open-source"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #open-source</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/18/" title="Lien permanent vers cet article">Textcasts</a> (2021-01-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>It’s like podcasts — but for reading.</p> | |||
<p><cite><em><a href="https://netnewswire.com/">Free and Open Source RSS Reader for Mac and iOS</a></em> (<a href="/david/cache/2021/21d3daabe37170d236d2714df3b872fb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est assez marrant qu’un agrégateur que j’utilise depuis avant l’apparition des <em>podcasts</em> puisse se définir ainsi. Et justement, je rêve d’un agrégateur qui me permette de m’abonner à un <em>podcast</em> et d’en recevoir la version texte. <strong>J’ai essayé pas mal de pistes.</strong> Il y <a href="https://hyperaud.io/">en</a> <a href="https://trint.com/">a</a> <a href="https://www.descript.com/">des</a> <a href="https://www.simonsays.ai/">payantes</a> qui supportent plus ou moins bien le français. J’ai aussi <a href="https://mastodon.social/@dav/105458605863317409">tout un fil</a> où je tente de le faire avec des outils <em>open-source</em> (notamment <a href="https://deepspeech.readthedocs.io/en/latest/">Deepspeech</a> et <a href="https://alphacephei.com/vosk/">Vosk</a>) sans arriver à quoi que ce soit de potable.</p> | |||
<p>Si jamais vous avez le même problème et une solution utilisable-mais-pas-trop-chère, je prends. Il faudrait que je fasse un comparatif des différents services payants trouvés. Ça pourrait même faire un chouette épisode de <em>podcast</em> #ohWait.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/08/" title="Lien permanent vers cet article">NetNewsWire</a> (2021-04-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Or: skip helping us, and, instead, help people who need help more than we do. Those people should not be hard to find.</p> | |||
<p><cite><em><a href="https://github.com/Ranchero-Software/NetNewsWire/blob/main/Technotes/HowToSupportNetNewsWire.markdown">How to Support NetNewsWire</a></em> (<a href="/david/cache/2021/2c6e22e52c34c94f8a4b8d567aacf0fa/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça fait longtemps que je veux parler <a href="/david/2021/01/18/" title="Textcasts">un peu plus</a> de <a href="https://netnewswire.com/">cet agrégateur</a> de <a href="/david/blog/2019/flux-rss/">flux RSS</a> qui est léger et rapide. La dernière mise à jour permet enfin d’agrandir le texte ce qui m’est essentiel pour avoir <a href="/david/blog/2014/dos-posture/">une posture adéquate</a>. Il est aussi possible d’aller chercher le contenu pour les flux tronqués (ça passe par un service tiers) ce qui me permet de rester dans un environnement qui m’est lisible <em>et</em> de rester concentré. Si vous êtes pommé·e, je recommande.</p> | |||
<p>J’en profite pour rappeler que la beauté d’un format ouvert c’est qu’il suffit d’exporter son OPML (la liste des flux auxquels on est abonné) puis de l’importer dans un nouvel agrégateur pour pouvoir tester sans soucis de compatibilité. Imaginez une telle inter-opérabilité entre abonnements de réseaux sociaux propriétaires. On s’entend que vous ne pouvez qu’imaginer :-).</p> | |||
</details> | |||
<h2><a href="/david/2021/05/25/" title="Lien permanent vers cet article">Mérite</a> (2021-05-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>D’une part il s’agit de faire reculer à l’arrière plan et si possible d’effacer le récit d’un naufrage.</strong> Naufrage qui est celui de la gestion « technique » des données de la pandémie et de la capacité des services de l’état à produire des applications et des services à la hauteur de la crise et des urgences. […] Plus on parlera de la réussite des outils déployés par Guillaume Rozier et plus on pourra souligner de manière opportune à quel point les services de l’état, à défaut d’être en capacité d’en produire de pareille qualité, se sont fait un point d’honneur de les utiliser au mieux et de les « valoriser » et même de leur avoir permis d’exister.</p> | |||
<p>[…]</p> | |||
<p><mark>Effacer les échecs et les errances du régalien donc.</mark> Et puis <strong>d’autre part, il s’agit d’enfoncer encore un peu plus le récit libéral de la réussite individuelle.</strong> « Regardez » nous dit-on, « regardez ce que ce jeune ingénieur sorti de nulle part et sans aucune aide publique à réussi à mettre en place tout seul, et tout en continuant de travailler à côté !! » Et alors, mais alors seulement, attendez-vous à la reconnaissance de la nation.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/05/guillaume-rozier-chevalier-scraper.html">Guillaume Rozier : le chevalier Scraper et sans reproches.</a></em> (<a href="/david/cache/2021/d786e761d41716e6074a9345a2610dbf/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Olivier Ertzscheid tape malheureusement trop juste. Bien sûr que je me réjouis que les outils de Guillaume Rozier soient aussi populaires et fassent la promotion de l’OpenData et de la transparence et de la puissance de l’OpenSource et tout ça. Mais — et je ne peux pas trop en dire — c’est quand même bien frustrant de se dire que c’est un palliatif à l’inefficacité (interne) et au manque de vision de l’État.</p> | |||
<p>J’ai parfois l’impression d’être au pied du moulin. Et de me rendre compte qu’il fait 300 mètres de haut. Tou·tes les fonctionnaires de France ont un sacré <em>mérite</em> par les temps qui courent…</p> | |||
</details> | |||
<h2><a href="/david/2021/06/20/" title="Lien permanent vers cet article">Contribution</a> (2021-06-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Similar to SQLite, Litestream is open source but closed to code contributions. This keeps the code base free of proprietary or licensed code but it also helps me continue to maintain and build Litestream.</p> | |||
<p>As the author of BoltDB, <mark>I found that accepting and maintaining third party patches contributed to my burn out</mark> and I eventually archived the project. Writing databases & low-level replication tools involves nuance and simple one line changes can have profound and unexpected changes in correctness and performance. Small contributions typically required hours of my time to properly test and validate them.</p> | |||
<p>I am grateful for community involvement, bug reports, & feature requests. I do not wish to come off as anything but welcoming, however, I've made the decision to keep this project closed to contributions for my own mental health and long term viability of the project.</p> | |||
<p><cite><a href="https://github.com/benbjohnson/litestream#open-source-not-open-contribution">Open-source, not open-contribution</a></cite></p> | |||
</blockquote> | |||
<p>Je ne crois pas avoir déjà croisé une annonce du genre. Je ne suis pas sûr de savoir quoi en penser. Toujours <a href="/david/2021/06/04/" title="Lâche(r-prise)">cet entre-deux</a> incertain entre les différentes échelles et prises de soins respectives.</p> | |||
<p><mark>Note après publication :</mark></p> | |||
<p>Mathieu m’indique que le <a href="https://elm-lang.org/">langage Elm</a> a un mode de contribution un peu similaire par « paquets » :</p> | |||
<blockquote lang="en"> | |||
<p>The major benefit of batching is that the review process is <em>structured</em> for coherent design. By allowing time for folks to share their experiences and suggestions, it becomes possible to consider them all together and better balance their needs. Shifting towards real-time responses on everything would necessarily degrade the overall design quality.</p> | |||
<p><cite><em><a href="https://github.com/elm/expectations/blob/master/batching.md#batching">Batching</a></em> (<a href="/david/cache/2021/34dbd7a73608c6cde4adf12c4a7084c0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/26/" title="Lien permanent vers cet article">Hybris</a> (2021-06-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>If you ever wanted to host your own wikipedia replica, here is the simplest way.</p> | |||
<p>As wikipedia is REALLY huge, you don’t really want to host a php wikimedia software and load the huge database, instead, the project made the <em>openzim</em> format to compress the huge database that wikipedia became while allowing using it for fast searches.</p> | |||
<p><cite><em><a href="https://dataswamp.org/~solene/2019-11-13-wikimedia-dump.html">Host your own wikipedia backup</a></em> (<a href="/david/cache/2021/626841dd876f103a10391b1b841ba5ae/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a un côté plaisant à se dire que je pourrais avoir une partie du savoir collectif actuel contenu sur un simple disque dur qui n’est de toute façon même plus assez gros pour faire des sauvegardes personnelles dessus.</p> | |||
<p>Pour avoir les étapes en français et localement aussi :</p> | |||
<ol> | |||
<li>Aller sur la <a href="https://wiki.kiwix.org/wiki/Content_in_all_languages">page des archives kiwix</a> et récupérer les sources intéressantes (par exemple <code>wikipedia (English) all nopic</code> (43 Go) ou <code>wikipedia (français) all maxi</code> (29 Go)).</li> | |||
<li>Installer <a href="https://pypi.org/project/zimply/">zimply</a>, par exemple avec <code>python3 -m venv venv</code> puis <code>source venv/bin/activate</code> et enfin <code>pip install zimply</code>.</li> | |||
<li>À cette étape, j’aimerais pouvoir faire un <code>python -m zimply monfichier.zim</code> mais il n’a pas été codé avec ce cas d’usage, il faut donc en passer par l’écriture d’un petit script dédié :</li> | |||
</ol> | |||
<pre><code>from zimply import ZIMServer | |||
import sys | |||
import os.path | |||
if len(sys.argv) == 1: | |||
print("usage: " + sys.argv[0] + " file") | |||
exit(1) | |||
if os.path.exists(sys.argv[1]): | |||
ZIMServer(sys.argv[1]) | |||
else: | |||
print("Can't find file " + sys.argv[1]) | |||
</code></pre> | |||
<p><em>C’est exactement celui de l’article original, encore une fois je ne fais que copier, le crédit revient à Solène Rapenne.</em></p> | |||
<p>Et enfin, la dernière étape consiste à servir notre archive (ça peut prendre quelques secondes selon la taille que vous avez choisie) : <code>python zim_server.py monfichier.zim</code> qui vous invite à aller voir ce qu’il se passe sur <a href="http://localhost:9454/">http://localhost:9454/</a>.</p> | |||
<p>Et pendant ce temps là en Croatie…</p> | |||
<blockquote> | |||
<p>De 2011 à 2020, Wikipedia Croatie a été « prisonnier » d’un groupe d’une vingtaine d’administrateurs de l’encyclopédie. « Wikipedia Croatie avait reçu beaucoup d’attention à cause de sa tendance à promouvoir des points de vue fascistes, des biais contre les Serbes de Croatie, et une propagande anti-LGBT », a écrit la fondation Wikimedia dans un rapport publié le 21 juin 2021. Les accusions sont nombreuses, et les faits tout aussi graves et impressionnants.</p> | |||
<p>Pendant une dizaine d’années, ce groupe d’administrateurs a cherché à imposer ses « idées ». Que ce soit en occultant certains faits, en supprimant des passages ou en créant de toute pièce de nouveaux articles, ils ont promu leur vision du monde : une vision d’extrême droite, et nationaliste.</p> | |||
<p><cite><em><a href="https://www.numerama.com/politique/721329-des-administrateurs-dextreme-droite-ont-manipule-les-articles-de-wikipedia-croatie-pendant-10-ans.html">Des administrateurs d’extrême droite ont manipulé les articles de Wikipedia Croatie pendant 10 ans</a></em> (<a href="/david/cache/2021/1f9f4eb2d926148640ef831f28335380/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/08/" title="Lien permanent vers cet article">Copilot</a> (2021-07-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>GitHub recently announced a tool called Copilot, a tool which uses machine learning to provide code suggestions, inciting no small degree of controversy. One particular facet of the ensuing discussion piques my curiosity: what happens if the model was trained using software licensed with the GNU General Public License?</p> | |||
<p><cite><em><a href="https://drewdevault.com/2021/07/04/Is-GitHub-a-derivative-work.html">Is GitHub a derivative work of GPL’d software?</a></em> (<a href="/david/cache/2021/0bb6418a58c977e7b142597213f6225d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les <a href="https://mjtsai.com/blog/2021/07/07/github-copilot-and-copyright/">réactions ont été assez salées</a> (<a href="/david/cache/2021/05391381e6590e32184162110762aa62/">cache</a>) — et à juste titre ! — suite à cette annonce, et je ne parle même pas des <a href="https://fossbytes.com/github-copilot-generating-functional-api-keys/"><em>bugs</em> fâcheux</a> (<a href="/david/cache/2021/b7e5f13409115890c2478466f01369d8/">cache</a>) lors de cet apprentissage. Pour ma part, ça m’a fait glousser que Microsoft fasse du blanchiment de code sous GPL, mais c’est probablement car je commence à me faire vieux.</p> | |||
<p>Il y a tout de même une approche séduisante à imaginer une façon hybride de produire du code. J’y vois un parallèle avec les <a href="/david/2021/06/19/" title="Échecs">échecs</a> et le fait que ce soit la combinaison humain + machine qui devienne la plus puissante (passé un certain niveau permettant de comprendre les propositions de l’ordinateur, c’est une condition importante). Il n’y a probablement pas tout à jeter dans cette exploration, j’aimais bien aussi l’idée d’<a href="https://github.com/drathier/stack-overflow-import">importer directement depuis StackOverflow</a> sans même savoir ce qu’il y a dans la fonction. De <em>batteries included</em> à <em>copy-pasta included</em>, cela introduit une notion de confiance sociale et technique :-).</p> | |||
<p>Je n’en reste pas moins fidèle à <a href="https://www.sublimetext.com">SublimeText</a>, j’ai besoin d’un éditeur fonctionnel et rapide.</p> | |||
<blockquote> | |||
<p>À mon sens, les réformateurs ont causé plus de tort à eux seuls que n’importe quelle autre force dans toute l’histoire humaine. Montrez-moi quelqu’un qui déclare : « Tout cela doit être changé » et vous aurez devant vous une tête gonflée d’intentions pernicieuses qui n’ont aucun autre exutoire. Ce que nous devons au contraire nous efforcer de faire toujours, c’est découvrir les cours naturels des choses et nous y insérer sans heurt.</p> | |||
<p><cite><em>Révérende Mère Taraza, Extrait d’une convention</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/11/" title="Lien permanent vers cet article">Pré-requis</a> (2021-08-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You can <em>choose</em> to make it really complicated. Convince yourself that “the modern web” is inherently complex and convoluted. But then look at what makes it complex and convoluted: toolchains, build tools, pipelines, frameworks, libraries, and abstractions. Please try to remember that none of those things are required to make a website.</p> | |||
<p>This is for everyone. Not just for everyone to consume, <mark>but for everyone to make.</mark></p> | |||
<p><cite><em><a href="https://adactio.com/journal/18337">Foundations</a></em> (<a href="/david/cache/2021/b2c393ba384ba80f2361dc7652d50de3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suivi de :</p> | |||
<blockquote lang="en"> | |||
<p>It feels like the web we’re making now is a web designed for commercial interests. The reason we get CSS grid or the JS APIs of ES6,7, and 8 has more to do with how companies want to build and deliver software over the web than it does with <mark>how individuals want to connect and communicate</mark> with each other over the web.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2021/browsers-and-representation/">Browsers and Representation</a></em> (<a href="/david/cache/2021/13e573e5b0ffc244ac700dba6c7b8bd1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>À quoi ressemblerait un navigateur du peuple pour le peuple ? Qu’est-ce qui pourrait être ajouté/retiré ? Quelle en serait sa gouvernance ? Quelle serait l’échelle d’usage/développement qui nous semblerait acceptable avant d’essaimer ?</p> | |||
<p>Qu’il est inconfortable de se poser toutes ces questions :-).</p> | |||
<blockquote> | |||
<p>C’était là une approche typiquement mentat : se concentrer uniquement sur les questions. Les mentats accumulaient les questions comme d’autres avaient tendance à accumuler les réponses. <mark>Les questions créaient leurs propres trames et leurs propres systèmes.</mark> C’était cela qui aboutissait aux <em>formes</em> reconnaissables. Chacun voyait son univers à travers des trames qui s’étaient créées d’elles-mêmes, composées d’images, de mots, de désignations (parfaitement temporaires), le tout mêlé en un faisceau d’impulsions sensorielles qui se réfléchissaient sur ces constructions intérieures de la même manière que la lumière était renvoyée sur une surface brillante.<br /> | |||
Le premier instructeur mentat de Duncan Idaho avait élaboré une configuration provisoire de mots pour décrire cette fragile construction : « Surveillez les moindres mouvements significatifs de vos écrans intérieurs. »</p> | |||
<p>[…]</p> | |||
<p>La véritable force d’un mentat résidait dans cette <em>construction</em> mentale que les instructeurs appelaient « la grande synthèse ». Cela requérait une patience que les non-mentats n’auraient même pas pu imaginer. Dans les écoles de mentats, on désignait cela sous le nom de persévérance. Il fallait être un pisteur primitif, capable de déchiffrer les signes les plus infimes, les perturbations les plus minuscules de l’environnement, et de les remonter jusqu’à leur source. En même temps, il fallait demeurer ouvert aux grands mouvements de l’extérieur comme de l’intérieur. Tout cela concourait à produire un état de « réceptivité naïve » qui était l’attitude de base du Mentat, apparentée à celle du Diseur de Vérité, mais beaucoup plus vaste dans son champ d’action.<br /> | |||
« Vous êtes ouvert à tout ce que l’univers pourra décider de faire », disait son premier instructeur. « Votre cerveau n’est pas un ordinateur. C’est un outil de décision couplé à tout ce que vos sens peuvent lui apporter. »</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#nenuphars" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nenuphars.jpg" alt="Deux nénuphars et leurs reflets." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nenuphars"> | |||
<img src="/static/david/2021/nenuphars.jpg" alt="Deux nénuphars et leurs reflets." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>Que cette fleur soit synonyme de protections périodiques m’auto-frustre.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/26/" title="Lien permanent vers cet article">Ambivalence</a> (2021-08-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This is just what I’m used to nowadays – not using a technology because it’s the best-in-class or makes my life easier, but because it meets some high-minded criteria about how I think software should be: privacy-respecting, open-source, controlled by the user, etc.</p> | |||
<p>[…]</p> | |||
<p>For the time being, though, <mark>I’m going to keep acting like technology is an enemy</mark> I need to subdue rather than a purveyor of joys and delights.</p> | |||
<p><cite><em><a href="https://nolanlawson.com/2021/08/26/my-love-hate-affair-with-technology/">My love-hate affair with technology</a></em> (<a href="/david/cache/2021/67a6372e0d7e2b65224262106e8318b0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Toujours ce tiraillement très bien exprimé par Nolan Lawson entre l’insouciance des choses qui marchent (mais <a href="https://edwardsnowden.substack.com/p/all-seeing-i">on ne décide pas de la direction dans laquelle</a> (<a href="/david/cache/2021/9a458e7f3ad00b45d36511666ee29021/">cache</a>) elles vont) et la friction répétée d’outils qui ne prennent pas suffisamment soin des personnes trop éloignées — à différents niveaux et parfois de manière légitime — de l’équipe qui développe.</p> | |||
<p>Ces deux modèles encouragent des modèles de société différents et aucun des deux ne me convient. D’un côté des multi-milliardaires qui bousillent la planète, de l’autre des <em>tech bro</em> qui acquièrent un pouvoir soci·ét·al non négligeable (je caricature, #NotAllDevs, toussa). Ce n’est probablement pas le même ordre de grandeur mais ça me questionne pas mal quand même. Au milieu de tout ça, il y a probablement <a href="https://framablog.org/2019/12/10/archipelisation-comment-framasoft-concoit-les-relations-quelle-tisse/">des archipels</a> (<a href="/david/cache/2021/ef5bbfde106a3477ff728bf27413672d/">cache</a>) où il fait bon grandir, de manière un peu isolée pour se protéger, un peu entre-soi pour pouvoir se reposer. Ces endroits-refuges sont géniaux et j’ai de bons échanges sur Masto une fois mes interlocuteur·ices choisi·es, trié·es pour être acceptables. Mais peut-on rester insulaire indéfiniment ?</p> | |||
<p>J’ai beaucoup de doutes vis-à-vis de tous ces choix en ce moment. Quels sont les modèles les moins toxiques que je puisse encourager par mon attention ? Et potentiellement mon argent ?!</p> | |||
<p>Par ailleurs, je tombais aujourd’hui (via <a href="https://www.youtube.com/watch?v=ZdWx9_YfxFU">cette vidéo</a>) sur cette citation :</p> | |||
<blockquote> | |||
<p>L’histoire n’est pas quelque chose que l’on peut regarder en se disant « c’est inévitable », elle arrive parce que des gens ont pris des décisions […]</p> | |||
<p><cite>Marsha P. Johnson</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#geai-bleu-envers" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/geai-bleu-envers.jpg" alt="Un geai bleu qui se tient à une branche, à l’envers (pour attraper des bleuets)." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="geai-bleu-envers"> | |||
<img src="/static/david/2021/geai-bleu-envers.jpg" alt="Un geai bleu qui se tient à une branche, à l’envers (pour attraper des bleuets)." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Peut-être faut-il prendre le problème à l’envers : de quoi ai-je besoin ? Vaste sujet.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/05/" title="Lien permanent vers cet article">Silence</a> (2021-09-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Such a transformation of the environment from a commons to a productive resource constitutes the most fundamental form of environmental degradation. […] The task must be undertaken urgently because <mark>commons can exist without police, but resources cannot.</mark> Just as traffic does, computers call for police, and for ever more of them, and in ever more subtle forms.</p> | |||
<p>By definition, resources call for defense by police. Once they are defended, their recovery as commons becomes increasingly difficult. This is a special reason for urgency.</p> | |||
<p><cite><em><a href="http://www.davidtinapple.com/illich/1983_silence_commons.html">Silence is a Commons by Ivan Illich</a>, 1982</em> (<a href="/david/cache/2021/20345aead1f8d541a0819dfc5a0dbc6d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai eu du mal à trouver l’extrait le plus pertinent de cette intervention qui a mon âge et qui n’a pas pris une ride… elle. La clairvoyance d’Illich me surprendra toujours.</p> | |||
<p><mark>Le lendemain</mark>, Llu m’invite à creuser la <a href="https://bribesdereel.net/Spinoza-penser-numerique">piste de Spinoza</a> (<a href="/david/cache/2021/12aa0cc26a4a578b6467414d5250206a/">cache</a>) aussi. Réservé à la bibliothèque.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/24/" title="Lien permanent vers cet article">Représentation</a> (2021-10-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je trouve les possibilités offertes par <a href="https://anvaka.github.io/city-roads/">cet outil</a> vraiment esthétiques. L’image finale est intéressante mais savoir qu’elle est le résultat d’une multitude de réajustement fondée sur le volontariat et le partage lui donne une autre dimension. Je l’imagine en poster avec la signature de milliers d’auteur·ices.</p> | |||
<p>Par exemple <a href="https://anvaka.github.io/city-roads/?q=montreal&areaId=3601634158">pour Montréal</a>, on distingue très bien l’île, flottant au milieu du St Laurent :</p> | |||
<figure> | |||
<a href="#montreal-roads" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="montreal-roads"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<figcaption>Où l’on remarque aussi que l’île ne comporte pas seulement la commune de Montréal (d’où les espaces blancs).</figcaption> | |||
</figure> | |||
<p>Cela donne une idée du poids des routes (répertoriées dans OpenStreetMap) pour une agglomération donnée. On peut aussi y voir l’histoire des différentes remodélisations de la ville (coucou <a href="https://anvaka.github.io/city-roads/?q=barcelona&areaId=3600347950">Barcelone</a>). Il y a plein de choses à (se) représenter grâce à un outil qui n’est techniquement pas si complexe.</p> | |||
<p><em>Attention : pour certaines villes le chargement peut être extrêmement volumineux.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/11/15/" title="Lien permanent vers cet article">SourceHut</a> (2021-11-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This suite of open source tools is the software development platform you’ve been waiting for. We’ve taken the wisdom of the most successful open-source communities and turned it into a platform of efficient engineering tools.</p> | |||
</blockquote> | |||
<p>Ce soir, je (re?)découvre <a href="https://sourcehut.org/">SourceHut</a> et je suis impressionné. C’est <a href="https://forgeperf.org/">rapide</a> et leurs petits outils satellites sont bien pensés. Ça semble être une <a href="https://srht.site">alternative crédible</a> à Microsoft Github Pages et Microsoft Gists pour les <a href="https://paste.sr.ht/">petits bouts de codes</a>.</p> | |||
<p>Pour ce qui est des dépôts en eux-mêmes, cela me demanderait de <a href="https://drewdevault.com/2018/07/02/Email-driven-git.html">revoir mon <em>workflow</em></a> (<a href="/david/cache/2021/ea19b309a39227f6b370ec83e6c63028/">cache</a>) pour passer davantage <a href="https://git-send-email.io">par les courriels</a>, ce qui est potentiellement <a href="https://blog.brixit.nl/git-email-flow-versus-github-flow/">une meilleure pratique</a> (<a href="/david/cache/2021/68c1cb8256a8472b2711a0ffb5e7921e/">cache</a>), davantage décentralisée. Je me demande à quel point ça devient moins accessible à la contribution cela dit, ce qui pourrait être le point le plus bloquant. Je vois bien qu’en ayant ma <a href="https://git.larlet.fr/davidbgk">propre forge</a>, cela réduit les contributions à néant… et je n’ai pas de moyen de comparer avec une présence de ces sources sur Microsoft Github.</p> | |||
<p>Cerise sur le gâteau, niveau culture ça a l’air bien pensé aussi :</p> | |||
<blockquote lang="en"> | |||
<p>Think of SourceHut’s engineering culture as a dynamic, mutual collaboration between equals, who aim to support each other in achieving our shared ambitions in free software. We have essentially attempted to reproduce the FOSS community’s collaboration environment, and to some extent, governance model, in the context of a business.</p> | |||
<p><cite><em><a href="https://man.sr.ht/staff/culture.md">Introduction to SourceHut culture</a></em> (<a href="/david/cache/2021/3b811b75e116cdc0ac8f6f1b2fa60f12/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/24/" title="Lien permanent vers cet article">Souveraineté</a> (2021-11-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<ol> | |||
<li>Recevoir une notification sur Google Mail.</li> | |||
<li>Qui redirige vers un <em>build</em> cassé dans Microsoft Github.</li> | |||
<li>Car il y a un <em>bug</em> dans ce composant Facebook React.</li> | |||
<li>Ouvrir son éditeur Microsoft VSCode.</li> | |||
<li>Faire une recherche sur Google Search.</li> | |||
<li>Trouver une solution sur Google web.dev.</li> | |||
<li>Tester le rendu dans Google Chrome.</li> | |||
<li>Tester le <em>responsive</em> sur Apple Safari mobile.</li> | |||
<li>Pousser le code sur Microsoft Github.</li> | |||
<li>Faire tourner les tests sur Amazon Web Services.</li> | |||
<li>Déployer la pré-production sur Amazon Web Services.</li> | |||
<li>Tester avec son Apple iPhone.</li> | |||
<li>Se féliciter que la production tourne chez OVH 🇫🇷.</li> | |||
<li>Acheter des Google Adwords pour faire connaître le service.</li> | |||
<li>Faire de la publicité ciblée sur Facebook (Instagram).</li> | |||
<li>Enregistrer les retours utilisateur·ices dans une Google Sheet.</li> | |||
<li>Les contacter en utilisant Amazon Simple Email Service</li> | |||
<li>Leur proposer des <em>interviews</em> sur Google Hangouts.</li> | |||
<li>Se demander s’il y a des améliorations à faire pour prendre en compte la nouvelle barre d’URL basse dans Apple Safari mobile.</li> | |||
<li>Etc etc.</li> | |||
</ol> | |||
<p>La liste est une (auto-)critique caricaturale mais pas tant que ça et elle pourrait facilement s’allonger. Il y a un moment où l’hypocrisie de ce processus vis-à-vis de la production de nos <a href="/david/2021/11/14/" title="Captées"><em>capta</em> et <em>tracka</em></a> me pèse plus que d’autres. À quelle souveraineté peut-on prétendre lorsque toute notre chaîne de production est pieds et doigts liée aux GAFAM ?</p> | |||
<p>Je salue chaque initiative qui essaye de s’en extraire et de montrer que d’autres voies sont possibles :</p> | |||
<blockquote> | |||
<p>Comme le montre <a href="https://github.com/etalab/etalab/blob/master/logiciels-libres.md#les-logiciels-libres-utilis%C3%A9s-par-etalab">cette liste</a>, Etalab s’est tôt engagé dans le fait de recourir à des logiciels libres : c’est d’abord cet engagement qui a décidé le pôle logiciels libres à utiliser SourceHut pour publier une partie de ses codes sources. C’est aussi pour montrer qu’il existe d’autres forges que celles envisagées par défaut ou par habitude, et ainsi encourager chaque administration à bien motiver ses choix d’hébergement de code.</p> | |||
<p><cite><em><a href="https://man.sr.ht/~etalab/logiciels-libres/pourquoi-sourcehut.md">Pourquoi le pôle logiciels libres d’Etalab utilise SourceHut</a></em> (<a href="/david/cache/2021/587b80280806281157e5d25c92f7ca68/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,476 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #parentalité — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #parentalité"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #parentalité</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/16/" title="Lien permanent vers cet article">Éponge</a> (2021-02-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Papa, tu as toute la vie pour apprendre !</p> | |||
</blockquote> | |||
<p>C’est toujours surprenant de retrouver ses propres mots.</p> | |||
<p>J’aime ce moment de l’apprentissage où des pans entiers de technique et de savoir-faire s’ouvrent à moi. Je ne cesse de découvrir de nouvelles choses à faire autour de la vidéo, il y a une complexité délirante au cours de toute la <a href="/david/2021/01/19/" title="Chaîne de capture">chaîne de capture</a> mais aussi de montage. L’avantage du domaine, c’est qu’il existe beaucoup de… <a href="https://www.youtube.com/watch?v=wX9KGRHaMEY">vidéos</a> pour apprendre à faire des vidéos !</p> | |||
<p>C’est une absorption à double-tranchant, trop importante et j’explose, trop faible et je ressens un manque.</p> | |||
<p>Lecture inspirante du jour :</p> | |||
<blockquote lang="en"> | |||
<p>In the spirit of “this might be useful to someone else” but also, more so, with the goal of putting some low level peer-pressure on myself, I thought I’d share how I’m trying to structure 2021. Because I like alliterations and repeating things, but also simply because of our calendar, I call it the <mark>Four fours</mark>. Or 4x4x4x4.</p> | |||
<ul> | |||
<li>Four solid hours of knowledge work a day.</li> | |||
<li>Four work days a week.</li> | |||
<li>Four things delivered each week.</li> | |||
<li>Four projects a year.</li> | |||
</ul> | |||
<p><cite><em><a href="https://sentiers.media/four-fours/">Four fours</a></em> (<a href="/david/cache/2021/75dddb3b875088c9e1908a83687e7725/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/30/" title="Lien permanent vers cet article">Timelapse</a> (2021-03-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai enfin pris le temps d’aller me geler deux heures un soir pour faire une vidéo de 20 secondes. C’est le principe de la… <em>timelapse</em> ! Et le pire, c’est que vous n’êtes jamais sûr·e d’y aller un soir où le ciel va être conciliant. Apprentissages de la patience et de la contemplation nous voilà :-). Normalement vous avez déjà <a href="https://vimeo.com/531066432/da724b9b29">vu le résultat</a> car j’ai mis des sons d’oiseaux par-dessus qui avaient été <a href="/david/2021/03/27/" title="Immersion">précédemment captés</a>.</p> | |||
<p>J’ai choisi de faire une photo toute les 10 secondes et de laisser l’appareil en automatique, ce que je ne fais jamais mais je ne savais pas comment m’adapter au cours de la prise de vue sans faire des paliers et/ou tout faire bouger… 500 photos (et 10 Go) plus tard, j’ai décidé que ça suffisait et en fait c’était limite pour en faire une vidéo à part entière. Mais bon je suis toujours dans l’exercice et je me force à publier mes erreurs aussi… #thérapie</p> | |||
<p>Je n’ai pas encore tenté d’animer la prise en combinant avec la <a href="/david/2021/03/21/" title="Gimbal">gimbal</a> mais je vois déjà que ça me prend une bonne partie d’une batterie aussi ça m’inquiète pour des situations où j’ai des contraintes fortes à ce niveau. Au passage, je me demande comment font celleux qui réalisent des <em>timelapses</em> d’aurores boréales, il doit falloir un générateur à côté de l’appareil 😅.</p> | |||
<p>Un truc que je n’avais pas anticipé, c’est que je peux récupérer parmi toutes les prises de vues celles que j’ai envie de garder sous forme de photos. J’en ai gardé 3 pour l’occasion :</p> | |||
<figure> | |||
<a href="#timelapse1" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse1"> | |||
<img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Coucou les bernaches, merci de nous annoncer le printemps <3.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#timelapse2" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse2"> | |||
<img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Le ciel, aussi rouge que le bout de mon nez.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#timelapse3" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse3"> | |||
<img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Le ciel s’éteint et la rivière s’illumine.</figcaption> | |||
</figure> | |||
<hr /> | |||
<p>En revenant à la maison, de nuit :</p> | |||
<blockquote> | |||
<p>— Je pensais que tu nous avais abandonnés. Parce que je fais trop de bruit.</p> | |||
</blockquote> | |||
<p>Il va falloir encaisser ça et travailler cette insécurité, à la fois pour le fils… et le père !</p> | |||
</details> | |||
<h2><a href="/david/2021/04/24/" title="Lien permanent vers cet article">Répartie</a> (2021-04-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><em>[En pleine montée à vélo <a href="https://www.weehoo.ca/">partagé</a>]</em><br /> | |||
— Allez, pousse !<br /> | |||
— Qui ose me déranger dans ma profonde méditation, que le coupable se dénonce.</p> | |||
</blockquote> | |||
<p>Cet enfant aura ma peau… mais avec la manière 😅. Un peu plus tard ce même jour :</p> | |||
<blockquote> | |||
<p>— Qu’est-ce que c’est le Covid long ?<br /> | |||
— C’est quand on continue à être très fatigué et avoir les muscles douloureux bien après avoir eu la Covid.<br /> | |||
— Ah mais en fait maman elle a le Covid long !</p> | |||
</blockquote> | |||
<p>Il n’aura pas que la mienne 🙊😂</p> | |||
</details> | |||
<h2><a href="/david/2021/05/27/" title="Lien permanent vers cet article">Craftsman</a> (2021-05-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You’re on duty til you die, you know, as a craftsman.</p> | |||
<p><cite><em><a href="https://www.youtube-nocookie.com/embed/5wlH4n3guYY">The master craftsman: Shimada Takayuki</a></em>, vidéo Google Youtube</cite></p> | |||
</blockquote> | |||
<p>Il y a souvent ce débat dans la communauté des développeur·euses pour savoir s’il s’agit d’un <em>craft</em>, si on peut être considéré·es comme étant des artisans, etc. Je crois même qu’à un moment je me décrivais ici-même comme étant un « Artisan du Web ». Ce n’est plus le cas aujourd’hui.</p> | |||
<p>Même si on s’amuse sur <a href="https://www.turingtumble.com/">Turing Tumble</a>, je n’ai pas l’intention de transmettre grand chose dans ce domaine. Et je n’ai pas la prétention d’avoir suffisamment appris pour avoir une pratique unique et transmissible à ce titre.</p> | |||
<p>Je crois que, non seulement j’accepte mais, je vais même jusqu’à apprécier de plus en plus le côté éphémère de mes productions. <a href="/david/2021/05/28/">Si</a> mon <abbr title="Curriculum vitæ">CV</abbr> est une <em>blockchain</em> 🤔, savoir que la plupart des sites que j’ai accompagné ne sont plus alimentés est un soulagement.</p> | |||
<blockquote> | |||
<p>L’image des mots commence à se déformer à l’instant même où ils sont formulés. Les idées incrustées dans un langage ne peuvent s’exprimer que dans ce langage donné. C’est l’essence même de la signification profonde du terme « exotique ». Vous voyez comme les distorsions commencent à apparaître ? La traduction vacille en présence de l’exotique. Le galach que je parle ici s’impose. C’est un cadre de référence externe, un système particulier. <mark>Tous les systèmes recèlent des dangers. Ils englobent les croyances non vérifiées de leurs créateurs.</mark> Adopter un système, adhérer à ses croyances, c’est renforcer la résistance au changement.</p> | |||
<p><cite><em>Les Mémoires Volés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/01/" title="Lien permanent vers cet article">Pédagogie</a> (2021-06-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Nous, pédagogues du début du XXIème siècle, avons reçu un héritage plutôt simple mais maintenant totalement obsolète. <mark>Nous sommes libres de ne pas accepter cet héritage en toute conscience.</mark> Bien évidemment je ne me reconnais pas dans le système militaire Prussien encore fortement en place dans les systèmes éducatifs (les résistances aux changements demeurent vivaces), alors que les textes officiels du programme de l’éducation nationale préconisent l’inverse, ou du moins d’autres formes d’enseignement, davantage adapatifs.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/22/pedagogie-vs-societe/">Pédagogie vs société ?</a></em> (<a href="/david/cache/2021/2ad199083faa7d454a78412588a7773a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’apprends beaucoup de ces rappels historiques, de ce cheminement dans le domaine de la pédagogie et de la matière vivante que cela constitue pour l’enseignant·e. Sans compter le paradoxe entre le système éducatif et la société, ce couple tension/incompréhension dont on a peut-être besoin. Ce bouc-émissaire nécessaire pour que l’on accepte de laisser son enfant dans un environnement que l’on ne contrôle pas. L’acceptation de son délabrement afin d’être certain que l’on pourrait faire mieux « si on avait le temps ».</p> | |||
<p>Et si je prenais ce temps…</p> | |||
<blockquote> | |||
<p>C’est à mon sens la plus difficile des professions dans la mesure où elle ne produit rien de tangible. Elle n’est pas en dehors de nous. La pédagogie est un lien <em>invisible</em>, basé sur l’information. Elle touche uniquement l’humain en utilisant l’élément le plus complexe, c’est-à-dire le langage. La pédagogie est la compétence qui relie chaque humain pour les faire progresser, et pour faire progresser chaque génération d’humains. La pédagogie, c’est aussi la capacité à s’organiser en permanence dans un monde VICA : volatile, incertain, complexe, ambigu.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/13/" title="Lien permanent vers cet article">Constructivisme</a> (2021-06-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>À quel point est-on bien-traitant lorsqu’on laisse une personne expérimenter par elle-même ?<sup>*</sup></p> | |||
</blockquote> | |||
<p>C’est un truc qui me gratte pas mal ces jours-ci.</p> | |||
<p><small>* En considérant que l’on ait soi-même vécu une issue à cette expérience qui était plutôt douloureuse.</small></p> | |||
<hr /> | |||
<p>Pas tout à fait lié mais quand même un peu :</p> | |||
<blockquote> | |||
<p>Pour Hannah Zeavin, la surveillance des enfants et la surveillance d’État sont moins distinctes qu’il n’y paraît. […] Du soin à la surveillance, il y a un continuum d’anxiété qui a des effets sur la société elle-même.</p> | |||
<p><cite><em><a href="https://www.internetactu.net/a-lire-ailleurs/du-soin-a-la-surveillance/">Du soin à la surveillance…</a></em> (<a href="/david/cache/2021/d13d382d8d1f51c3e2920029ccca5303/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/14/" title="Lien permanent vers cet article">Manquer</a> (2021-06-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>« Bonjour,<br /> | |||
Il ne faut pas pleurer parce que ça ne ramène pas les gens ni les mamans partis.<br /> | |||
Je crois que moi non plus je ne reviendrai pas tant que je suis petit. Soyez pas tristes. Quand je serai grand, j’irai à l’école avec vous.<br /> | |||
Ici tout le monde parle italien comme Maman sauf Zio Serafino qui connaît une poésie en français. La Nonna est très gentille.<br /> | |||
Je me suis fait une cabane pour regarder la ville et on voit aussi la mer. On mange délicieux, j’adore surtout les pâtes et les aubergines.<br /> | |||
Je rentre dès que je serai grand.<br /> | |||
Leo »</p> | |||
<p>J’ai rien dit à propos de mon papa à cause des mots qui sont difficiles à faire comprendre.</p> | |||
<p><cite><em>Quelqu’un a qui manquer</em>, Yohan Boniface</cite></p> | |||
</blockquote> | |||
<p>Yohan est un ami. Jusqu’à présent, j’avais surtout relu son code. Hier, j’avais le cœur tout humide à lire son histoire. Je me suis retrouvé en Sardaigne, dans cette cabane, dans cette famille, dans ces doutes et cette tristesse partagée. J’ai eu envie de serrer fort ce petit Leo dans mes bras.</p> | |||
<p>Vous pouvez retrouver son livre <a href="https://grand-monde.fr/">dans plusieurs librairies</a> et il est sous <a href="https://creativecommons.org/licenses/by-nc-sa/3.0/deed.fr">licence CC BY-NC-SA</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/16/" title="Lien permanent vers cet article">Jour 1</a> (2021-08-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>La fin du mois d’août est le moment où il fait encore chaud-mais-pas-trop et où la haute saison des bibittes est derrière nous. C’est aussi notre rendez-vous annuel pour se faire un camping père-fils. Cette fois-ci, ça ne sera pas sauvage mais à un emplacement suffisamment isolé pour que ça y ressemble.</p> | |||
<p>Un peu plus de 3 kilomètres pour accéder au campement en longeant la rivière, l’enfant porte symboliquement une partie de la tente ce qui m’évite de devoir galoper derrière avec tout le reste !</p> | |||
<figure> | |||
<a href="#riviere-ouareau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau"> | |||
<img src="/static/david/2021/riviere-ouareau.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Entre deux rapides, j’envisage de la descendre en raft un de ces jours…</figcaption> | |||
</figure> | |||
<p>On mange et on installe notre tipi du XXI<sup>e</sup> siècle qui nous laisse suffisamment d’espace sous la protection de la moustiquaire puis on part en exploration sur une (presqu’)île. L’enfant s’assoit avec un soupir : <q>On est bien là.</q> Léger soulagement de mon côté après m’avoir indiqué qu’un camping-de-voiture c’était pas mal aussi. On regarde la rivière couler, petit bain, jeux sur la petite plage, pas pire.</p> | |||
<figure> | |||
<a href="#riviere-ouareau-ile" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-ile"> | |||
<img src="/static/david/2021/riviere-ouareau-ile.jpg" alt="Rivière Ouareau (encore)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Lors de ma précédente visite, j’ai <a href="/david/2020/04/03/#jusquau-declin">marché sur cette rivière</a>.</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p><em>[Après avoir vu et ramassé des déchets laissés par d’autres personnes]</em><br /> | |||
— Parfois j’aimerais ne pas être un humain.</p> | |||
</blockquote> | |||
<p>Cette réflexion m’a <a href="/david/2021/06/16/" title="Trans">pas mal retourné</a>, les chats ne font pas des chiens.</p> | |||
<p>Le soir, on fait faire trempette à des mouches lorsqu’un castor remonte la rivière juste devant nous, à moins de 3 mètres ! Il galère avec le courant ce qui nous laisse l’occasion de pouvoir l’observer en détail car il est obligé de passer par-dessus les rochers des rapides en étant totalement émergé. Une chouette surprise qui ne m’a pas fait <a href="/david/2021/08/14/" title="Animalière">regretter pour autant mon matériel</a>. Cette excitation partagée était le plus beau des clichés. Lorsque les moustiques deviennent trop présents, on abdique après une dernière ballade digestive.</p> | |||
<figure> | |||
<a href="#riviere-ouareau-soir" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-soir"> | |||
<img src="/static/david/2021/riviere-ouareau-soir.jpg" alt="Rivière Ouareau (toujours)." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Cette ambiance <3.</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>— Le moment où je m’endors est le pire de ma journée, j’ai l’impression de mourir.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/17/" title="Lien permanent vers cet article">Jour 2</a> (2021-08-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>La nuit a été fraîche. Presque trop. Échange de duvets et habillages en plein milieu de la nuit + réveil matinal avec petite marche pour se réchauffer. Le décor avec ces volutes de fumées qui s’élèvent de la rivière vaut le coup, bonne compensation avant de se réchauffer les mains sur une <em>kuksa</em> pleine de gruau. Le soleil pointe enfin son nez pendant qu’un héron vient prendre son propre repas à quelques mètres. On voit à l’œil nu les poissons frétiller dans son bec avant qu’il ne les engloutisse. Il y a des choses qui se transmettent avec les yeux (manifestement, pas la pêche :p).</p> | |||
<figure> | |||
<a href="#riviere-ouareau-soleil" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-ouareau-soleil"> | |||
<img src="/static/david/2021/riviere-ouareau-soleil.jpg" alt="Rivière Ouareau." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Le chauffage s’en vient enfin !</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>— Tu devrais garder de la batterie pour si on a un problème grave.</p> | |||
</blockquote> | |||
<p>Cette année, il y a une claire prise de conscience du danger et de ce qu’il lui faudrait faire s’il m’arrivait quelque chose. Cela alimente des discussions autour du risque et de ce qui est acceptable ou non. Une grosse chute plus tard, on inverse les rôles. Si la répétition est la base de l’apprentissage… la compréhension est la base de son acceptation.</p> | |||
<p>Il faudra que je me rappelle que l’on mange pas mal lors de ces sorties, l’effort combiné au froid : ça creuse. J’avais aussi apporté mon réchaud à alcool et c’était une bonne idée, ça permet de libérer du temps et de l’attention pour d’autres choses autour du campement, comme le ramassage de bleuets ou la cueillette d’épinette pour se faire une infusion nature.</p> | |||
<p>On remonte la rivière et on prend un dernier bain avant le retour. On retrouve enfin notre char, fatigués, affamés et souriants. La graine n’en finit pas de germer 🌱.</p> | |||
<blockquote> | |||
<p>— On aurait pu rester deux nuits en fait.</p> | |||
</blockquote> | |||
<hr /> | |||
<p><mark>Lu avant publication :</mark></p> | |||
<blockquote> | |||
<p>Quiconque promet à quelqu’un d’autre de contrôler la prise de risque lui greffe automatiquement des peurs dont il n’avait même pas idée, qu’il n’avait jamais éprouvées ni imaginées jusqu’ici. Ces peurs inconscientes vont devenir brusquement réalité et il va falloir les « couvrir » avec une bonne assurance, ce qui va rassurer…</p> | |||
<p>[…]</p> | |||
<p>La prise de risque est <mark>une initiative indispensable</mark> qui expose le sujet à un nouvel environnement hors de sa zone de confort. Cela va lui permettre de grandir, de tester sa flexibilité, sa tolérance, et de se nourrir intérieurement grâce à l’adaptation que nécessitera ce nouvel environnement.</p> | |||
<p><cite><em>Le risque zéro n’existe pas - La nature dans ma vie</em>, Sarah Marquis</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/10/" title="Lien permanent vers cet article">Éducation</a> (2021-11-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’éducation, c’est surtout de la pacification des jeunes foules. […] <mark>Les futurs dominants se bardent de diplômes pour s’innocenter de l’exploitation qu’ils feront subir.</mark> S’ils se retrouvent au sommet, c’est parce qu’ils ont bataillé pour recevoir l’onction méritocratique. Mais déjà, pour une salle des profs lambda, l’idée que l’écoledelarépublique puisse trier socialement les enfants au lieu d’en faire des citoyens illuminés par la connaissance, c’est dur à avaler.</p> | |||
<p><cite><em><a href="https://lundi.am/Je-veux-plus-aller-a-l-ecole">« Je veux plus aller à l’école »</a></em> (<a href="/david/cache/2021/37cf7bad62d7e5b4e5244b9a1ddf9713/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des jours où je me demande pourquoi est-ce que je l’amène à l’école. Et puis il n’y en a pas d’autres.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/27/" title="Lien permanent vers cet article">Haïku</a> (2021-11-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Première neige<br /> | |||
Derniers vols de bernaches<br /> | |||
Journée père-fils</p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,691 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #partage — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #partage"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #partage</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/11/" title="Lien permanent vers cet article">Marche ou trêve</a> (2021-01-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’engouement de nos sociétés pour la marche témoigne de cette volonté de s’arracher aux routines de la vie personnelle pour quelques heures ou davantage et devenir anonyme sur les chemins, sans plus avoir de contraintes d’identité. Le marcheur est libre de ses mouvements, de son rythme, il ne doit plus rien à personne, et nul ne vient le rappeler à ses responsabilités. Il est ailleurs, nul ne sait qui il est ni où il va. Il noue des relations provisoires ou durables avec les autres, mais à son gré. <mark>Sur les chemins de traverse, le sentiment de soi se dénoue, les exigences de la vie sociale se relâchent.</mark> La marche est un exercice ludique et contrôlé de disparition, une réappropriation heureuse de l’existence.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Il est très surfait de faire une ode à la marche. Et pourtant, c’est là où je me sens le plus « <a href="/david/2021/01/07/" title="Blancheur">blanc</a> » et je regrette parfois d’avoir commencé à <a href="https://vimeo.com/473661570/46af2e921e">filmer</a> <a href="https://vimeo.com/485769887/190546b69c">ces</a> <a href="https://vimeo.com/492686199/31ac11260c">moments</a>. L’impression de perdre une partie de l’intimité que me procurent ces balades en forêt. De tenter de disparaitre en revenant avec un pancarte « J’existe ! » (en 4k s’il vous plait). Une incohérence de plus…</p> | |||
<p><strong>J’ai transformé un moment de trêve avec moi-même.</strong> Un moment où je mettais en pause mon envie d’exprimer des émotions et des réactions pour mieux les ressentir. Un moment où les seules techniques étaient celles me permettant de (sur)vivre. Et cela s’est transformé en une mise en scène et une attention au partage. Une chorégraphie malaisante de ma personne dans un moment où je pouvais enfin l’oublier.</p> | |||
<p>Peut-être que les limites matérielles auxquelles je me heurte sont le signe qu’il faut que je laisse le corps en paix dans ces moments là.</p> | |||
<blockquote> | |||
<p>En cet âge où les humains disposent de moyens de transport capables de traverser les profondeurs de l’espace-temps ou de survoler des surfaces planétaires virtuellement infranchissables, l’idée d’entreprendre de longs voyages à pied semble étrange. Pourtant, la marche demeure le premier moyen de locomotion sur Arrakis. On attribue ce fait aussi bien à un choix délibéré qu’aux rudes traitements que cette planète réserve à toute espèce mécanique. Dans les rigueurs d’Arrachis, <mark>la chair de l’homme est le recours le plus durable et le plus sûr</mark> du Hajj. Peut-être est-ce la conscience implicite de ce fait qui explique qu’Arrakis soit l’ultime miroir de l’âme.</p> | |||
<p><cite><em>Guide du Hajj</em>, <a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/23/" title="Lien permanent vers cet article">Gratitude</a> (2021-01-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>thanks for your nice idea after 10 years !</p> | |||
<p><cite><em><a href="https://gist.github.com/davidbgk/651080#gistcomment-3604718">En commentaire d’un gist</a></em></cite></p> | |||
</blockquote> | |||
<p>Je suis toujours surpris que l’on puisse <a href="https://gist.github.com/davidbgk/b10113c3779b8388e96e6d0c44e03a74#gistcomment-3115327">utiliser</a> quelques bouts de code que je partage ici et là. Pour rappel, j’essaye de réunir des petits cailloux regroupés par langage : <a href="https://gist.github.com/davidbgk/d3d6e6477d45b4527d9609b7e96cd82a">CSS</a>, <a href="https://gist.github.com/davidbgk/8700969263bdb9d2a31ccc1ec2328f00">JS</a>, <a href="https://gist.github.com/davidbgk/b5989d129dabebea1ce8d253d4b7a6c7">Python</a> et bien sûr HTML en faisant un <code>view-source:</code> ici :-).</p> | |||
<p><strong>Quand on plante un graine on ne sait jamais où et quand est-ce qu’elle va germer.</strong></p> | |||
<p>À titre personnel, je n’oublierais jamais la réponse de <a href="https://fr.wikipedia.org/wiki/Guido_van_Rossum">Guido</a> à <a href="/david/stream/2015/12/02/">mon courriel</a> :</p> | |||
<blockquote lang="en"> | |||
<p>Well thank you! So much fan mail is asking for a favor, I’m really grateful that you just express your thanks. Enjoy programming in Python, and tell your friends!</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/24/" title="Lien permanent vers cet article">Négativité</a> (2021-01-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Peut-être que ce qui me gène n’est pas tant l’écran en tant que tel, mais la <mark>posture</mark> dans laquelle celui-ci me plonge ?</p> | |||
<p>Plutôt que de chercher à passer <strong>très peu</strong> de temps derrière un écran, je peux essayer de maximiser le temps ou j’y fais quelque chose qui m’intéresse, et pour lequel je suis dans un usage créatif ?</p> | |||
<p><cite><em><a href="https://blog.notmyidea.org/reconnexion.html">Reconnexion ?</a></em> (<a href="/david/cache/2021/1ac1db00072c35c5f6de8d729331b8d4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai l’impression de partager de plus en plus de négativité et de contenus anxiogènes sur Mastodon. Je vais m’en écarter un moment pour me recentrer sur du temps qui m’apporte plus d’enthousiasme.</p> | |||
<p>Besoin d’un changement de <a href="https://www.youtube.com/watch?v=fHJNtLuCww4">perspective</a> (vidéo Youtube).</p> | |||
<blockquote> | |||
<p>I’ve been changing my relationship to being online.</p> | |||
<p>[…]</p> | |||
<p>Some of it is <mark>just letting myself wander</mark>, link to link, through people’s personal websites and passion projects, seeing what comes up.</p> | |||
<p><cite><em><a href="https://lucybellwood.com/stumbling/">Stumbling</a></em> (<a href="/david/cache/2021/4121412b765fff38f76943b7bc6391a5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/25/" title="Lien permanent vers cet article">Valeurs</a> (2021-01-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>S’il n’existe plus de géographie du refuge hors l’exil, et que l’on veut continuer à vivre en société, parce que chacun n’a pas la possibilité de s’échapper en mer ou vers les sommets, <mark>alors il faut trouver ailleurs, en soi</mark>, la manière de s’extraire de la <em>Machine</em> et de faire corps avec le monde vivant contre le <em>Monstre</em>.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Aujourd’hui, on s’est demandé ce qu’était une valeur avec <a href="http://scopyleft.fr/">scopyleft</a> (et quelles seraient les nôtres aujourd’hui). Est-ce un cap ? Une aspiration ? Une intention ? Un travail quotidien ? Une chose que l’on a en nous ? Une utopie ? <em>Un peu de tout ça ?!</em></p> | |||
<p>Est-ce qu’on doit l’afficher ? Est-ce que ça doit nous guider ? Nous contraindre ? Est-ce que c’est évolutif ? Adaptable ? Partageable ? <em>Est-ce bien nécessaire ?!</em></p> | |||
<p>L’une des branches de cet arbre de possibles m’a fait comprendre qu’il est important d’avoir ces discussions, non pas pour une éventuelle conclusion mais pour les échanges lors de ce cheminement à plusieurs.</p> | |||
<p><strong>Quelle est la valeur qui motive à parler de valeurs à intervalles réguliers ?</strong> #SoMeta</p> | |||
<blockquote> | |||
<p>C’est en façonnant par son travail le monde des objets que l’homme se révèle réellement comme un être générique. <mark>Sa production, c’est sa vie</mark> générique créatrice. Par elle, la nature apparaît comme son œuvre et sa réalité. C’est pourquoi l’objet du travail est l’objectivisation de la vie générique de l’homme car il ne s’y dédouble pas idéalement dans la conscience, mais réellement, comme créateur. Il se contemple ainsi lui-même dans un monde qu’il a lui-même créé par son travail.</p> | |||
<p><cite><em>Ébauche d’une critique de l’Économie politique</em>, Karl Marx dans « Manuscrits de 1844 »</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/30/" title="Lien permanent vers cet article">Recommandations</a> (2021-01-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Quelques livres pour les enfants qui commencent à lire.</p> | |||
<h2 id="bandes-dessinees">Bandes-dessinées <a href="#bandes-dessinees" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.editions-delcourt.fr/special/grandmechantrenard/">Le Grand Méchant Renard</a> (coup de cœur++)</li> | |||
<li><a href="https://www.groupemodus.com/categorie-produit/livres/bandes-dessinees/aventurosaure/">Aventurosaure</a> (3 tomes)</li> | |||
<li><a href="https://www.ricochet-jeunes.org/livres/jack-le-temeraire-t-1-dans-les-griffes-du-jardin-malefique">Jack le téméraire</a> (2 tomes)</li> | |||
<li><a href="https://editions-sarbacane.com/auteurs/joe-todd-stanton">La famille Vieillepierre</a> (4 tomes)</li> | |||
</ul> | |||
<h2 id="hybrides">Hybrides <a href="#hybrides" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li>Olga (3 tomes) et tous les <a href="http://elisegravel.com/livres/mes-livres/">livres d’Élise Gravel</a> sont chouettes</li> | |||
<li><a href="http://www.leseditionsdelabagnole.com/lucie-mouffette-qui-pete-quand-elle-rit/pierre-szalowski/livre/9782897143145">Lucie la moufette qui pète quand elle rit</a> (4 tomes)</li> | |||
<li><a href="https://www.editionsdruide.com/livres/petronille-inc-tome-1-bave-de-crapaud-bio">Pétronille Inc.</a> (3 tomes)</li> | |||
<li><a href="http://www.scholastic.ca/editions/livres/view/les-mchants">Les méchants</a> (12 tomes)</li> | |||
</ul> | |||
<h2 id="romans">Romans <a href="#romans" title="Ancre vers cette partie">#</a></h2><ul> | |||
<li><a href="https://www.gallimard-jeunesse.fr/9782075080286/le-club-de-l-ours-polaire-1.html">Le Club de l’Ours Polaire</a> (3 tomes)</li> | |||
<li><a href="http://www.gallimard.fr/Catalogue/GALLIMARD-JEUNESSE/Grand-format-litterature/Romans-Junior/SOS-Creatures-fantastiques">SOS Créatures fantastiques</a> (3 tomes)</li> | |||
</ul> | |||
<p>Pour d’autres recommandations (malheureusement sur Facebook Instagram…) : <a href="https://www.instagram.com/sous_nos_lunettes/">Sous nos lunettes</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/15/" title="Lien permanent vers cet article">Comptabilité</a> (2021-02-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je me rends compte que j’ai de plus en plus envie/besoin de compter ce que coûtent certaines choses. J’avais commencé avec la <a href="http://tmp.larlet.fr/ccmc/">voiture achetée en octobre dernier</a> (OK, c’était aussi pour tester TailwindCSS, j’en reparlerai). Je me demande si je ne vais pas faire un truc du même acabit pour le matériel vidéo, une façon de mieux prendre conscience de la valeur des choses.</p> | |||
<p><em>Je dois vieillir aussi…</em></p> | |||
<p>Mais bon tout ça, c’était juste pour planter le contexte. Je suis confronté à des soucis techniques avec ces représentations. Je pourrais mettre ça dans une feuille de calcul mais ça serait me trahir un peu. Les tableaux en HTML c’est quand même pas terrible en terme d’édition/visualisation et en markdown ça demande d’avoir recours à des <a href="https://www.tablesgenerator.com/markdown_tables">outils externes</a> également pour que ça reste lisible. Oh et aussi, j’ai la contrainte que ce soit un brin dynamique — par exemple pour calculer un poids d’équipement, au hasard. Idéalement que ça me fasse la somme des colonnes numériques (peut-être au choix de l’utilisateur·ice ?).</p> | |||
<p>J’avais besoin de noter ceci quelque part, comme un point de départ. En l’exprimant, je me dis que quelques lignes de JavaScript sur un tableau pourraient faire l’affaire ou alors je tente <a href="https://package.elm-lang.org/packages/mdgriffith/elm-ui/latest/">un truc complètement fou</a>. Si vous avez d’autres idées/propositions, je prends.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/27/" title="Lien permanent vers cet article">Culpabilité</a> (2021-02-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une mentalité hiérarchique favorise le renoncement aux plaisirs de la vie. Elle justifie le labeur, la culpabilité et le sacrifice des « inférieurs », et le plaisir et la satisfaction indulgente de presque tous les caprices de leurs « supérieurs ». […] Cette mentalité imprègne nos esprits individuels sous une forme cumulative jusqu’à aujourd’hui — non seulement sous la forme du capitalisme, mais aussi en tant que vaste histoire de la société hiérarchique depuis ses débuts.<br /> | |||
Si nous n’explorons pas cette histoire, qui vit activement en nous comme les phases précédentes de notre vie individuelle, nous ne seront jamais libérés de son emprise. <mark>Nous pouvons éliminer l’injustice sociale, mais nous ne parviendront pas à la liberté sociale.</mark> Nous pouvons éliminer les classes et l’exploitation, mais nous ne serons pas épargnés par les entraves de la hiérarchie et de la domination. Nous pouvons exorciser l’esprit de profit et d’accumulation de nos psychés, mais nous seront toujours accablés par la culpabilité, le renoncement et une croyance subtile dans les « vices » de la sensualité.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Ce n’est pas la première fois que l’on me fait la remarque que mes écrits sont empreints de culpabilité. <em>Et c’est vrai.</em> Je ne sais pas à quel point cela est lié à ma culture (mes cultures ?) et j’admire les personnes qui sont capables d’accepter leurs privilèges sans ressentir de culpabilité. Peut-être que <a href="/david/2021/02/26/" title="Disponibilité">le partage et la diffusion</a> sont une forme d’acceptation ? Ou au moins une intention de rééquilibrage.</p> | |||
<p>Est-ce que les privilèges peuvent véritablement ruisseler ? À quel point est-ce que parler de ces choses-là me met une fois de plus en avant ? Comment faire pour que mon bruit ne rendent pas silencieux·ses celleux qui ont besoin de faire entendre leurs voix ?</p> | |||
<blockquote> | |||
<p>J’ai lu pas mal de messages contradictoires à ce sujet. D’un côté, il y a des militant·es qui demandent à ce <strong>que l’on ne s’empare pas des oppressions dont on ne fait pas soi-même l’expérience</strong>, pour ne pas faire d’ombre aux personnes concernées, dont les voix ont déjà du mal à porter.</p> | |||
<p>D’autres militant·es estiment au contraire <strong>que c’est aux personnes détentrices d’un privilège d’éduquer leurs pairs</strong>, afin de soulager la charge mentale des personnes concernées, fatiguées de devoir faire ce travail pédagogique permanent.</p> | |||
<p><mark>J’ai encore du mal à trouver l’équilibre.</mark> Amplifier la voix des personnes concernées me semble indispensable, et j’ai l’impression de le faire quand je partage des contenus qu’elles ont créés.</p> | |||
<p>Mais, malgré ma volonté de multiplier les points de vue et les représentations, il y a un paquet d’angles morts dans ce que je choisis de partager.</p> | |||
<p><cite><em><a href="https://lalunemauve.fr/emois-en-photos-annee-blanche-annee-noire-2-distance/">Émois en photos : année blanche, année noire - 2 : distance</a></em> (<a href="/david/cache/2021/03efcc832beba4212f70128850c9fe1f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/20/" title="Lien permanent vers cet article">Manuel</a> (2021-03-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I’ve created a <mark>user manual about myself</mark> and I’d love to hear what other questions people think should be included in something like this. I also think there should be a caveat that this is done knowing that not all your needs and preferences can be met, but there is still value in making them explicit for those you work with.</p> | |||
<p><cite><em><a href="https://cassierobinson.medium.com/a-user-manual-for-me-d3a851fbc694">A user manual for me</a></em> (<a href="/david/cache/2021/720b1db6efb78ef6790594ad1a8b7980/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je découvre cet article <a href="https://numerique.canada.ca/2018/08/21/collaboration-productive/">via le SNC</a> (<a href="/david/cache/2021/7405ceb4a34705e65bc5ccc4f025a0b8/">cache</a>) qui propose la <a href="https://docs.google.com/presentation/d/1KNNLKtFYoLOdTZ5Ez0ZBXwDGcZNB7AcfKr-4iMNF5L0/edit#slide=id.g3fd0daa6c4_0_0">version traduite</a> suivante :</p> | |||
<ul> | |||
<li>les conditions dans lesquelles j’aime travailler ;</li> | |||
<li>les heures et les moments de la journée pendant lesquels j’aime travailler ;</li> | |||
<li>les meilleures façons de communiquer avec moi ;</li> | |||
<li>les façons dont j’aimerais recevoir des commentaires ;</li> | |||
<li>les choses dont j’ai besoin ;</li> | |||
<li>les choses avec lesquelles j’ai de la difficulté ;</li> | |||
<li>les choses que j’aime ;</li> | |||
<li>les autres choses à savoir à mon sujet.</li> | |||
</ul> | |||
<p>J’aime le fait de pouvoir afficher cela de manière aussi explicite dans son équipe. Je vais essayer de rédiger mon propre manuel.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/26/" title="Lien permanent vers cet article">Stimulant</a> (2021-03-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain : les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies ; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de <mark>stimuler la pensée</mark> dialectique et écologique. Pour une œuvre si « simple », si « claire » et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique ; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.</p> | |||
<p><cite><em>L’écologie sociale, penser la liberté au-delà de l’humain</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/05/" title="Lien permanent vers cet article">Honte</a> (2021-04-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>D’autre part, lorsque j’ai commencé, je n’avais aucune formation de développeur : Je me suis formé sur le tas, et je n’étais de toute façon pas suffisamment assuré de mon code pour le mettre en licence libre (<mark>j’aurai trop honte qu’un vrai développeur vienne regarder le code de mes premières productions !</mark>). Je suis enseignant, pas développeur !</p> | |||
<p><cite><em><a href="https://blog.faire-ecole.org/2021/04/05/jenseigne-je-code-et-je-partage-ep-02-christophe-auclair/">J’enseigne, je code et je partage - EP 02 : Christophe Auclair</a></em> (<a href="/david/cache/2021/d51a0d0c661dbc22417ff5d0266f3faa/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cette remarque m’attriste car je sais qu’elle n’est pas isolée. Même parmi les développeur·euses, il y a cette crainte que le code publié soit analysé et serve à établir un certain jugement sur la personne.</p> | |||
<p>Je vais vous faire une confession : je publie du code depuis des dizaines d’années et il est loin d’être propre, ni même parfois présentable selon les standards en vigueur. Mon premier constat, c’est que pas grand monde ne prend le temps d’aller voir ce que vous avez partagé (et/ou de vous notifier). Même dans le cadre d’un <a href="/david/2021/03/23/" title="Recrutement">recrutement</a>, j’ai l’intuition qu’aucune des personnes avec lesquelles j’ai interagi n’a consulté la moindre ligne de code, que ce soit sur Github ou ailleurs.</p> | |||
<p>C’est pourtant une source d’information intéressante, pas pour le code produit en lui-même mais pour la façon dont il est produit et la nature des interactions qu’il occasionne. Pour savoir si je peux travailler avec un·e pair, j’ai davantage besoin de voir ses commentaires récents lors d’une <em>pull/merge-request</em> que ses dernières 10 000 lignes de code…</p> | |||
<p>Cela étant exprimé, je considère que publier du code (sans la façon de travailler qui va avec) s’apparente à la publication d’idées sur cet espace. Des petits cailloux <a href="/david/2021/03/26/" title="Stimulant">stimulants</a> pour aider d’autres à bâtir — et éventuellement partager — d’autres choses. Et à ce niveau, vous ne <a href="https://gist.github.com/davidbgk/b10113c3779b8388e96e6d0c44e03a74">savez jamais</a> quelle ligne va potentiellement être une aide pour un contexte donné. Vous ne savez même pas si plus il y a de lignes plus la personne a des chances de rencontrer la bonne.</p> | |||
<p>Le partage n’est qu’un espoir… mais quel espoir !</p> | |||
</details> | |||
<h2><a href="/david/2021/04/08/" title="Lien permanent vers cet article">NetNewsWire</a> (2021-04-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Or: skip helping us, and, instead, help people who need help more than we do. Those people should not be hard to find.</p> | |||
<p><cite><em><a href="https://github.com/Ranchero-Software/NetNewsWire/blob/main/Technotes/HowToSupportNetNewsWire.markdown">How to Support NetNewsWire</a></em> (<a href="/david/cache/2021/2c6e22e52c34c94f8a4b8d567aacf0fa/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça fait longtemps que je veux parler <a href="/david/2021/01/18/" title="Textcasts">un peu plus</a> de <a href="https://netnewswire.com/">cet agrégateur</a> de <a href="/david/blog/2019/flux-rss/">flux RSS</a> qui est léger et rapide. La dernière mise à jour permet enfin d’agrandir le texte ce qui m’est essentiel pour avoir <a href="/david/blog/2014/dos-posture/">une posture adéquate</a>. Il est aussi possible d’aller chercher le contenu pour les flux tronqués (ça passe par un service tiers) ce qui me permet de rester dans un environnement qui m’est lisible <em>et</em> de rester concentré. Si vous êtes pommé·e, je recommande.</p> | |||
<p>J’en profite pour rappeler que la beauté d’un format ouvert c’est qu’il suffit d’exporter son OPML (la liste des flux auxquels on est abonné) puis de l’importer dans un nouvel agrégateur pour pouvoir tester sans soucis de compatibilité. Imaginez une telle inter-opérabilité entre abonnements de réseaux sociaux propriétaires. On s’entend que vous ne pouvez qu’imaginer :-).</p> | |||
</details> | |||
<h2><a href="/david/2021/05/03/" title="Lien permanent vers cet article">Pop culture</a> (2021-05-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In other words: web dev is a pop culture with no regard for history, dooming each successive generation <mark>to repeat the blunders</mark> of the old, in a cycle of garbage software, wrapped in ever-escalating useless animations, transitions, and framework rewrites.</p> | |||
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/100-things-every-web-developer-should-know/">136 facts every web dev should know before they burn out and turn to landscape painting or nude modelling</a></em> (<a href="/david/cache/2021/31c79c53679be6cc384f8610ae821c90/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il s’agit de l’idée que j’ai retenue parmi les 136 énoncées mais il y en aurait d’autres sur lesquelles rebondir. Je crois que j’aime ces listes, ça me fait penser aux <a href="https://kk.org/thetechnium/68-bits-of-unsolicited-advice/">68</a> (<a href="/david/cache/2021/9f44d4e11b281dd3c1dc88b946b0d257/">cache</a>) + <a href="https://kk.org/thetechnium/99-additional-bits-of-unsolicited-advice/">99</a> (<a href="/david/cache/2021/d8a0172d0dc1fee3e2133a2edd15616e/">cache</a>) de Kevin Kelly.</p> | |||
<p>Peut-être qu’un jour je partagerai ma propre liste. Elle parlerait forcément de chocolat.</p> | |||
<blockquote lang="en"> | |||
<p>Advice like these are not laws. They are like hats. If one doesn’t fit, try another.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/04/" title="Lien permanent vers cet article">Touriste</a> (2021-05-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Finalement, ces contenus deviennent les reflets revendiqués de pratiques touristiques où seule la trace numérique est suffisante pour <mark>justifier</mark> l’existence et l’expérience du séjour.</p> | |||
<p><cite><em><a href="https://usbeketrica.com/fr/article/travel-porn-outil-distinction-social">Le « TravelPorn », nouvel outil de distinction sociale sur les réseaux sociaux</a></em> (<a href="/david/cache/2021/bda7c1903601dae7d2b10ce8e3d87572/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p> | |||
<p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends !</p> | |||
</details> | |||
<h2><a href="/david/2021/05/26/" title="Lien permanent vers cet article">Follow</a> (2021-05-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a seat at the table and skin in the game, bang the drum for RSS and the open web. Like I said, it’s great to see early trials of RSS in the Chrome mobile browser and, for me, that’s <mark>a promising start</mark>.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/05/26/chrome_and_rss">Three requests for the Google Chrome team as they experiment with RSS</a></em> (<a href="/david/cache/2021/4a9c4c407b34c40ec5b3783ac5f274a7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>L’une des choses que je retiens de cette expérience, c’est d’utiliser le terme « <span lang="en">Follow</span> » pour suivre des flux RSS. <strong>Au 21<sup>e</sup> siècle, on ne s’abonne plus, on suit.</strong> Et je me demande si je ne vais pas suivre (!) cette mouvance qui permet peut-être de mieux comprendre <a href="/david/blog/2019/flux-rss/">de quoi est-ce qu’il s’agit</a>. Notamment pour des personnes qui découvrent un site après avoir passé tant d’années <em>dans</em> des réseaux sociaux.</p> | |||
<p>Suivez-moi… mais pas de trop près quand même car ça devient vite flippant 😅.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/02/" title="Lien permanent vers cet article">Percolation</a> (2021-06-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Par exemple, j’ai compris qu’il valait mieux, pour être en accord avec le réel, parler de <em>percolation</em> plutôt que de <em>transmission</em> des connaissances.</p> | |||
<p><cite><em><a href="https://pedagogieagile.com/2021/05/17/fin-dun-premier-cycle-agile-pedagogique/">Fin d’un premier cycle agile pédagogique</a></em> (<a href="/david/cache/2021/383f0f99a7f493b66f782d02dca6edef/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je suis très reconnaissant à Christian den Hartigh de partager son cheminement, aussi <q>chaotique et confus</q> qu’il l’estime je viens y piocher des idées régulièrement. Dans mes réflexions actuelles sur ce qui <a href="/david/2021/05/19/" title="Regroupement">fait un regroupement</a>, je retrouve cette notion de <em>percolation</em>. Des touches ici et là qui viennent s’infiltrer et qui forment des résurgences par ailleurs. Parfois sans en chercher ni comprendre le sens. On ne cultive pas un jardin, on laisse infuser une culture.</p> | |||
<p>Du moins c’est l’histoire que j’essaye de me raconter.</p> | |||
<blockquote> | |||
<p>D’où, dans nos sociétés, l’importance de l’autobiographie, ou du blog pour les jeunes générations, la nécessité de se dire pour savoir qui l’on est. Certes, le récit de vie n’est jamais la transparence des événements traversés, mais toujours une interprétation, une lecture et une relecture au fil du temps. Il n’est en aucun cas une vérité, <mark>seulement la dernière version qu’un individu tire de lui-même</mark>. Pour exister la croyance s’impose de posséder une conscience, un Moi, une identité, même s’il est impossible d’en définir les contours avec précision, même s’il est toujours malaisé de répondre à la question du “qui suis-je ?” dans l’éparpillement de que nous sommes au fil des jours, des circonstances et des publics. Le sentiment d’identité se transforme en récit provisoire tenu sur soi, identité narrative de P. Ricœur ou biographie réflexive d’U. Beck. Le récit de soi est une tentative, toujours après coup, de reconstruire une unité de son existence, non dans une objectivité impensable, mais dans une recherche de sens et de cohérence qui n’exclut pas la réinterprétation, même sincère, des événements. À tout moment l’individu se relie à son histoire, il ne cesse intérieurement de se raconter en retrouvant les fils de son parcours dans les événements récents et, dans les situations présentes, il engrange d’autres souvenirs qui l’amènent à la fois à demeurer le même tout en ne cessant de se redéfinir au fil des années. L’identité que se construit et se reconstruit l’individu à travers sa narration est sans doute une fiction, mais elle est le seul moyen de s’approcher de soi à travers un processus sans fin qui ne cesse de se moduler.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/10/" title="Lien permanent vers cet article">Co-écriture</a> (2021-06-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Tout seul on va plus vite, ensemble on va <em>ailleurs</em>.</p> | |||
<p><cite>Proverbe africain, <a href="/david/blog/2015/pairmutation-travail/">métissé à Scopyleft</a></cite></p> | |||
</blockquote> | |||
<p>L’écriture à plusieurs est une chose qui m’est difficile. Pas douloureuse mais difficile. Le style me parait rapidement être incohérent entre les parties et les bons mots sont lissés par un consensus mou et fonctionnel. Si quelqu’un fait un premier jet, c’est souvent trop franc pour pouvoir être retravaillé en profondeur et si, au contraire, on est nombreux·reuses à vouloir démarrer ça patine à chaque phrase.</p> | |||
<p>Ce que l’on a expérimenté avec <a href="https://oncletom.io/">Thomas</a> et <a href="http://scopyleft.fr/">Juliette</a> c’est un·e qui écrit et les autres qui racontent (il faut une configuration particulière, ici un retour d’expérience). Le rédacteur ou la rédactrice est libre de l’angle et oriente la discussion pour creuser certains aspects et picorer dans l’histoire qui émerge. On se focalise ensuite sur le résultat pour réajuster lorsqu’il y a eu des incompréhensions. C’est peut-être une piste pour me réconcilier avec une écriture collective.</p> | |||
<p><em>Merci.</em></p> | |||
<p>D’une certaine manière, on a mis un mois pour rédiger 9 pages à… 70 mains 😅. Toute <a href="https://fr.wikipedia.org/wiki/Le_Mythe_du_mois-homme">ressemblance</a> ne serait bien évidemment que fortuite. On a aussi appris à se connaître en faisant, explorant cet <q>ailleurs</q> que sont les autres.</p> | |||
<p>Là-bas était l’essentiel.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/21/" title="Lien permanent vers cet article">Voûte</a> (2021-06-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu’il nous faille croire à l’immortalité de la prose ? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d’une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p> | |||
<p><mark>Peut-être qu’il ne faut pas tant se soucier de l’existence posthume d’un site Web.</mark> Il suffit qu’une personne ou une communauté de personnes pour réaliser la copie d’un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête.</p> | |||
</blockquote> | |||
<blockquote> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/06/02/envoutement">Web envoûté</a></em> (<a href="/david/cache/2021/8809cdb7b9693d1edff1f6627eeaae83/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’accepte progressivement cette idée aussi. Je suis déjà suffisamment bruyant de mon vivant pour pouvoir imposer cela à d’autres. Il faudra que je mette à jour mon <a href="/david/blog/2013/testament-numerique/">testament numérique</a> pour expliciter cela.</p> | |||
<p>C’est peut-être la <em>clef</em>, ne plus prétendre combler un vide. Celui de sa <a href="/david/2021/06/09/" title="Parenthèse">disparition</a>.</p> | |||
<blockquote lang="en"> | |||
<p>As I wrote in January, silence is effectively impossible on the contemporary internet, where “<mark>voids are just filled by other people’s content</mark>, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but as Venkatesh Rao has observed, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.”</p> | |||
<p><cite><em><a href="https://kneelingbus.substack.com/p/162-minimum-viable-self">#162: Minimum Viable Self</a> (<a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/">cache</a>)</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/26/" title="Lien permanent vers cet article">Hybris</a> (2021-06-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>If you ever wanted to host your own wikipedia replica, here is the simplest way.</p> | |||
<p>As wikipedia is REALLY huge, you don’t really want to host a php wikimedia software and load the huge database, instead, the project made the <em>openzim</em> format to compress the huge database that wikipedia became while allowing using it for fast searches.</p> | |||
<p><cite><em><a href="https://dataswamp.org/~solene/2019-11-13-wikimedia-dump.html">Host your own wikipedia backup</a></em> (<a href="/david/cache/2021/626841dd876f103a10391b1b841ba5ae/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a un côté plaisant à se dire que je pourrais avoir une partie du savoir collectif actuel contenu sur un simple disque dur qui n’est de toute façon même plus assez gros pour faire des sauvegardes personnelles dessus.</p> | |||
<p>Pour avoir les étapes en français et localement aussi :</p> | |||
<ol> | |||
<li>Aller sur la <a href="https://wiki.kiwix.org/wiki/Content_in_all_languages">page des archives kiwix</a> et récupérer les sources intéressantes (par exemple <code>wikipedia (English) all nopic</code> (43 Go) ou <code>wikipedia (français) all maxi</code> (29 Go)).</li> | |||
<li>Installer <a href="https://pypi.org/project/zimply/">zimply</a>, par exemple avec <code>python3 -m venv venv</code> puis <code>source venv/bin/activate</code> et enfin <code>pip install zimply</code>.</li> | |||
<li>À cette étape, j’aimerais pouvoir faire un <code>python -m zimply monfichier.zim</code> mais il n’a pas été codé avec ce cas d’usage, il faut donc en passer par l’écriture d’un petit script dédié :</li> | |||
</ol> | |||
<pre><code>from zimply import ZIMServer | |||
import sys | |||
import os.path | |||
if len(sys.argv) == 1: | |||
print("usage: " + sys.argv[0] + " file") | |||
exit(1) | |||
if os.path.exists(sys.argv[1]): | |||
ZIMServer(sys.argv[1]) | |||
else: | |||
print("Can't find file " + sys.argv[1]) | |||
</code></pre> | |||
<p><em>C’est exactement celui de l’article original, encore une fois je ne fais que copier, le crédit revient à Solène Rapenne.</em></p> | |||
<p>Et enfin, la dernière étape consiste à servir notre archive (ça peut prendre quelques secondes selon la taille que vous avez choisie) : <code>python zim_server.py monfichier.zim</code> qui vous invite à aller voir ce qu’il se passe sur <a href="http://localhost:9454/">http://localhost:9454/</a>.</p> | |||
<p>Et pendant ce temps là en Croatie…</p> | |||
<blockquote> | |||
<p>De 2011 à 2020, Wikipedia Croatie a été « prisonnier » d’un groupe d’une vingtaine d’administrateurs de l’encyclopédie. « Wikipedia Croatie avait reçu beaucoup d’attention à cause de sa tendance à promouvoir des points de vue fascistes, des biais contre les Serbes de Croatie, et une propagande anti-LGBT », a écrit la fondation Wikimedia dans un rapport publié le 21 juin 2021. Les accusions sont nombreuses, et les faits tout aussi graves et impressionnants.</p> | |||
<p>Pendant une dizaine d’années, ce groupe d’administrateurs a cherché à imposer ses « idées ». Que ce soit en occultant certains faits, en supprimant des passages ou en créant de toute pièce de nouveaux articles, ils ont promu leur vision du monde : une vision d’extrême droite, et nationaliste.</p> | |||
<p><cite><em><a href="https://www.numerama.com/politique/721329-des-administrateurs-dextreme-droite-ont-manipule-les-articles-de-wikipedia-croatie-pendant-10-ans.html">Des administrateurs d’extrême droite ont manipulé les articles de Wikipedia Croatie pendant 10 ans</a></em> (<a href="/david/cache/2021/1f9f4eb2d926148640ef831f28335380/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/08/" title="Lien permanent vers cet article">Vacance</a> (2021-08-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Comme un besoin de rendre ce temps d’écriture vacant pour voir pour qui et par quoi est-ce qu’il pourrait être comblé pendant cette <a href="/david/2021/04/22/" title="Vacances">prise de soin</a>.</p> | |||
<p>J’ai pu regarder la coupe du monde d’échecs en direct et voir Magnus Carlsen perdre contre Jan Krzysztof Duda en demi (mais alors quelle « petite » finale !). Je commence à comprendre les lignes et stratégies évoquées par les commentateur·ices et c’est chouette.</p> | |||
<p>Je me suis demandé pourquoi est-ce que j’avais besoin de partager mes photos sur des réseaux instantanés plutôt qu’ici. J’ai l’impression que ça traduit une certaine insécurité, celle d’avoir besoin d’un retour (flatteur) immédiat. Peut-être qu’il faut que je travaille aussi la simplicité de publication pour ces media, cela rejoint des <a href="https://mastodon.social/@dav/106692473064847738">limites que je ressens</a> sur le <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/commit/8c47d38cc0a979622399625ca5115565b4183883/site.py">générateur actuel</a>.</p> | |||
<blockquote> | |||
<p>Aller de plateforme en plateforme pour être poseur de tendance et passer de l’autre côté de barrière sans pour autant montrer la dimension réelle du travail. Certaines plateformes tentent un modèle plus ancien en tapant dans la longue traîne des amateurs qui voudraient bien devenir professionnels, ou plus exactement se faire du blé, ou de l’argent de poche, on ne sait pas trop. Une forme d’uberisation de l’image en quelques sortes. C’est fatiguant.</p> | |||
<p>[…]</p> | |||
<ul> | |||
<li><mark>a-matrice : sans matrice : le contraire :)</mark></li> | |||
</ul> | |||
<p><cite><em><a href="https://11d.im/journal/notes-photographie-amatrice/">Notes sur une photographie ouverte (et amatrice)</a></em> (<a href="/david/cache/2021/da6ba7728178232cfb94f52b8765a1d1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai apprécié de faire <em>à nouveau</em> des photos de nénuphars depuis le raft, des cascades en pause longue et des oiseaux flous. Arpenter la forêt boréale jusqu’à épuiser les pensées, se dépenser jusqu’à l’épuisement. Évaluer l’épuisette et remettre les poissons à l’eau, nager comme un gardon avec l’enfant. Gelés et contents.</p> | |||
<figure> | |||
<a href="#geai-bleu" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="geai-bleu"> | |||
<img src="/static/david/2021/geai-bleu.jpg" alt="Un geai bleu prenant son envol." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>J’ai parfois l’impression d’arriver aux limites de mon matériel et c’est presque thérapeutique (de le penser et de l’accepter).</figcaption> | |||
</figure> | |||
<p>J’ai encore une fois été frustré en essayant de faire une vidéo « en famille » d’une ballade, le tempo n’est tout simplement pas adapté et il faut que je m’en rappelle car cela me met de mauvaise humeur. Ne pas oublier <a href="/david/blog/2013/photographie-exclusion/">ceci</a>.</p> | |||
<p>J’ai appris à jouer à <em>Quarto!</em> et ça m’a plu. Ça donne une bonne idée de la faiblesse du cerveau lorsqu’il s’agit de n’évaluer que 4 paramètres à la fois. On n’a pas tenté la variante <em>hardcore</em> qui ajoute aussi les carrés.</p> | |||
<p>J’ai observé avec stupeur des hommes montrer leur muscles et des femmes montrer leurs fesses devant des cascades. Je ne sais pas encore si je vais pouvoir/vouloir comprendre ces pratiques. Je me suis senti vieux.</p> | |||
<p>J’ai lu <em>Rupture(s)</em> de Claire Marin qui est une continuité inattendue après avoir lu <a href="/david/2021/01/07/" title="Blancheur"><em>Disparaître de soi</em></a> de David Le Breton (auquel elle fait d’ailleurs référence !). Cela réveille en moi des choses autour de l’identité et de mon propre vécu. Elle m’a dit que c’était le propre des aphorismes.</p> | |||
<blockquote> | |||
<p>Il y aurait des vertus de l’échec. Vraiment ? Mais la rupture n’est parfois qu’un gâchis, un manque de courage, une lâcheté. Le constat d’échec d’un couple, d’une famille, d’une amitié, d’une politique, d’un projet. Et l’échec n’est souvent rien d’autre que lui-même, pauvre, décevant, un pur raté. <mark>La plupart des échecs ne nous apprennent rien.</mark> Pire, nous nous enlisons souvent dans le bégaiement des mêmes échecs, comme s’ils étaient inévitables, et ce, dans une jouissance paradoxale de leur répétition presque rassurante.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/09/" title="Lien permanent vers cet article">Documentation</a> (2021-09-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Here are six requirements that I have on a project for it to reach my gold approval for stellar docs.</p> | |||
<ol> | |||
<li>Your docs belong in the code repository</li> | |||
<li>Your docs is not extracted from code</li> | |||
<li>Your docs features examples</li> | |||
<li>You document every API call you provide</li> | |||
<li>Your docs is easily accessible and browsed</li> | |||
<li>Your docs should be <mark>easy to contribute to</mark></li> | |||
</ol> | |||
<p><cite><em><a href="https://daniel.haxx.se/blog/2021/09/04/making-world-class-docs-takes-effort/">Making world-class docs takes effort</a></em> (<a href="/david/cache/2021/f327a02cabbad6884b057958ec213668/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai mis en place un document collaboratif <a href="/david/2021/09/01/" title="Rentrée">dernièrement</a> en prenant pour acquis que le markdown était lisible et éditable. <em>C’était une grossière erreur.</em> Même avec l’aide de hackmd, un document contenant principalement des liens est interprété comme étant trop technique pour être accessible à des personnes n’ayant pas cette habitude.</p> | |||
<p>Un bon rappel que la route est <a href="https://degooglisons-internet.org/fr/">encore très longue…</a> (<a href="/david/cache/2021/8589fdcb9656efb132e1513c07d48bd1/">cache</a>)</p> | |||
</details> | |||
<h2><a href="/david/2021/09/20/" title="Lien permanent vers cet article">Jour 2</a> (2021-09-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Pas d’étoiles filantes observées mais une chouette est venue se percher juste au-dessus de ma tête pendant une trentaine de secondes. Elle est en chasse, tête à 360°, je retiens ma respiration. Elle file et je me lève avec le sourire. Il est 5 h et le ciel est déjà incroyable.</p> | |||
<figure> | |||
<a href="#refuge-appel-lever-soleil" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/refuge-appel-lever-soleil.jpg" alt="Lever de soleil sur le marais." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="refuge-appel-lever-soleil"> | |||
<img src="/static/david/2021/refuge-appel-lever-soleil.jpg" alt="Lever de soleil sur le marais." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Mais oui Legolas, du sang de rongeur probablement…</figcaption> | |||
</figure> | |||
<p>Il fait juste au-dessus de 0 °C mais je ne peux pas laisser passer ces volutes de brouillard au soleil levant. Une ambiance difficile à retranscrire en photo, d’autant que je découvre <em>a posteriori</em> que toutes mes photos faites au téléobjectif sont voilées car il y a de la condensation sur l’objectif. J’ai du mal à comprendre pourquoi celui-ci et pas les autres alors qu’il était stocké à la même température. Pour sa défense, le taux d’humidité est proche des 100 % et je fais rapidement chauffer mon gruau du matin. Vivement que le soleil vienne sécher tout ça !</p> | |||
<figure> | |||
<a href="#refuge-appel-lever-soleil-brume" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/refuge-appel-lever-soleil-brume.jpg" alt="Lever de soleil dans la brume." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="refuge-appel-lever-soleil-brume"> | |||
<img src="/static/david/2021/refuge-appel-lever-soleil-brume.jpg" alt="Lever de soleil dans la brume." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>J’ai aussi pris le temps de NE PAS faire de photos.</figcaption> | |||
</figure> | |||
<p>L’objectif de la journée est de gravir la montagne blanche qui culmine à… 883 m tout de même ! C’est peut-être ce qui me frustre le plus au Québec, qu’il soit si difficile de trouver un peu de dénivelé. J’avais hésité à y aller pour le lever de soleil mais je suis bien content d’être resté au campement vu l’ambiance. D’autant que je dois m’y reprendre à deux fois pour trouver le bon chemin, je n’imagine même pas dans l’obscurité.</p> | |||
<p>Arrivé au « sommet », la vue vaut quand même le détour. Je ne suis finalement pas si en avance sur la saison et les flancs commencent à être franchement colorés.</p> | |||
<figure> | |||
<a href="#montagne-blanche-automne" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/montagne-blanche-automne.jpg" alt="Vue depuis le sommet avec un lac et des arbres rouges." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="montagne-blanche-automne"> | |||
<img src="/static/david/2021/montagne-blanche-automne.jpg" alt="Vue depuis le sommet avec un lac et des arbres rouges." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Les collines aussi c’est joli parfois.</figcaption> | |||
</figure> | |||
<p>Je redescends et le vent se met à souffler. Il est chaud et violent, j’appréhende un peu la nuit. Je décide de mettre un <em>tarp</em> au-dessus du hamac au moins pour me protéger des aiguilles qui tombent en continu et peut-être des branches si elles ne sont pas trop grosses. Il y a des arbres morts avoisinants mais je n’ai pas pris de scie, n’ayant pas considéré ce risque. Une bonne leçon.</p> | |||
<p>Je me couche, pas vraiment serein.</p> | |||
<hr /> | |||
<p>Nombre de kilomètres : une douzaine.<br /> | |||
Nombre de personne croisées : quatre.<br /> | |||
Poids du sac : 3 kilos.</p> | |||
<hr /> | |||
<p>J’ai souvent des embryons de pensées en chemin, comment les consigner ? Mon téléphone, mon cerveau ou mon calepin ont chacun leurs limites propres. Pas sûr de vouloir les verbaliser et rompre le silence ainsi non plus. Si j’oublie, est-ce si important ?</p> | |||
</details> | |||
<h2><a href="/david/2021/10/07/" title="Lien permanent vers cet article">Consigner</a> (2021-10-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When you “P2” something, you’re writing a blog post, where you can tag in coworkers and cross-post to other P2s. What do teams use P2s for? Absolutely everything. Checklists for onboarding, status reports on projects, thoughts about detailing projects, discussions about best coding practices, architectural diagrams, marketing data analyses, and more. The best part is that the entire company’s history of P2s is available to search through. Also, you can subscribe to literally any P2, and comment on it as necessary, starting with your own team’s.</p> | |||
<p>Why P2s? Because they capture fleeting one-off written communication: <mark>you can read a P2 at your own speed, in your own timezone</mark>, which is key since we operate across all timezones.</p> | |||
<p><cite><em><a href="https://veekaybee.github.io/2021/07/17/p2s/">Writing for distributed teams</a></em> (<a href="/david/cache/2021/83fa7f0f8105aa10ffc88555f5699f1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On a essayé pas mal de chose avec Scopyleft pour garder des traces de discussions, de décisions, avec toujours cette frustration personnelle que le résultat est à l’image de la personne qui prend le temps de consigner cette histoire. La difficulté d’une écriture commune est réelle et je me sen(tai)s un peu démuni face à ce dilemme d’avoir envie (besoin ?) de retenir des choses tout en n’assumant pas de devenir le scribe officiel. On se retrouve avec une base de connaissance éclatée dans laquelle il est difficile de (re)trouver une information.</p> | |||
<p>La solution mise en place par Automattic (avec un <a href="https://ma.tt/2009/05/how-p2-changed-automattic/">recul non négligeable</a> (<a href="/david/cache/2021/e14051435f3a2513d136df430ae973b3/">cache</a>)), à mi-chemin entre le blog et l’interactivité d’un réseau social est vraiment alléchante. Suffisamment pour me faire envisager de coder un truc à ce sujet. J’imagine déjà une version distribuée (re-coucou le fédiverse) qui permettrait de rendre certaines parties publiques, voire des interactions inter-structures sur des projets communs. Une forme de <a href="/david/2020/12/13/#journal">journalisation interactive</a> avec des droits d’accès relativement fins.</p> | |||
<p>Il n’y a pas eu une seule discussion utilisateur·ice et il y a déjà une montagne de fonctionnalités, ça fait une éternité que je n’avais pas parlé de <em>vaporware</em> par ici :-).</p> | |||
<p>Si vous vous demandez à quoi ressemble P2, il y a une <a href="https://videopress.com/v/YYNW9iSj">vidéo en action ici</a> et le seul espace que je connaisse dans la nature est <a href="http://mtlcityweblog.com/">au sujet de Montréal</a>. J’aime notamment que les nouvelles entrées soient mises en surbrillance et disparaissent au <em>scroll</em>, à l’usage c’est pertinent.</p> | |||
<blockquote lang="en"> | |||
<p>Conversations on P2s take place in line, update in real time, and provide space for threaded replies. We’ve stuck with P2 for years now, and it has ultimately evolved into a rich source of institutional wisdom and collective company memory.</p> | |||
<p>[…]</p> | |||
<p>At its core, P2 is organized, searchable knowledge. For example, we write up notes from every meeting, and tag attendees by name. I can search for any person’s name tag and pull up all conversation history related to the individual in question. <mark>It’s an invaluable resource.</mark></p> | |||
<p><cite><em><a href="https://distributed.blog/2020/06/18/distributed-faq-p2-automattic/">Distributed FAQ: How Did P2 Become Automattic’s Signature Mode of Communication?</a></em> (<a href="/david/cache/2021/92cd5096092b0f66b72ad6e4084c17e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/05/" title="Lien permanent vers cet article">Palimpseste</a> (2021-11-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p> | |||
</blockquote> | |||
<p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p> | |||
<p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p> | |||
<p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p> | |||
<p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois !).</p> | |||
<p><mark>Une semaine plus tard</mark> : je suis le seul participant 😅.</p> | |||
<hr /> | |||
<blockquote lang="en"> | |||
<p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p> | |||
<p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité ?</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,341 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #pharmakon — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #pharmakon"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #pharmakon</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/11/" title="Lien permanent vers cet article">Nucléaire</a> (2021-02-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le principal problème de ces centrales n’est pas forcément le risque d’accident (le nucléaire tue ou a tué beaucoup moins de monde que toutes les autres énergies prises individuellement et à production d’énergie égale), mais plutôt le fait que cela nous laisse avec des produits de fission sur les bras : les fameux « déchets nucléaires ».</p> | |||
<p>Ces déchets sont des matériaux souvent instables et radioactifs (donc dangereux), mais inexploitable à ce jour. Du coup, on doit les stocker sur le très long terme (100 000 ans).</p> | |||
<p>Ceci n’est pas, au passage, sans rappeler le CO<sub>2</sub> issu de la production d’énergie par le charbon ou le gaz, qui <mark>lui aussi est un déchet stocké [dans l’atmosphère] pour des millions d’années</mark> où il est responsable d’une pollution sans précédent et provoquant le réchauffement climatique et ses conséquences mortelles.</p> | |||
<p><cite><em><a href="https://couleur-science.eu/?d=268bbb--comment-fonctionne-une-centrale-nucleaire">Comment fonctionne une centrale nucléaire ?</a></em> (<a href="/david/cache/2021/75d7cccf22ce15ad026621e8e753d65b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne l’avais jamais envisagé ainsi. J’aime être un peu bousculé dans mes croyances <em>juste</em> par une changement de perspective. Deux neurones se connectent pour créer un nouveau chemin de pensées.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/19/" title="Lien permanent vers cet article">Optimisation</a> (2021-02-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But when you increase complexity in order to optimise, demand never really goes down. The optimisation becomes an opportunity to do more, and so the complexity gets locked in – there will never be the chance to remove it.</p> | |||
<p>And that compounding complexity, layers upon layers of it, a nest of interlocking feedback loops, <mark>increases the risk of fatal, emergent complexity quakes</mark>.</p> | |||
<p>All of which colours my approach to everything from how I architect my code, to how I organise my finances, to what government policies I like.</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2021/02/12/optimisation">Anxious feelings about optimisation through complexity</a></em> (<a href="/david/cache/2021/eef2b3e3085a9b71cd7fe64f21fa0453/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je réfléchis beaucoup à ces choses là en ce moment. Sur le fait d’ouvrir des portes que l’on ne peut plus refermer ensuite. Chaque porte étant en fait sur un palier qui demande aux autres de passer une marche de plus, ce qui n’est pas forcément dans les moyens de la majorité.</p> | |||
<p>Sur un de mes produits actuels, je me suis rendu compte aujourd’hui qu’en le rendant plus « propre » je l’ai aussi rendu moins convivial (au sens d’Illich) pour les personnes qui vont devoir le reprendre. Les concepts utilisés sont un peu plus complexes, les versions un peu plus modernes, autant de marches qui m’ont semblées petites mais qui mises bout à bout rendent le produit moins accessible.</p> | |||
<p>À méditer… ne plus oublier le 10<sup>e</sup> principe :</p> | |||
<blockquote lang="en"> | |||
<p>Design mediates so much of our realities and has tremendous impact on our lives, yet very few of us participate in design processes. In particular, the people who are most adversely affected by design decisions — about visual culture, new technologies, the planning of our communities, or the structure of our political and economic systems — tend to have the least influence on those decisions and how they are made.</p> | |||
<p>[…]</p> | |||
<p>Before seeking new design solutions, <mark>we look for what is already working at the community level</mark>. We honor and uplift traditional, indigenous, and local knowledge and practices.</p> | |||
<p><cite><em><a href="https://designjustice.org/read-the-principles">Read the Principles - Design Justice Network</a></em> (<a href="/david/cache/2021/d685a0ad4878f3d833374164b49b3438/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/01/" title="Lien permanent vers cet article">Responsabilité</a> (2021-03-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><em>La technique rend les hommes irresponsables.</em> Les manifestations principales du développement de la technique sont le gigantisme, la concentration et l’abstraction. Cet état de fait aboutit à une dispersion des effets de l’action : <mark>à l’ère technique, l’identification et la responsabilité des acteurs est devenue problématique</mark>, voire impossible : « Dans une telle société, le type de l’homme agissant consciemment disparaît. » L’action morale est donc impossible puisque l’homme ne peut pas se représenter les effets de son action.</p> | |||
<p>[…]</p> | |||
<p>Une des idées fondamentales de Charbonneau et d’Ellul est de mettre radicalement en question <em>l’idée de la neutralité de la technique</em> : plus qu’un progrès, elle engendre le développement de la puissance. Loin de permettre l’émancipation, la puissance engendre des déséquilibres et devient incontrôlable, car elle appelle nécessairement la concentration et le gigantisme.</p> | |||
<p><cite><em>Nous sommes des révolutionnaires malgré nous</em>, Bernard Charbonneau, Jacques Ellul, introduction de Quentin Hardy</cite></p> | |||
</blockquote> | |||
<p>Plus j’explore la vie et les écrits de ces deux personnes et plus je me rends compte qu’il est possible d’anticiper l’évolution technique. Ce qui est plus difficile c’est d’identifier les moments de rupture, ces instants où il y a la formation d’un contre-pouvoir de la part des humains, un contre-<strong>vouloir</strong> lorsque les soupapes ne suffisent plus. Peut-être que l’on s’en approche, j’ai l’intuition que ces retours de flammes peuvent être relativement brutaux. Peut-être que l’on en est encore très loin car la technique procure un confort incroyable aux oppresseurs.</p> | |||
<p>C’est même peut-être sa véritable définition…</p> | |||
</details> | |||
<h2><a href="/david/2021/03/04/" title="Lien permanent vers cet article">HTML-over-WebSockets</a> (2021-03-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But this wasn’t terribly easy for many developers to grok at first. I sure didn’t. And the benefits weren’t exactly clear either. After years (decades, even) of wrapping our heads around the HTTP request cycle, to which all server-handled features must conform, <mark>adopting this WebSocket tech layer required a lot of head scratching</mark>. As with many clever new technologies or protocols, we needed a higher-level abstraction that provided something really effective for getting a new feature in front of a user, fast.</p> | |||
<p><cite><em><a href="https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/">The Future of Web Software Is HTML-over-WebSockets</a></em> (<a href="/david/cache/2021/a722bf15647dfe923d3c28b2e229098c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, ça me gratte justement bien la tête. Je me retrouve <a href="https://benhoyt.com/writings/the-small-web-is-beautiful/">davantage dans cette approche</a> (<a href="/david/cache/2021/862d065d924906f327f8a95e23659295/">cache</a>) et j’ai presque du plaisir à utiliser <a href="https://stimulus.hotwire.dev/">Stimulus</a>, ça semble être le niveau de structuration et de non-abstraction dont j’ai besoin. J’ai aussi essayé <a href="https://turbo.hotwire.dev/">Turbo</a> (Frames) mais je n’ai pas été assez loin pour voir les avantages décrits dans l’article (et c’est trop jeune pour mon niveau de confiance) : j’ai fini par recoder juste ce qu’il me fallait avec Stimulus.</p> | |||
<p>J’apprécie le fait que ces ré-explorations donnent lieux à de nouvelles initiatives comme <a href="https://www.django-unicorn.com/">Django-Unicorn</a> ou <a href="https://sockpuppet.argpar.se/">Sockpuppet</a> pour ne citer que les déclinaisons dans l’écosystème Django. J’ai l’impression que c’est le compromis acceptable pour le vieux développeur que je suis : de la réactivité au niveau de l’interface pour les utilisateur·ices, de la logique et de la stabilité côté développement pour ma sénilité d’esprit.</p> | |||
<p>Attention si vous partez sur des WebSockets, j’ai <a href="https://httptoolkit.tech/blog/http-wtf/">récemment appris</a> (<a href="/david/cache/2021/cbd2101777421fa7549472859210a69c/">cache</a>) que les restrictions de type <abbr title="Cross-Origin Resource Sharing">CORS</abbr> ne sont pas du tout respectées.</p> | |||
<p>Note : je suis surpris qu’il n’y ait pas encore un projet intitulé <strong>RESTream</strong> dans le domaine 🙃🚎.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/14/" title="Lien permanent vers cet article">Impôts</a> (2021-03-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ironiquement, au moment où <a href="/david/2021/03/12/" title="Forêt">je me décide</a> à essayer de mettre un peu d’argent de côté, l’Agence du Revenu du Canada et Revenu Québec s’associent pour m’indiquer qu’il serait plus pertinent de l’investir dans des mesures sociales.</p> | |||
<p>Ça pique, à différents niveaux.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/13/" title="Lien permanent vers cet article">Nonnes</a> (2021-04-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<figure> | |||
<a href="#nuns" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire" | |||
loading="lazy" width="1440" height="1156" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nuns"> | |||
<img src="/static/david/2021/nuns.jpg" alt="Article de presse de 1990 sur cette histoire" | |||
loading="lazy" width="1440" height="1156" /> | |||
</a> | |||
<figcaption>Mais que fait Holywood ?!</figcaption> | |||
</figure> | |||
<p>Je ne pensais pas un jour faire une entrée sur des nonnes mais <a href="https://www.lesoir.be/art/la-saga-des-colettines-rebondit-une-ferme-au-coeur-des-_t-19900704-Z02VMP.html">cette</a> <a href="https://www.lesoir.be/art/le-jardinier-des-clarisses-de-bruges-est-inculpe-_t-19900323-Z02HCD.html">histoire</a> <a href="https://www.lesoir.be/art/%25252Fpauvres-claires-ronny-crab-en-correctionnelle_t-19941024-Z08NWK.html">complètement</a> <a href="https://www.lesoir.be/art/%252Fm%252Fla-cour-d-appel-de-gand-acquitte-ronny-crab-le-dossier-_t-19960206-Z0AMZN.html">rocambolesque</a> mérite d’être connue !</p> | |||
<p>Très difficile de distinguer le vrai du faux lorsque la religion s’en mêle mais quel éventail de possibles fascinant. C’est ce qui s’appelle brûler le cierge par les deux bouts.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/10/" title="Lien permanent vers cet article">Résilience</a> (2021-05-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>La résilience est un concept adulé dans nos sociétés, notamment pour administrer les désastres, c’est-à-dire non seulement pour les gérer mais aussi pour les transformer en remèdes aux dégâts qu’ils génèrent. On peut comprendre cet engouement étant donné que nous sommes de plus en plus confrontés à des catastrophes impossibles à maîtriser. <mark>La résilience apparaît comme une formule magique car elle prétend clore cette impossibilité</mark>, et en faire une source d’inspiration et de rebond vers un soi-disant « monde d’après ». En fait, plus on connaît les causes des désastres, plus les réponses que l’on fournit sont concentrées sur leurs conséquences, et sur la meilleure façon dont on peut en tirer parti, rendant ainsi les causes de plus en plus désastreuses. C’est un principe de base de la résilience que l’on pourrait définir comme « l’art de s’adapter au pire ».</p> | |||
<p>Dans le cas d’une catastrophe nucléaire comme celle de Fukushima, mais c’est aussi vrai ailleurs, <mark>la résilience est promue au rang de technique thérapeutique pour faire face au désastre</mark>. On va individualiser le problème et amener les gens à faire fi de leur impuissance face aux dégâts pour, au contraire, leur donner l’impression d’être puissants et agissants. Chacun est exhorté à « rebondir », à « vivre avec ». Les victimes sont amenées à cogérer le désastre, en participant à la « décontamination » ou en surveillant la radioactivité ambiante. L’objectif des apôtres de la résilience (autorités étatiques, associations locales, experts internationaux), c’est d’amener chacun à cesser de s’inquiéter « inutilement » d’avoir fatalement à vivre avec la contamination. Personne n’ose dire que l’on va « vivre comme avant » mais on parle de « situation post-normale », qui est en fait une situation de survie. Les gens doivent apprendre à se contenter d’un bonheur palliatif, où règne le « trop peu », considéré comme éternel et indiscutable : « trop peu » de santé, « trop peu » de liberté, « trop peu » de peur, « trop peu » de refus, « trop peu » de vie.</p> | |||
<p><cite><em><a href="https://www.bastamag.net/Fukushima-contaminations-zones-radioactives-catastrophes-nucleaires-contre-la-resilience-thierry-ribault">Pour les habitants autour de Fukushima, « il y a une injonction à être des contaminés satisfaits »</a></em> (<a href="/david/cache/2021/2d4d277eb9521025b82bf2fc233c3238/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cette interview de Thierry Ribault m’a donné une autre façon d’interpréter la résilience. Son côté obscur que je n’avais jusqu’alors fait qu’effleurer, il ne suffit parfois que de quelques phrases pour envisager un terme sous son angle inverse. Un <em>pharmakon</em> aurait dit Bernard Stiegler.</p> | |||
<p>Dans un contexte de pandémie, cet échange prend un nouveau sens. Ce n’est plus une catastrophe nucléaire à l’autre bout du globe, c’est une injonction locale pour chacun·e d’entre nous. Maintenant. La résilience comme un pansement sur la <a href="https://fr.wikipedia.org/wiki/Synd%C3%A9mie">syndémie</a> que l’on essaye de se cacher.</p> | |||
<blockquote> | |||
<p>Mais la résilience est plus que cela. C’est une <mark>technologie du consentement</mark> qui précède historiquement le néolibéralisme. Elle s’est développée en même temps que la société industrielle car il s’agit de trouver de bonnes raisons à la traversée de la catastrophe.</p> | |||
<p>[…]</p> | |||
<p>L’alternative est de considérer réellement le malheur, de le nommer et non pas de lui donner un sens pour mieux l’évacuer, et de faire advenir à la conscience la dureté de ce que l’on vit, <mark>conscience indispensable pour aller ensuite vers des formes de vie sociale radicalement différentes</mark>, plutôt que se résigner aux rapports sociaux et à leurs nuisibles sous-produits tels qu’ils sont. On ne traverse pas les épreuves, on est traversés par elles.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/28/" title="Lien permanent vers cet article">Curriculum chain</a> (2021-05-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Vieillir est parfois un lent travail de deuil et de pertes amenant à désinvestir les relations et les actions autrefois appréciées. La personne vieillissante consent peu à peu à ne plus posséder qu’un contrôle restreint de son existence. Certes, elle réinvestit d’autres relations, mais nombre de celles qui lui étaient chères disparaîssent. V. Jankélévitch parle en ce sens de <mark>“l’âge où il y a tout à regretter et rien à espérer”</mark>. Certaines personnes vivent plus douloureusement que d’autres le fait de se sentir éloignées de ce qu’elles ont été et de voir disparaître une à une les traces de leur passé. L’ancienne personnalité parfois se dissout quand l’armure de la réussite sociale ou professionnelle s’efface. Il faut alors consentir à ne plus être l’homme ou la femme que l’on a été si longtemps.<br /> | |||
D’une atteinte narcissique à une autre l’existence finit par peser.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>J’évoquais <a href="/david/2021/05/27/" title="Craftsman">hier</a> la similitude entre un <abbr title="Curriculum vitæ">CV</abbr> et une <em>blockchain</em>. Dans les deux cas, on a eu une preuve de travail a un moment donné, qui a consommé de l’énergie et sans laquelle on n’aurait pas pu avoir une preuve de travail suivante identique. Je suis l’entité principale de certification de cette chaîne d’expériences mais d’autres personnes peuvent partager la véracité de cette information. D’ailleurs, la personne lisant un CV se préoccupe bien souvent de l’intégrité du parcours…</p> | |||
<p>Dans le cadre de notre <a href="/david/2021/05/19/" title="Regroupement">réponse commune</a>, je rédigeais aujourd’hui pour la n-ième fois ce parcours et en fait — même si chaque bloc dépend toujours plus ou moins du précédent — il n’y a pas vraiment la même histoire qui est racontée à chaque itération. Et surtout à chaque interlocuteur·ice. J’adapte mon récit en fonction de ce qui est attendu, de mes aspirations actuelles et de ma souvenance qui ré-interprète des actions passées.</p> | |||
<p>L’évolution d’un même CV m’en dirait certainement plus sur une personne que sa photographie à un instant t. Les maillons de nos chaînes ne renvoient pas toujours la même lumière en fonction de l’angle avec lequel on les éclaire.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/19/" title="Lien permanent vers cet article">Échecs</a> (2021-06-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je me suis mis à regarder des <a href="https://www.youtube.com/watch?v=CppLjn4ORZ0">vidéos de Magnus Carlsen</a> qui fait des parties d’échecs en ligne en les commentant et c’est super intéressant. C’est la première fois qu’un champion du monde a la capacité et la volonté de faire ça et c’est un moyen de comprendre ce qu’il se passe dans sa tête et les <a href="https://www.youtube.com/watch?v=vCqXI49qLKM">stratégies</a> qu’il <a href="https://www.youtube.com/watch?v=tGL1C-AjbCI">évalue en direct</a>. Le voir jouer contre des <a href="https://www.youtube.com/watch?v=f5TZVo4442Q">Grands</a> <a href="https://www.youtube.com/watch?v=QKUH-8S5nXs">Maîtres</a> avec une <a href="https://www.youtube.com/watch?v=k8wQlfU6iz0">telle</a> <a href="https://www.youtube.com/watch?v=CFIB49-VzLY">décontraction</a>, <a href="https://www.youtube.com/watch?v=Ce9WK6r9XZU">rattraper</a> <a href="https://www.youtube.com/watch?v=JJftTkClS74">des erreurs</a> (et <a href="https://www.youtube.com/watch?v=VP1QtODmTBs">des bananes !</a>), <a href="https://www.youtube.com/watch?v=a9BHFuHOHrg">perdre</a>, <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">troller un peu</a> et <a href="https://www.youtube.com/watch?v=zYh8n5zB8vU">se faire troller</a> aussi des fois c’est vraiment plaisant à observer. Ça m’a motivé pour reprendre un peu, à mon rythme, cette pratique avec un jeune prétendant local.</p> | |||
<p>Il y a des fois où la fin est <a href="https://www.youtube.com/watch?v=FKrU-UdKod4">trop</a> <a href="https://www.youtube.com/watch?v=-4IeAzYajrw">rapide</a> pour pouvoir comprendre sans ralentir la vidéo, ça me rappelle le nombre d’<abbr title="Actions Par Minutes">APM</abbr> délirant des tournois pro de Starcraft.</p> | |||
<blockquote lang="en"> | |||
<p>Imagine thinking that you made Carlsen stop to think, then you tune in to his livestream to find out that he’s just commentating on your weaknesses and giving a tutorial on how to beat you.</p> | |||
</blockquote> | |||
<p>Un <a href="https://www.youtube.com/watch?v=benrdYzDmE8&lc=Ugz3XVqnqFii6VEnr6t4AaABAg">commentaire</a> récurrent… et tellement vrai.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/30/" title="Lien permanent vers cet article">Poignée</a> (2021-07-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Un outil est une opportunité avec une poignée. — Kevin Kelly, traduction libre</p> | |||
</blockquote> | |||
<p>Je tombe sur cette citation aujourd’hui et je me demande si je suis un fabricant de poignées.</p> | |||
<p>La sagesse est de savoir résister à la tentation de concevoir des poignées pour toutes les portes.</p> | |||
<blockquote> | |||
<p>Tous les gouvernements sont affligés d’un grave problème chronique : Le pouvoir exerce une grande attraction sur les natures pathologiques. Ce n’est pas tant que le pouvoir corrompt, mais il fascine les sujets corruptibles. Ces gens ont tendance à s’enivrer de violence, ce qui crée rapidement les conditions d’une accoutumance fâcheuse.</p> | |||
<p><cite><em>Missionaria Protectiva, Texte QIV (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,238 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #poésie — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #poésie"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #poésie</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/15/" title="Lien permanent vers cet article">Artfevre</a> (2021-01-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>En Février il y a 28 Jours. On vous propose d’utiliser chacun d’entre eux pour créer — de manière intensive et sans jugement — hors de notre <mark>zone de confort</mark>, et avec des contraintes imposées.</p> | |||
<p><cite><em><a href="https://artfevre.notmyidea.org/">Un février artistique !</a></em> (<a href="/david/cache/2021/94923f2d3ecd28b40745665c9cbe8393/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne sais pas dans quoi est-ce que cela pourrait me mener et c’est ce qui m’intéresse. J’ai plein d’idées et je vais apprécier de me laisser guider par les thèmes et l’envie du moment. <strong>Merci Alexis pour l’invitation.</strong></p> | |||
<p>J’avais notamment été impressionné par le résultat de l’expérience d’Antoine :</p> | |||
<blockquote> | |||
<p>L’idée était venue presque par hasard. Profiter de deux mois dans une autre ville pour produire quelque chose. Avec une contrainte à s’imposer, et une certaine dimension de régularité. Le carnet comme support. Même si l’exploration de l’intime est souvent attirante l’écriture n’était pas une option viable à ce moment-là. Apprendre à dessiner. En deux mois. <mark>Chaque jour.</mark> Projet saugrenu dont il était facile de se détacher, au besoin.</p> | |||
<p><cite><em><a href="https://www.quaternum.net/2020/02/29/epuiser-la-pratique/">Épuiser la pratique</a></em> (<a href="/david/cache/2021/fd776407232cd6fd7627bac7dba39755/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/22/" title="Lien permanent vers cet article">Tentation</a> (2021-01-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Un lien anodin<br /> | |||
La promesse d’hivers sans fins,<br /> | |||
Nuit agitée.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/24/" title="Lien permanent vers cet article">Représentation</a> (2021-10-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je trouve les possibilités offertes par <a href="https://anvaka.github.io/city-roads/">cet outil</a> vraiment esthétiques. L’image finale est intéressante mais savoir qu’elle est le résultat d’une multitude de réajustement fondée sur le volontariat et le partage lui donne une autre dimension. Je l’imagine en poster avec la signature de milliers d’auteur·ices.</p> | |||
<p>Par exemple <a href="https://anvaka.github.io/city-roads/?q=montreal&areaId=3601634158">pour Montréal</a>, on distingue très bien l’île, flottant au milieu du St Laurent :</p> | |||
<figure> | |||
<a href="#montreal-roads" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="montreal-roads"> | |||
<img src="/static/david/2021/montreal-roads.png" alt="Les routes sur l’île de Montréal" | |||
loading="lazy" width="3304" height="1858" /> | |||
</a> | |||
<figcaption>Où l’on remarque aussi que l’île ne comporte pas seulement la commune de Montréal (d’où les espaces blancs).</figcaption> | |||
</figure> | |||
<p>Cela donne une idée du poids des routes (répertoriées dans OpenStreetMap) pour une agglomération donnée. On peut aussi y voir l’histoire des différentes remodélisations de la ville (coucou <a href="https://anvaka.github.io/city-roads/?q=barcelona&areaId=3600347950">Barcelone</a>). Il y a plein de choses à (se) représenter grâce à un outil qui n’est techniquement pas si complexe.</p> | |||
<p><em>Attention : pour certaines villes le chargement peut être extrêmement volumineux.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/11/27/" title="Lien permanent vers cet article">Haïku</a> (2021-11-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Première neige<br /> | |||
Derniers vols de bernaches<br /> | |||
Journée père-fils</p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,239 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #premières-nations — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #premières-nations"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #premières-nations</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/05/30/" title="Lien permanent vers cet article">Infanticide</a> (2021-05-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Large numbers of the Aboriginal children who were sent to residential schools never returned to their home communities. Some of these children ran away, while others died at the schools. The exact number of children who died at school may never be known, but the death rates for many schools, particularly during times of epidemic or disease, were very high.</p> | |||
<p>Sometimes parents never found out what happened to their children. The students who did not return have come to be known as the Missing Children. Working with Survivors and Aboriginal organizations, the Missing Children Projects is documenting the deaths and the burial places of children who died while attending the schools.</p> | |||
<p>To date the TRC has identified the names of, or information about, more than 4,100 children who died of disease or accident while attending a residential school.</p> | |||
<p><cite><em><a href="http://www.trc.ca/events-and-projects/missing-children-project.html">MISSING CHILDREN PROJECT</a></em> (<a href="/david/cache/2021/d15bee86cbddb11d5902617b68f0a12f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>L’histoire du Canada comporte des zones d’ombre assez horribles. De <a href="https://en.wikipedia.org/wiki/Slavery_in_Canada">l’esclavage</a> — <a href="https://ici.radio-canada.ca/nouvelle/1269942/esclavage-canada-noirs-autochtones-histoire">voir aussi</a> (<a href="/david/cache/2021/a950ddcb816cf0593893120ffa6b56cd/">cache</a>) — à la <a href="https://en.wikipedia.org/wiki/Compulsory_sterilization_in_Canada">stérilisation</a>, la colonisation s’est faite avec une brutalité dont je ne découvre que depuis récemment une partie de son histoire, celle que l’on ne retrouvera probablement pas dans les livres d’Histoire :</p> | |||
<blockquote lang="en"> | |||
<p>May 27, 2021, Kamloops – It is with a heavy heart that Tk’emlúps te Secwépemc Kukpi7 (Chief) Rosanne Casimir confirms an unthinkable loss that was spoken about but never documented by the Kamloops Indian Residential School. This past weekend, with the help of a ground penetrating radar specialist, the stark truth of the preliminary findings came to light — the confirmation of the remains of 215 children who were students of the Kamloops Indian Residential School.</p> | |||
<p><cite><em><a href="https://tkemlups.ca/wp-content/uploads/05-May-27-2021-TteS-MEDIA-RELEASE.pdf">OFFICE OF THE CHIEF</a> (<a href="/static/David/2021/infanticide.pdf">cache, PDF - 158 Ko</a>)</em>, FOR IMMEDIATE RELEASE</cite></p> | |||
</blockquote> | |||
<p>Voir aussi :</p> | |||
<ul> | |||
<li><a href="https://www.nytimes.com/2021/05/28/world/canada/kamloops-mass-grave-residential-schools.html">‘Horrible History’: Mass Grave of Indigenous Children Reported in Canada</a> (<a href="/david/cache/2021/91df583aec4e26acd488ec6c52a96a98/">cache</a>)</li> | |||
<li><a href="https://www.ledevoir.com/societe/605445/les-restes-de-215-enfants-retrouves-sur-le-site-d-un-pensionnat-autochtone-de-colombie-britannique">Les restes de 215 enfants autochtones retrouvés sur le site d’un pensionnat</a> (<a href="/david/cache/2021/db61029481fb395dc5b8031dda55619f/">cache</a>)</li> | |||
</ul> | |||
</details> | |||
<h2><a href="/david/2021/09/10/" title="Lien permanent vers cet article">Injustice</a> (2021-09-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si vous dénoncez une injustice, je vous invite à réfléchir : que voudriez-vous voir arriver ? <mark>À quoi la responsabilisation pourrait ressembler ?</mark> Si vous pensez que la personne devrait mourir, socialement ou littéralement, nous devons commencer la conversation à cet endroit-là. Sinon, nous avons besoin d’une vision de ce que pourraient être la guérison et la responsabilisation.</p> | |||
<p><cite><em><a href="https://zine-le-village.fr/si-vous-pensez-qu-ils-doivent-mourir.html">Si vous pensez qu’ils doivent mourir…</a></em> (<a href="/david/cache/2021/629d13932d0187afd3e8056f15b509c4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a <a href="https://eldritch.cafe/@davidbruant">David</a> qui parle de justice réparatrice/transformatrice depuis un moment, il faut que je me penche sur ce concept car j’y vois une source de compréhension et d’acceptation. En lisant <a href="https://fr.wikipedia.org/wiki/Justice_r%C3%A9paratrice">la page wikipedia française</a>, j’apprends qu’il pourrait y avoir un <a href="https://en.wikipedia.org/wiki/Restorative_justice#In_criminal_cases">lien local</a> avec <a href="https://en.wikipedia.org/wiki/Restorative_justice#Precursors_in_indigenous_groups">l’origine</a> de ce concept et sa potentielle <a href="https://en.wikipedia.org/wiki/Restorative_justice#Victim-offender_dialogue">mise</a> en <a href="https://en.wikipedia.org/wiki/Restorative_justice#Circles_of_Support_and_Accountability">application</a>.</p> | |||
<p>De quoi me motiver encore davantage.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/14/" title="Lien permanent vers cet article">Lutte</a> (2021-09-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>“From an Indigenous perspective, when we are confronting the climate crisis we are inherently confronting the systems of colonization and white supremacy as well,” Goldtooth said. “In order to do that, you have to reevaluate how you relate to the world around you and define what your obligations are to the world around you. It’s more than just stopping fracking development and pipelines and it’s more than just developing clean energy, it’s about actually fundamentally changing how we see the world itself.”</p> | |||
<p>[…]</p> | |||
<p>“When you take a step back and look at the work that Indigenous peoples have put in over the years and decades, <mark>it really goes to show that we collectively are making a tremendous impact for the benefit of this planet</mark>,” Goldtooth told Grist.</p> | |||
<p>“It backs up what we’ve constantly been saying,” he added, “recognizing Indigenous Rights protects the water, protects the land, and protects our futures.”</p> | |||
<p><cite><em><a href="https://grist.org/protest/indigenous-resistance-has-cut-u-s-and-canadas-annual-emissions/">Indigenous resistance has cut U.S. and Canada’s annual emissions</a></em> (<a href="/david/cache/2021/37c5b14ca3ae3079847fecc90deeddc0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Au-delà des chiffres, il y a ce constat à la lecture du <a href="https://www.ienearth.org/wp-content/uploads/2021/09/Indigenous-Resistance-Against-Carbon-2021.pdf">rapport</a> (PDF, 4 Mo, <a href="/static/david/2021/Indigenous-Resistance-Against-Carbon-2021.pdf">cache</a>) que (seule ?) la lutte fonctionne. Merci aux personnes qui <em>sont</em> cette lutte, qui incarnent la résistance dont nous avons besoin pour survivre.</p> | |||
<p>Imaginez un peu si la <a href="/david/2021/09/13/" title="Démission">grande démission</a> se transformait en grande action collective… on pourrait appeler ça le Grand Matin pour changer un peu.</p> | |||
<hr /> | |||
<p>Une vidéo du dernier <a href="https://peertube.fedi.quebec/w/44341428-aef7-458e-8309-779e83aa851f">Grand Solstice</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/24/" title="Lien permanent vers cet article">Militantisme</a> (2021-09-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>En créant un espace de <a href="/david/2021/09/01/" title="Rentrée">discussion entre parents</a>, cela nous a permis d’élargir aussi le champ des interactions et d’introduire le politique dans notre groupe.</p> | |||
<p>C’est l’occasion de partager sur le <a href="https://fr.wikipedia.org/wiki/Pensionnats_pour_Autochtones_au_Canada#Journ%C3%A9e_nationale_de_la_v%C3%A9rit%C3%A9_et_de_la_r%C3%A9conciliation">chandail orange</a> et comment l’aborder en famille, de faire circuler des pétitions importantes pour l’école, d’organiser des activités extra-scolaires.</p> | |||
<p>Après une année et demie de Covid, on sent bien que les échanges entre personnes — qui feraient de toute façon partie du même <em>cluster</em> — sont plus rapides et fluides qu’à l’accoutumé.</p> | |||
<p>Une autre forme d’intégration…</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,451 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #produit — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #produit"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #produit</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/21/" title="Lien permanent vers cet article">Questionnements</a> (2021-01-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Parfois, l’individu ne trouve jamais sa place dans le monde, il se sent différent et peu concerné par les mouvements autour de lui. Immergé dans l’exil intérieur, retranché de la sociabilité même s’il accepte d’y participer sous une forme minimale, il est séparé de l’univers des autres et existe dans son propre monde. Le poids de l’individualisation, la nécessité de toujours fournir l’effort d’être soi et de produire les apparences d’une présence au sein de la sociabilité sont toujours menacés par la dépression mais également par une forme plus discrète, celle de l’impersonnalisation qui consiste à ne plus se prêter à la comédie de la disponibilité aux autres en occupant un angle mort au sein de la sociabilité. L’individu est détaché, indifférent, mais il est toujours là sans se sentir tenu de participer. <mark>Face aux mouvements du monde qu’il n’arrive plus à suivre</mark>, il revendique un droit à l’abstention, au silence, à l’effacement, au retrait.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Je me rappelle à la même période il y a un an, je faisais déjà le hamster en ski de fond sur l’île d’à côté. Je tournais en me posant des questions sur mon implication dans la visibilité/popularité de l’État français et de son gouvernement actuel. À l’époque, il s’agissait de savoir s’il était vraiment <a href="/david/2020/04/18/">pertinent</a> de le rendre en capacité d’encaisser un <abbr title="Distributed Denial of Service attack">DDoS</abbr> d’amendements de la part de <em>La France Insoumise</em> (pour rappel, 42 000 amendements à traiter en une même séance pour le Projet de loi sur les retraites, 49.3, etc.).</p> | |||
<p>Aujourd’hui, tout a changé et rien n’a changé. La situation est <a href="/david/2020/05/26/">bien différente</a> mais je me pose pourtant les mêmes questions de fond (sans skis, enfin si, bref). Dans quelle mesure est-ce que je cautionne une doctrine en essayant de la rendre intelligible par le plus grand nombre ? À qui profite <em>vraiment</em> la réactivité dont mon <a href="/david/blog/2019/faire-equipe/">équipe</a> peut faire preuve ?</p> | |||
<p><strong>De plus en plus tenté de passer du coq à l’arbre…</strong></p> | |||
</details> | |||
<h2><a href="/david/2021/02/03/" title="Lien permanent vers cet article">Consentement</a> (2021-02-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The Consentful Tech Project’s definition of good <mark>digital consent</mark> is adapted from Planned Parenthood’s definition of sexual consent, which abbreviates to the easy-to-remember, tasty acronym “FRIES.” According to this definition, consent must be:</p> | |||
<ul> | |||
<li><strong>Freely given.</strong> Doing something with someone is a decision that should be made without pressure, force, manipulation, or while incapacitated.</li> | |||
<li><strong>Reversible.</strong> Anyone can change their mind about what they want to do, at any time.</li> | |||
<li><strong>Informed.</strong> Be honest. For example, if someone says they’ll use protection and then they don’t, that’s not consent.</li> | |||
<li><strong>Enthusiastic.</strong> If someone isn’t excited, or really into it, that’s not consent.</li> | |||
<li><strong>Specific.</strong> Saying yes to one thing doesn’t mean they’ve said yes to others.</li> | |||
</ul> | |||
<p><cite><em><a href="https://www.consentfultech.io/">What is Consentful Tech?</a></em></cite></p> | |||
</blockquote> | |||
<p>Jolie découverte <a href="https://www.internetactu.net/2021/02/03/design-justice-repolitiser-le-design/">via un auto-commentaire</a> (<a href="/david/cache/2021/6faa32ba37a3b1232125db9858700627/">cache</a>) de la part d’Hubert Guillaud sur un article bien dense aussi. Il y a un <a href="http://www.consentfultech.io/wp-content/uploads/2019/10/Building-Consentful-Tech.pdf">PDF de 300 Ko</a> (<a href="/static/david/2021/Building-Consentful-Tech.pdf">cache</a>) qui vient compléter la définition et qui donne davantage de précisions — dont celle-ci en particulier :</p> | |||
<blockquote lang="en"> | |||
<p>“Fail faster” is a maxim of application developers these days. It means putting something out into the world quickly and responding to user feedback in future iterations. This is a great way to optimize the value of your application to your users, by starting with something simple and experimenting until you get the right features.</p> | |||
<p>[…]</p> | |||
<p>It isn’t enough to iterate features in response to harm — <mark>we must also iterate the process that lead to those features being released</mark>. What would that process look like if it was centered around the privacy and security of survivors of violence? Of people from communities that are regularly subject to state surveillance?</p> | |||
</blockquote> | |||
<p>Les plateformes peuvent s’excuser <em>a posteriori</em> mais qu’en est-il de <a href="/david/2021/01/06/" title="Clown d’État">rendre des comptes</a> sur ce qui a été mis en place en interne pour ne pas reproduire de telles situations ? Voilà de quoi ajouter pas mal d’eau au moulin qui me sert de cerveau. Et pendant ce temps là, j’apprends qu’il y a des <q>chiens de garde de la vie privée</q> au Canada :</p> | |||
<blockquote> | |||
<p>Le rapport note entre autres que l’entreprise américaine a constitué une base de données de « plus de trois milliards d’images de visages », y compris ceux d’un grand nombre de Canadiens et d’enfants. Des forces policières y ont eu accès, tout comme des organisations commerciales, et ce, <mark>sans le consentement des personnes</mark>, déplorent le commissaire Daniel Therrien et ses homologues du Québec, de l’Alberta et de la Colombie-Britannique.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/594536/reconnaissance-faciale-clearview-ai-a-viole-la-vie-privee-des-canadiens">Reconnaissance faciale: Clearview AI a violé la vie privée des Canadiens</a></em> (<a href="/david/cache/2021/0e0d866f920298fbc0624c03ddc83d24/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/03/" title="Lien permanent vers cet article">Vivre avec</a> (2021-03-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chaque jour de « vivre avec », les différents variants du virus circulent. Plus ils circulent, plus la probabilité de nouveaux variants augmente. En décembre, quand les médias ont commencé à parler de variants, les bavards ont joué les étonnés : Des variants ? Il y a des variants ? Quelle surprise ! Bah oui ! Des mutations. Des branches. Des variétés. Biologie élémentaire. Plus on laisse tourner cette saloperie, plus on risque de voir émerger des variants. C’est ça aussi, le « vivre avec ». Ça veut dire jouer avec le feu. Ça veut dire laisser brûler un immeuble, puis un quartier, voire toute une ville, en espérant que le feu en se propageant ne va pas atteindre une bonbonne de gaz, un bidon d’essence, ou un entrepôt de produits chimiques.</p> | |||
<p>Chaque jour de « vivre avec », la peur fait son chemin. <mark>Chaque jour de « vivre avec », les esprits sont usés par les situations absurdes, les mensonges officiels, les injonctions contradictoires.</mark> Chaque jour de « vivre avec », les habitants de ce pays prennent conscience qu’ils ne peuvent plus compter sur leur pays. Chaque jour de « vivre avec », on rend les gens un peu plus fous – y compris l’auteur de ces lignes.</p> | |||
<p><cite><em><a href="https://prototypekblog.wordpress.com/2021/03/02/vivre-avec-les-fleaux/">Vivre avec les fléaux</a></em> (<a href="/david/cache/2021/f9327416703abe2963573a84d1d0a39e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne vous cache pas qu’il m’est de plus en plus difficile de communiquer/implémenter quotidiennement la doctrine gouvernementale. Faire un tel suivi me met <a href="/david/2020/05/26/">chaque jour depuis 9 mois</a> aux premières loges des incohérences et autres revirements de situation. Le pire étant de faire le constat de l’accouchement, en un mot : douloureux. On attend toujours les doses de péridurale…</p> | |||
<p>J’ai vraiment de l’empathie pour les 68 millions de français·es qui n’y comprennent rien aux directives et c’est la raison pour laquelle je continue à faire mon travail de vulgarisation/simplification mais je sais que je suis en train d’y laisser des plumes. Ne serait-ce que par le fait de <em>vivre avec</em> ce doute oppressant : suis-je vraiment en train de faire le moins de dégâts possible ?!</p> | |||
</details> | |||
<h2><a href="/david/2021/03/09/" title="Lien permanent vers cet article">Fun</a> (2021-03-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>And there’s plenty of other backfill features, as we like to call them. The stuff you’re just supposed to do. The things people will ask for.</p> | |||
<p>But people don’t ask for weird. They don’t ask for different. They even rarely ask for fun. Practical? Yup. Configurable? Definitely. Life is more than just that, though.</p> | |||
<p>[…]</p> | |||
<p>That’s why its <mark>our duty to stand up</mark> for weird/different/fun. Give it a seat at the planning table.</p> | |||
<p><cite><em><a href="https://world.hey.com/dhh/keep-hey-weird-de3e912c">Keep HEY weird</a></em> (<a href="/david/cache/2021/b0bb48391acd14185895724197f63417/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une des choses qui me titille avec les entretiens utilisateur·ices, les approches LEAN, etc. On obtient des produits plus pertinents, plus rapidement mais qu’en est-il de la partie fun ? C’est déjà très bien d’arriver à un outil fonctionnel mais comment le conjuguer à une « humanité » imparfaite et surprenante ?</p> | |||
<p>Dans cet étau d’efficacité, on passe peut-être à côté de quelque chose d’important. On court après <q>une recherche aussi rapide que celle de Google</q>, <q>un achat aussi <em>1-click</em> que celui d’Amazon</q>, <q>une interface aussi simple que celle d’Apple</q> mais les fois où j’ai des émotions c’est quand je me connecte au site même-pas-en-HTTPS de la ferme du coin pour commander des œufs et qu’ils me répondent manuellement pour me dire <q>À dimanche !</q>.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/19/" title="Lien permanent vers cet article">Support</a> (2021-03-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Yes, not only that, also just experience with selling very low priced products and how that’s incompatible with the kind of companies that we run and the kind of service we want to offer. So we have a relatively large support department who spend a lot of time being very diligent and careful with all the customers they interact with. And the math on that is that like someone writes us an email and it costs about five bucks, you take all the costs involved with running support department. It costs about five dollars to answer an email.</p> | |||
<p>If you lower your price to the point where one email essentially put you under water on a on a customer relationship, <mark>you end up in a place where you don’t want to talk to your customers.</mark></p> | |||
<p><cite><em><a href="https://small-tech.org/videos/small-is-beautiful-07/">Small Is Beautiful livestream #7</a></em> (<a href="/david/cache/2021/184bcc38c39ce5b4d2f75fedd2c82198/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Il y a beaucoup de choses intéressantes dans cette discussion, je remercie Laura et Aral d’avoir pris le temps de faire un transcript de l’échange qui me permet non seulement de le lire à mon rythme mais en plus de l’archiver (bon et bien sûr de le rendre accessible aux personnes en ayant davantage besoin).</em></p> | |||
<p>J’apprécie particulièrement cette partie relative au support, qui lui donne un coût permettant d’arbitrer une intention. Lorsque l’on crée une chose, on y place un espoir dont on essaye de s’approcher. La difficulté est de continuer à partager cet espoir et/ou de le faire évoluer sans renier totalement les conditions de son accession.</p> | |||
<p>Cette difficulté est un travail quotidien.</p> | |||
<blockquote lang="en"> | |||
<p>We were about 45 people, I think, at the time. We had four major products that were all sort of succeeding and growing. And we looked at that and said, you know what? We can’t continue with four major products at the same time, if we’re staying at 45 people, we have to probably go to 150 because there’s these tipping points where once you install this layer of management, you need a bunch more people and so on. So if we’re going to run this whole thing, I can see a straight path to us being 150, maybe 300 people. And I looked at that and said, you know what, <mark>I don’t want to work there</mark>. I don’t want to work at a Basecamp of 300 people.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/10/" title="Lien permanent vers cet article">Autrement</a> (2021-04-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai envie de pouvoir faire, penser, écrire des choses inutiles, qui ne <em>servent</em> absolument à rien. Des choses gratuites, dont les conséquences ne sont pas importantes ou, de toute manière, ne constituent pas une cause finale. J’ai envie de faire aussi des choses nuisibles, qui nuisent à l’impératif de productivité, qui cassent cet espèce de flux insensé. <mark>J’ai envie de perdre du temps</mark>, de développer un outil informatique qui ne sert à rien, qui ne fonctionne pas, qui ne fait pas gagner du temps, qui n’est même pas beau - car la beauté aussi est assujettie à l’utilité.</p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/inutilite.html">Ce qui pourrait être autrement : éloge de l’inutilité</a></em> (<a href="/david/cache/2021/0f611ad6e0e6b46c2d6a5da863d6e0be/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>À rapprocher de ce qui pourrait être <a href="/david/2021/03/09/" title="Fun">fun</a>. Je vous invite à lire toute la série de Marcello intitulée « <a href="http://blog.sens-public.org/marcellovitalirosati/categories/cequipourrait/">Ce qui pourrait être autrement</a> ».</p> | |||
</details> | |||
<h2><a href="/david/2021/04/30/" title="Lien permanent vers cet article">Produit</a> (2021-04-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This was surprising because it seems so clearly against our own interest. In almost every case, companies fail because they build the wrong thing. <mark>Unless your customers are themselves engineers, I’m the wrong person to help with that.</mark> You want someone comfortable at the periphery of your system, who wants to learn about the competitive landscape, who wants to talk to customers. You want a product engineer.</p> | |||
<p><cite><em><a href="https://ideolalia.com/essays/trapped-in-the-technologist-factory.html">trapped in the technologist factory</a></em> (<a href="/david/cache/2021/0d69b48e03e8a6b26605dfda4a6f32dd/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est un long cheminement personnel pour arriver à cette conclusion. Le mien a duré de très longues années et d’une certaine manière je continue de l’arpenter. Se rappeler quotidiennement que le produit que je développe n’est pas égoïstement pour moi — ou ma propre acquisition de connaissances — mais au service d’autres personnes. Cette démarche requiert un certain niveau de prise de conscience puis d’empathie pour espérer faire un produit utilisable et utilisé.</p> | |||
<p>Et pendant ce temps là :</p> | |||
<blockquote lang="en"> | |||
<p>I choose requests from this list <mark>based on my current mood</mark> and what I would like to implement next. There is no secret sauce behind it. It’s all about building what people want.</p> | |||
<p><cite><em><a href="https://www.lunadio.com/blog/the-story-of-a-unicorn-solo-founder-making-dollar500000-arr/">The story of a unicorn solo founder making $500,000 ARR</a></em> (<a href="/david/cache/2021/7a14f3cf8b05889a910c575726915486/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/06/" title="Lien permanent vers cet article">Abonnement</a> (2021-06-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>That all sounds great. However, as I mentioned, we love goodwill, and a lot of people wince when they hear “subscription.” The first thing that pops up in a user’s head are scammy companies that make cancellation a nightmare, like multi-level marketing schemes, gym memberships, and Adobe. The App Store prevents these shenanigans: you get a reminder email before renewal, and you can cancel within the <em>Settings</em> app in seconds. Whenever a company offers a subscription, I always try to buy it through the App Store.</p> | |||
<p>Some folks absolutely loathe subscriptions on <em>principle</em>, and <mark>will never rent something if they can own it</mark>. This is not unreasonable. Halide is like a camera, and while professionals are used to renting gear, most consumers own their camera.</p> | |||
<p><cite><em><a href="https://lux.camera/lux-year-4-doubling-down/">Lux Year 4: Doubling Down</a></em> (<a href="/david/cache/2021/0c45751cd69748ca779b1442b26ad6c3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les créateurs de Halide (et Spectre) reviennent en détail sur leur stratégie, notamment financière, pour faire évoluer leur produit. J’utilise ces deux applications, aussi c’est d’autant plus intéressant de lire leurs doutes et leurs pistes vis à vis de cette évolution.</p> | |||
<p><em>Je ne crois pas avoir lu un seul retour de développeur d’application pour iOS qui ne se plaigne pas de l’AppStore.</em></p> | |||
<p>Ce n’est vraiment pas évident de trouver un moyen d’être rémunéré de manière stable et pérenne lorsqu’on vend un produit, surtout si on souhaite qu’il soit durable. Il y a des jours où j’aimerais me préoccuper de ces aspects là… et d’autres où je suis bien content de vendre ma « force de travail ». C’est un choix de vie qui m’offre pour l’instant une plus grande liberté d’esprit mais qui pourrait changer lorsque je n’aurai plus l’impression d’avoir suffisamment de <q>force</q> justement.</p> | |||
<p>En tant que développeur, j’ai de plus en plus l’impression que l’on crée notre propre système d’abonnement en augmentant la complexité de nos outils et de notre <em>stack</em> (ça sonne toujours mieux en anglais), ce qui génère la nécessité d’une maintenance régulière assurant un fond de roulement. La « tierce maintenance applicative » n’est pas nouvelle mais elle me semble atteindre un tout autre niveau ces dernières années sur le Web.</p> | |||
<p>On crée tranquillement notre propre besoin, <a href="http://megelison.com/poor-in-tech">en étant sur-payé·es</a> (<a href="/david/cache/2021/86eba8e465d7ce11ef61a0c61f878f21/">cache</a>), et personne ne semble s’en offusquer plus que ça…</p> | |||
<blockquote lang="en"> | |||
<p>And I’m not 100% sure, but I think this might contribute to longevity. Some of my clients are still working with the same sites I built for them nearly 10 years ago, a few with just minor security-related updates in the meantime and <mark>no other maintenance strictly required</mark>. That’s not to say that those sites couldn’t use a “lick of paint” to bring them in to the 2020s; the point is that they <em>work</em>. And for organizations working on really tight budgets, or budgets that fluctuate wildly due to public funding, stability is really important. They can’t afford a developer on retainer to keep things running smoothly.</p> | |||
<p><cite><em><a href="https://piperhaywood.com/two-articles-on-spa-or-spa-like-sites-vs-alternatives/">Two articles on SPA or SPA-like sites vs alternatives</a></em> (<a href="/david/cache/2021/d46752726e00de301573576176df1f1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/18/" title="Lien permanent vers cet article">Inutile</a> (2021-06-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je me rappelle l’année dernière, à la même période, on se demandait si on allait avoir besoin de budget pour <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a> au cours des prochains 3 ou 6 mois. Un an après, on aspire toujours à ce que le produit ait la durée de vie la plus courte possible. C’est quand même un angle particulier lorsqu’on investit du temps sur le développement d’un outil que d’espérer son inutilité toute prochaine.</p> | |||
<blockquote lang="en"> | |||
<p>Seen from a distance, (other people’s) existence seems to possess a coherence and a unity which they cannot have, in reality, but which seems evident to the spectator. This, of course, is <mark>an optical illusion</mark>. The distance (that is, the paucity of our knowledge) blurs the details and effaces everything that fits ill into the Gestalt. Illusion or not, we tend to see other people’s lives as works of art. And having seen them this way, we struggle to (make our lives) the same.</p> | |||
<p><cite><em>Liquid Modernity</em>, Bauman (2000) <em>via</em> <a href="https://kneelingbus.substack.com/p/162-minimum-viable-self">#162: Minimum Viable Self</a> (<a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/24/" title="Lien permanent vers cet article">Long terme</a> (2021-06-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Agile’s success at the expense of UX is just one manifestation of a deeper truth: Businesses want scaling. And foundational UX work doesn’t scale. It doesn’t lend itself to predictable, repeatable processes and generic cookie-cutter roles. It can’t, because by definition it deals with unknown, slippery, hard-to-define problems that characterize the leading edge of an organically evolving business.</p> | |||
<p>The same things that make agile a great fit for scaling engineering work—regular sprint tempos; clearly articulated outcomes to be produced; breaking down the complex, unfolding experience of users into concrete elements that can be tied to code—are the very things that make it a terrible fit for foundational UX work. <mark>The holism necessary to do foundational UX is antithetical to the assembly-line chunks of user behavior</mark> agile requires.</p> | |||
<p><cite><em><a href="https://www.fastcompany.com/90642462/i-helped-pioneer-ux-design-what-i-see-today-horrifies-me">I helped pioneer UX design. What I see today disturbs me</a></em> (<a href="/david/cache/2021/f5a7f2346b8c7317be12857b52321f52/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne vais pas me focaliser sur l’opposition agile/UX car il y a pas mal de façons de pratiquer ces deux domaines. C’est certain qu’il est malheureux d’avoir appelé ces itérations des <em>sprints</em> et qu’il faut réussir à avoir suffisamment de recul pour ne pas prendre ce terme au pied de la lettre (sinon ça finit par brûler).</p> | |||
<p><strong>Déterminer ensemble ce que l’on veut produire à long terme est très complexe pour une équipe.</strong> Le contexte change, les utilisateur·ices évoluent, l’équipe elle-même se renouvelle, dans cet espace mouvant il est difficile de conserver un semblant d’unité et de cohérence. Au moins vis-à-vis des interactions avec l’extérieur.</p> | |||
<p>On peut être tenté d’avoir recours à un <em>Design System</em> ou <a href="https://gouvfr.atlassian.net/wiki/spaces/DB/pages/736362561/Version+1.0.0">Système de Design</a> même si ce cadre arrive avec une lourdeur qui lui est propre. Ça peut donner l’impression de mettre une carrosserie sur une trottinette qui n’en nécessitait pas tant. C’est une réponse technique efficace (sans être performante) à une problématique qui a trait <a href="/david/2021/06/23/" title="FullStack">à l’humain et à l’empathie</a>.</p> | |||
<p>Comment combiner la tactique (faire à court terme) à la stratégie (penser à long terme) alors ? <strong>Sans technique</strong>, avec des <em>personnes</em> qui font le liant. Qui agrègent, qui reli(s)ent, qui partagent l’enthousiasme.</p> | |||
<p>Qui prennent soin. Qui donnent loin.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/05/" title="Lien permanent vers cet article">Ano(r)malisme</a> (2021-07-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Se dire qu’une expérience singulière n’est pas reproductible car le contexte était trop particulier. J’ai souvent croisé ce schéma de pensée, notamment dans le contexte professionnel. C’est triste car ça referme brutalement des portes à peine entrouvertes.</p> | |||
<p>Un contexte se crée et se façonne — disent les privilégié·es — mais il faut pour cela être suffisamment en (in)sécurité. Un entre-deux génère un <a href="/david/2021/01/05/" title="Statu quo">statu quo</a>.</p> | |||
<blockquote> | |||
<p>La bureaucratie est la mort de l’initiative. Il n’est rien que des bureaucrates haïssent plus que l’innovation, en particulier celle qui produit de meilleurs résultats que les vieilles routines traditionnelles. <mark>Les améliorations font toujours paraître ineptes ceux qui se trouvent au sommet de la pyramide.</mark> Et qui prend plaisir à avoir l’air inepte ?</p> | |||
<p><cite><em>Guide des Essais et Erreur dans l’Art de Gouverner, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/30/" title="Lien permanent vers cet article">Poignée</a> (2021-07-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Un outil est une opportunité avec une poignée. — Kevin Kelly, traduction libre</p> | |||
</blockquote> | |||
<p>Je tombe sur cette citation aujourd’hui et je me demande si je suis un fabricant de poignées.</p> | |||
<p>La sagesse est de savoir résister à la tentation de concevoir des poignées pour toutes les portes.</p> | |||
<blockquote> | |||
<p>Tous les gouvernements sont affligés d’un grave problème chronique : Le pouvoir exerce une grande attraction sur les natures pathologiques. Ce n’est pas tant que le pouvoir corrompt, mais il fascine les sujets corruptibles. Ces gens ont tendance à s’enivrer de violence, ce qui crée rapidement les conditions d’une accoutumance fâcheuse.</p> | |||
<p><cite><em>Missionaria Protectiva, Texte QIV (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/02/" title="Lien permanent vers cet article">Équipes</a> (2021-09-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You might assume that if you put together a bunch of people and give them a goal, they’re a team. <mark>But that’s not how it works.</mark> While all constellations are working groups of some sort, in order for a working group to be considered a team two criteria need to be met.</p> | |||
<p><cite><em><a href="https://www.viktorcessan.com/the-first-question-to-ask-when-building-teams-is-this-really-a-team/">The First Question To Ask When Building Teams - Is This Really A Team?</a></em> (<a href="/david/cache/2021/77419ba77876ddc880823ee6321f9cbe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me réfère souvent à cette classification lorsqu’on me parle d’équipe. Elle a l’avantage d’être relativement simple à (re)mettre en mémoire grâce aux schémas.</p> | |||
<p><strong>Un but commun qui nécessite d’être ensemble.</strong> Tous les mots comptent.</p> | |||
<p>Ne pas confondre avec un « groupe d’affinité » :</p> | |||
<blockquote> | |||
<p>L’influence du mouvement anarchiste sur l’alter-mondialisme procède en grande partie de la diffusion de modes d’organisation comme le <em>groupe d’affinité</em>, une unité militante autonome d’environ 5 à 20 individus qui <mark>partagent une même sensibilité à l’égard des causes à défendre et des types d’actions à privilégier</mark>. Le processus de prise de décision y est anarchiste, c’est-à-dire qu’il est égalitaire, participatif, délibératif et consensuel.</p> | |||
<p><cite><em>Les nouveaux anarchistes</em>, Francis Dupuis-Déri</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/13/" title="Lien permanent vers cet article">Prodiverse</a> (2021-10-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je continue sur <a href="/david/2021/10/07/" title="Consigner">cette idée de produit</a>, l’avantage d’un <a href="/david/2021/01/01/" title="PresQuotidien">rythme hebdomadaire</a> est de pouvoir rebondir sur mes propres propos avec un peu de recul.</p> | |||
<p>Je me demande de plus en plus s’il n’y a pas déjà tout ce qui serait nécessaire au niveau échanges de messages et notifications avec mastodon. Ce qui pêche un peu dans l’usage orienté produit que j’imagine c’est davantage le rendu et la navigation. Et on touche peut-être du doigt un irritant personnel que j’ai déjà avec le client par défaut et l’affichage des discussions.</p> | |||
<p>En ayant 6 heures de décalage horaire avec la France, je me réveille souvent avec un train de retard et en lisant de manière anté-chronologique le fil des discussions c’est vraiment fastidieux de s’y retrouver. Un affichage à-la-P2 me permettrait de ne pas perdre le fil justement, avec une arborescence qui commencerait par m’afficher la source.</p> | |||
<p>C’est peut-être un premier petit pas : tenter de faire le client mastodon qui irait dans le sens d’une arborescence de discussions plus que d’un flux. Et tant qu’à faire <a href="https://github.com/popura-network/atoot">en asynchrone</a> histoire d’ajouter un peu de fun.</p> | |||
<blockquote> | |||
<p>Fais très attention à qui tu racontes ton histoire parce que c’est ce que tu as de plus précieux.</p> | |||
<p>C’est tout ce que tu posséderas jamais : ta propre histoire.</p> | |||
<p><cite>Citation d’un aborigène dans un livre de Sarah Marquis</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/15/" title="Lien permanent vers cet article">Engagement</a> (2021-10-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Il y a une notion en alpinisme/escalade qui est relativement indépendante de la difficulté. Il s’agit du niveau d’engagement de la paroi/voie. Ce n’est pas la même chose de parcourir un chemin de randonnée ou de se faire une arrête avec 1000 m d’à-pic de chaque côté. Pourtant la largeur est la même, mais la conséquence d’une inattention ou d’un trébuchement n’a pas la même criticité.</p> | |||
<p><a href="https://ronan.amicel.net/">Ronan</a> me rappelait à juste titre qu’il en est de même sur des produits informatiques. Il y a le chemin, mais il y aussi le vide autour (ou parfois plutôt le trop plein). Il est facile de se laisser happer par des problématiques bien au-delà du périmètre auquel on voudrait bien se circonscrire pour épargner sa santé mentale.</p> | |||
<p>En se focalisant sur le <a href="https://fr.wikipedia.org/wiki/Cotation_en_alpinisme#Neige,_glace_et_mixte">degré technique</a>, on néglige parfois la <a href="https://fr.wikipedia.org/wiki/Cotation_en_alpinisme#Neige,_glace_et_mixte">cotation de sérieux</a> qui est toute aussi importante — si ce n’est plus — pour revenir en un seul morceau.</p> | |||
<p>L’évaluation de sa capacité d’engagement est indissociable d’une bonne connaissance de ses capacités et… d’une certaine humilité.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/06/" title="Lien permanent vers cet article">Client</a> (2021-11-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The central cause of the failure was another anti-pattern, <strong>CEO as Customer</strong>. And it turns out that a company that can’t invest in the quality of its mainline product, won’t invest in the quality of its replacement, either. That’s a management anti-pattern, and starting over with new people and a blank piece of paper doesn’t change management. <mark>Only management can change management.</mark></p> | |||
<p><cite><em><a href="http://raganwald.com/2021/10/28/the-inner-osborne-effect.html">The Inner Osborne Effect</a></em> (<a href="/david/cache/2021/a98225895499217f24a9e081c2684dc4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><abbr lang="en" title="Chief Executive Officer">CEO</abbr> comme client < Comité directeur comme client < Équipe de développement comme cliente < Équipe produit comme cliente < Interviewé·es comme client·es.</p> | |||
<p>Étonnamment, entre le biais de sélection et la transformation des personnes recrutées, « Client comme client » est très difficile à atteindre.</p> | |||
<p>À moins d’être son propre client.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,233 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #protopie — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #protopie"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #protopie</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/10/" title="Lien permanent vers cet article">Retraite</a> (2021-02-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais sous prétexte que ça ne va pas révolutionner leur vie, beaucoup se privent de ces petites victoires volées sur le quotidien parce que « ça ne changera rien ». Mais si ça change ! Naturellement. À trop viser de grandes victoires futures, <mark>on en oublie de saisir celles qui sont à portée de main</mark>. Elles sont pourtant le carburant des grandes épopées de demain : sans elles, comment poursuivre, toute une vie durant, des aspirations qui semblent si loin ? Ou <em>a contrario</em>, sans elles, comment réaliser que parvenir est devenu superflu… Puisqu’on est déjà si bien.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Sur les pistes, je ne croise que quelques personnes manifestement retraitées. Je me demande si j’en suis une. Pas dans le sens <abbr title="Financial Independence, Retire Early">FIRE</abbr> qui semble avoir du succès chez les personnes à hauts salaires — comme les développeurs et développeuses. Plutôt en ayant des choix de vie me permettant d’avoir des pratiques de retraité dès maintenant.</p> | |||
<p>Petit plaisir du jour : avoir créé un nuage en lançant de l’eau à ébullition en l’air lorsqu’il fait « frête ». Je ne l’avais jamais fait et c’était plaisant, d’autant que non prémédité (je faisais la vaisselle en m’aidant du poêle).</p> | |||
<figure> | |||
<a href="#refuge_corbeau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="refuge_corbeau"> | |||
<img src="/static/david/2021/refuge_corbeau.jpg" alt="Lever de soleil" | |||
loading="lazy" width="2016" height="1512" /> | |||
</a> | |||
<figcaption>Les couleurs par -22°C sont toujours aussi magnifiques.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/02/18/" title="Lien permanent vers cet article">Castors</a> (2021-02-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Construire soi-même sa maison, quand on n’est pas du métier, cela peut sembler mission impossible. Et pourtant, c’est ce qu’ont fait des milliers de Français dans les années 1950, avec le Mouvement des Castors. Des agriculteurs, des cheminots, des ouvriers… sont devenus des autoconstructeurs.</p> | |||
<p>Ils sont même allés encore plus loin : plutôt que se concentrer sur leur maison individuelle, <mark>ils se sont regroupés pour construire ensemble des quartiers entiers</mark>. « Les gens qui travaillaient sur les maisons ne savaient pas si c’était la leur ou celle du voisin, une fois qu’elles étaient terminées, elles étaient tirées au sort », explique Eric Tortereau, co-président de l’association des autoconstructeurs Castors Rhône-Alpes.</p> | |||
<p><cite><em><a href="https://www.18h39.fr/articles/ils-construisaient-leurs-maisons-tous-ensemble-puis-les-tiraient-au-sort-lhistoire-des-castors.html">Ils construisaient leurs maisons tous ensemble puis les tiraient au sort : l’histoire des Castors</a></em> (<a href="/david/cache/2021/13fac7e78342ffd7e5286a6d5519e19e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me surprends parfois à rêver d’un tel avenir post-Covid. J’imagine que ça n’est pas (encore ?) suffisamment dévastateur pour que l’on en arrive à une telle solidarité. Peut-être à la prochaine marche de notre descente énergétique ?</p> | |||
</details> | |||
<h2><a href="/david/2021/04/22/" title="Lien permanent vers cet article">Vacances</a> (2021-04-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’histoire est aussi importante que la forme ou la structure. Dans une très large mesure, <mark>l’histoire d’un phénomène constitue le phénomène lui-même</mark>. Nous sommes, réellement, tout ce qui a existé avant nous et nous pouvons devenir à notre tour infiniment plus que ce que nous sommes.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>On a un rapport assez particulier aux vacances chez Scopyleft et au moment où on se <a href="/david/2021/03/17/" title="Arrivant·es">transmet en question</a>, c’est l’occasion de partager <em>un</em> état de nos réflexions.</p> | |||
<p>La prise de vacances est libre et consciente. <strong>Libre</strong> car on ne se restreint pas à un nombre de jours/semaines, ni même à communiquer à nos collègues si/quand on est en vacances. <strong>Consciente</strong> car on essaye — dans la mesure du possible — de ne pas laisser les autres galérer du fait de notre indisponibilité. Faire partie d’une <abbr title="Société coopérative et participative">SCOP</abbr> c’est aussi <em>pour moi</em> éprouver de l’empathie et de la solidarité pour les autres membres.</p> | |||
<p>La discussion du jour portait sur la toxicité potentielle d’une telle approche. D’autres entreprises pratiquent les <em>vacances illimitées</em> mais cela crée un tel sentiment de culpabilité que les employé·es prennent en définitive <em>moins</em> de vacances et dans un climat pas terrible.</p> | |||
<p>Comment rompre avec ce sentiment ?</p> | |||
<p>On en vient à (re)questionner les notions de travail et de vacances. Si l’on envisage les vacances comme des <em>moments de prise de soin personnels</em>, le changement n’est pas uniquement sémantique mais traduit une intention différente. D’une manière similaire à l’auto-détermination de nos salaires en fonction de nos « besoins », les vacances s’adaptent ainsi à notre rythme de vie, notre enthousiasme et notre appétence. L’exploration du tempo convenable pour notre danse du moment.</p> | |||
<p>Ce n’est plus alors la recherche d’un rythme de <em>travail</em> soutenable mais celle d’une qualité de <em>vie</em> enviable.</p> | |||
<blockquote> | |||
<p>Bien au contraire, la complétude inclut l’ensemble disparate des structures, d’articulations, de médiations, où le tout va puiser la riche variété de ces formes et où ce qu’un esprit analytique réduirait à une suite de détails « innombrables » et « fortuits » acquiert ainsi des propriétés qualitatives uniques.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,425 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #publication — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #publication"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #publication</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/01/" title="Lien permanent vers cet article">PresQuotidien</a> (2021-01-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’expression convolutée des légalismes se développe autour de la nécessité de nous masquer à nous-mêmes la violence dont nous usons envers les autres. Entre le fait de priver un homme d’une heure de sa vie et celui de le priver de la vie, il n’existe qu’une différence de degré. Dans l’un comme dans l’autre cas, nous usons de violence, <mark>nous consommons son énergie</mark>. Des euphémismes élaborés peuvent dissimuler nos intentions meurtrières mais tout usage de puissance à l’encontre d’autrui se traduit par l’ultime assomption : « Je me nourris de votre énergie. »</p> | |||
<p><cite><em>L’Empereur Paul Muad’Dib : Ordre aux Conseils (Addenda)</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p> | |||
</blockquote> | |||
<p>J’avais envie de retourner à une publication <a href="/david/stream/2018/">quotidienne</a> pour 2021 après du quasi-<a href="/david/stream/2019/">hebdomadaire en 2019</a> et <a href="/david/2020/">2020</a>. Les agrégations n’ayant pas toujours un lien entre elles, je me retrouvais à chercher des transitions pas terribles parfois. J’ai publié <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/2020/fragments">300 fragments</a> en 2020, on s’approche de réflexions/réactions quotidiennes.</p> | |||
<p><strong>L’originalité que j’aimerais explorer cette année est de retarder la publication d’une semaine.</strong> Je commence avec ce tampon et il évoluera peut-être au cours de l’année. Je m’autorise à ne pas publier pendant certains jours et à « dépublier » si je trouve après la durée tampon que ça n’a plus grand intérêt. Cela ajoutera peut-être de la profondeur à ce qui est publié… ou alors ça me démotivera complètement (la publication instantanée est ma petite dose d’adrénaline post-écriture). On verra bien, les règles du jeu restent ouvertes.</p> | |||
<p>Une tentative de réacquérir mon temps (et le vôtre ?), encore une fois. Ménager des espaces de réactions et d’autres de créations. De l’éphémère et du permanent. De l’immédiat et de l’expérimental. Des espaces pour soi, d’autres en commun.</p> | |||
<p><em>Pour un web diversifié… et nourrissant.</em></p> | |||
<blockquote> | |||
<p>Digital nutrition is about developing and implementing cognitive skills and creating new habits to help us stay in control of our technology consumption.</p> | |||
<p><cite><em><a href="https://essays.uxdesign.cc/tech-diet/">The world needs a tech diet; here is how designers can help</a></em> (<a href="/david/cache/2021/3159c32fa194458a63b546ab789e8aed/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/31/" title="Lien permanent vers cet article">Meta</a> (2021-01-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chercher à s’élever, se fixer des objectifs ambitieux, n’est évidemment pas répréhensible en soi. Mais dans la pratique, cette course est rarement le fruit d’un choix dûment évalué visant à se sentir en phase avec soi-même et ses propres aspirations. Dès lors qu’il consiste — comme c’est souvent le cas — à vouloir conquérir ce que possèdent ceux d’en haut, le choix individuel est en réalité un <em>comportement</em> individuel, <mark>déterminé par un faisceau de normes sociales</mark>, qui entraîne une réaction en chaîne : la compétition.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Un premier mois à <a href="/david/2021/01/01/" title="PresQuotidien">publier en décalage</a> et je vois déjà quelques effets. Déjà, ça limite les réactions liées à l’actualité. Lorsque je publie sur un <a href="/david/2021/01/06/" title="Clown d’État">évènement qui a une semaine</a> j’ai bien conscience d’arriver après la bataille (littéralement…) et j’ai finalement publié ce billet pour me rappeler de ne plus le faire.</p> | |||
<p>Ensuite, ça crée un sentiment étrange où j’ai écris sur un truc, il y a des échanges dessus et je n’ai aucun moyen de faire un lien vers mon propre ressenti à ce sujet au moment de la discussion. C’est à la fois une grande frustration <em>et</em> aussi un moyen d’apaiser mes pensées à ce sujet en étant moins dans la réaction. Une forme de lâcher-prise.</p> | |||
<p>Il y a des coïncidences étranges qui se produisent d’une journée sur l’autre. Qui prennent une certaine consistance personnelle avec un recul d’une semaine, surtout dans une période un peu étrange où j’ai besoin de ce tampon pour parler du quotidien.</p> | |||
<p>Enfin, je prends parfois plus de temps pour approfondir certaines réflexions ou pour ajouter une citation <em>a posteriori</em> car j’ai davantage de latitude pour recopier des extraits de livres (et enlever les blagues pas drôles).</p> | |||
<p>Je vais continuer encore ainsi pour quelques temps, cette nouvelle <a href="/david/2021/01/29/" title="Routine">routine</a> me plait.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/14/" title="Lien permanent vers cet article">Bibliothèque</a> (2021-02-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I know there’s lots of advice out there about considering your audience when you write, but when it comes to my personal site, I’d find that crippling. It would be one more admonishment from the inner critic whispering “no one’s interested in that”, “you have nothing new to add to this topic”, and “you’re not qualified to write about this.” If I’m writing for myself, then it’s easier to have fewer inhibitions. By treating everything as a scrappy note-to-self, I can avoid agonising about quality control …although I still spend far too long trying to come up with titles for posts.</p> | |||
<p>[…]</p> | |||
<p>If someone else gets some value from a quick blog post that I dash off here, that’s always a pleasant surprise. It’s a bonus. But it’s not my reason for writing. <mark>My website is primarily a tool and a library for myself.</mark> It just happens to also be public.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/17821">Associative trails</a></em> (<a href="/david/cache/2021/27f60626eb789433d6e2619663bb79f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime cette notion de bibliothèque d’idées personnelle <em>et</em> publique. Aucun service à ma connaissance ne permet cela avec la garantie de conserver les données et de les indexer sur plusieurs décennies. Privilège de développeur que celui d’<em>être en capacité</em> de le faire grâce aux compétences permettant de transformer — et donc conserver — des données au cours du temps.</p> | |||
<p>Si vous devez un jour faire une recherche sur ce qui a été écrit ici, vous pouvez télécharger <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">l’archive du dépôt</a>, la charger dans n’importe quel éditeur de texte un peu compétent (comme <a href="https://www.sublimetext.com/">SublimeText</a>) et une recherche dans tous les fichiers devrait vous permettre de fouiller. C’est ce que j’utilise personnellement lorsque ma mémoire me fait défaut ou que je veux faire un lien interne.</p> | |||
<blockquote lang="en"> | |||
<p>And I’m also reminded of how writers I love and respect maintain their own reservoirs of knowledge, complete with migratory paths down from the mountains.</p> | |||
<p>[…]</p> | |||
<p>And it’s interesting, right, this accretive note-taking and the process of taking core samples through the deep time of your own ideas. I’ve built something similar, not as consistently, but for about two decades too, and <mark>I keep all my notes in plain text</mark>, and all in the same searchable database.</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2021/02/10/reservoirs">Memexes, mountain lakes, and the serendipity of old ideas</a></em> (<a href="/david/cache/2021/9b2e831c217bc1179c0f74c4fc363c11/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/07/" title="Lien permanent vers cet article">@World</a> (2021-03-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When I write a certain kind of email — aka a blog post — why do I have to address it to someone? Why can’t I just address my thoughts to the world? Direct to the web for anyone and everyone? Rather than define the recipients, I just write and let the recipients find me.</p> | |||
<p>[…]</p> | |||
<p>This post you’re reading right now is the world’s first HEY World post. And I published it by <mark>simply emailing this text directly to world@hey.com</mark> from my jason@hey.com account. That was it.</p> | |||
<p><cite><em><a href="https://world.hey.com/jason/hey-world-b02a6f2e">"Hey, World!"</a></em> (<a href="/david/cache/2021/aeed011f624ca8954d97f5bc4b53a6e8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Plus que la publication via un courriel, ce qui m’intéresse(rait) dans cette approche c’est le fait de pouvoir faire une réponse à ce courriel en mettant le monde en copie. J’ai souvent des échanges privés qui pourraient être partagés et peut-être que si la barrière était un peu moins haute ça m’inciterait à la sauter.</p> | |||
<p>Cela se rapproche d’une archive de liste de discussion qui sert de commentaires, ce que j’avais expérimenté il y a quelques années mais l’intégration était fastidieuse. Peut-être qu’en créant une boite <abbr title="Internet Message Access Protocol">IMAP</abbr> dédiée cela pourrait aller plus loin qu’un générateur de blogs. Genre, des commentaires décentralisés. #RunningGag</p> | |||
<p>J’ai besoin de laisser mûrir cette idée.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/09/" title="Lien permanent vers cet article">Maximiser</a> (2021-04-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When we simplify a system of interactions to a certain minimalism, we often trade choices for reductionism. We maximize the simplicity to the point of dumbing everything down. But do we always help? Creativity, emergence of patterns often lie in the hackability of a system. When we reduce the options for someone to use the system in unexpected ways, <mark>we remove the possibility for people to own a craft, a skill</mark>. We make them serve the system, instead of the system serving them.</p> | |||
<p>We should try to create simple interfaces that maximize the possibility for people to create (creative entropy), being empowered, being autonomous.</p> | |||
<p><cite><em><a href="https://www.otsukare.info/2021/03/29/dumb-down-danger">Maximizing Possible Outcomes In Simple Interfaces</a></em> (<a href="/david/cache/2021/8bef65b7167873d697f665dab2fdbb8b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me pose beaucoup de questions <del>en ce moment</del> sur ce que l’on essaye de rendre plus efficace et pourquoi. Parfois pour qui. Souvent à quoi bon.</p> | |||
<p>Par exemple : qu’est-ce qui permettrait à chacun·e de publier quelque chose sur le web tout en ayant une part de contrôle sur ce qui est partagé ? Lorsqu’on démêle cette pelote, elle s’avère être très longue. Les connaissances à acquérir — autant sur le fond que sur la forme — sont assez gigantesques et ne cessent de l’être un peu plus chaque année. Et à force de tirer sur ce fil, on (je m’inclus dans ce mouvement) ne se rend pas compte que l’on perd pas mal de personnes qui ont la motivation pour être autonomes mais se cassent de plus en plus les dents au point de vouloir abandonner.</p> | |||
<p>Au point de ne <em>pouvoir</em> continuer.</p> | |||
<p>En rendant le Web inaccessible, sauf pour quelques élu·es, on sera tous perdant·es à moyen terme. Car ça signifie un Web de spécialisation et d’expertise qui nécessite(ra) d’être rémunéré pour être encore en mesure de publier quelque chose.</p> | |||
<p>Cela me rend profondément triste. <strong>Impuissant.</strong></p> | |||
<blockquote> | |||
<p>Je souhaite que rien ne marche, que rien ne fonctionne, que tout soit cassé, qu’il y ait plein de bugs. Je voudrais des designers capables de concevoir des outils compliqués, contre-intuitifs et mal fonctionnant.</p> | |||
<p><mark>Le non fonctionnement est la condition de la pensée critique.</mark></p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/fonctionnement.html"> Ce qui pourrait être autrement : éloge du non fonctionnement</a></em> (<a href="/david/cache/2021/9de00d1e64540434735417d59f2570fe/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/30/" title="Lien permanent vers cet article">Six mois</a> (2021-06-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>170 entrées <a href="/david/2021/01/01/" title="PresQuotidien">presquotidiennes</a> ces 6 derniers mois. Quelques brouillons auto-censurés, quelques entrées que j’aurais préféré ne pas publier avec le recul. Un moyen d’évacuer le flux de mes pensées et de produire parfois des échanges bienvenus. Merci aux personnes qui prennent le temps de réagir !</p> | |||
<p>Je ne suis pas sûr de vouloir/pouvoir publier autant cet été, j’ai pas mal de choses prévues et des périodes de coupures plus ou moins longues. J’espère ne pas trop me manquer, au pire un carnet ne sera jamais très loin.</p> | |||
<p>C’est vraiment bon de réussir à écrire.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/06/" title="Lien permanent vers cet article">Bloguisme</a> (2021-07-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Vous connaissez cette injonction à « ouvrir un blog » dès qu’un <em>thread</em> Twitter fait plus de trois phrases. J’accepte de plus en plus que les personnes puissent être davantage à l’aise pour écrire dans un environnement où il y a leur(s) communauté(s) et leurs habitudes d’énonciation (mème, etc). Avoir un blog, cela peut être une charge cognitive et émotionnelle assez forte et je respecte le choix de vouloir s’en passer. Sans même mentionner la <a href="/david/2021/04/09/" title="Maximiser">complexité technique</a> associée.</p> | |||
<p><strong>Est-ce que l’on m’invective à écrire un livre à chaque billet de blog ?</strong> Non, et je ne m’y soumettrais de toute façon pas car ce n’est pas mon moyen d’expression. Un autre tempo, une autre fabrique, probablement d’autres lecteur·ices aussi. Quel que soit le moyen d’expression, le principal me semble être de rester accessible au plus grand nombre (et encore ?).</p> | |||
<hr /> | |||
<p>Je lisais <a href="https://ricochets.ninja/notes-de-bas-de-rage/mix.html">par ici</a> (<a href="/david/cache/2021/021daad615b67d995cb291d6f676ff67/">cache</a>) : <q>si c’est contraint, c’est pas du soin</q>. De quoi méditer dans plusieurs contextes.</p> | |||
<hr /> | |||
<p>Oh et si on parle d’espace plus pérenne, j’arrive davantage à récupérer le contenu de <em>tweets</em> qu’un billet sur Medium avec la bouillie de HTML qui est produite par cette plateforme…</p> | |||
<p><em>Note : ces -ismes de juillet sont autant d’auto-critiques.</em></p> | |||
<blockquote> | |||
<p>Tout naturellement, ceux qui ont le pouvoir cherchent à empêcher le développement de la recherche « sauvage ». La quête insatiable de la connaissance a toujours produit, de mémoire d’homme, des concurrents indésirables. Ce que veulent les gens en place, ce sont des « progrès controlés », qui ne donneront naissance qu’à des produits et des idées aisément maîtrisables et qui, chose très importante, <mark>permettront que la plus grande partie des bénéfices soit recueillie par des investisseurs appartenant au système</mark>. Malheureusement, ce n’est pas un univers de hasard, soumis à des variables relatives, qui va leur donner l’assurance de ces « progrès contrôlés ».</p> | |||
<p><cite><em>Réflexion sur les Ixiens, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/27/" title="Lien permanent vers cet article">Évasion</a> (2021-07-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="/david/2021/07/19/" title="Jour 1">Deux</a> <a href="/david/2021/07/20/" title="Jour 2">jours</a> pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.</p> | |||
<p>J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le <a href="/david/2021/07/25/" title="Dé·mont(r)age">montage</a> a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question !</p> | |||
<p>La vidéo : <a href="https://vimeo.com/580086949/0833bc929c">Évasion</a> (23 minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.</p> | |||
<blockquote> | |||
<p>Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.</p> | |||
<p><cite><em>Texte mentat n°2 (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/29/" title="Lien permanent vers cet article">Lenteur</a> (2021-09-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’exercice est chronophage, épuisant, voire frénétique ; et le rythme de publication est difficilement tenable, autant pour la personne qui écrit <mark>que pour celles qui lisent</mark>.</p> | |||
<p><cite><em><a href="https://journal.loupbrun.ca/n/115/">Médias lents</a></em> (<a href="/david/cache/2021/3054ce1e0493f7b36260a04b5a0fc043/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une question que je me pose souvent vis-à-vis du rythme, il y a une certaine brutalité à asséner des articles quotidiennement. Je sais que certaines personnes avec lesquelles j’interagis sont à la peine de garder ce rythme et la <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me semble aider. Les contenus sont là, rarement dans un <em>tempo</em> critique.</p> | |||
<p>Ils seront probablement accessibles pour quelques années, la lecture peut être quotidienne mais pourrait tout aussi bien être hebdomadaire ou mensuelle. C’est notre soif d’être à jour, d’avoir une pastille d’agrégateur à zéro, qui peut rendre ce rythme intenable. En un sens, le flux <strong>pérenne</strong> peut aider à une gestion personnelle en stock, apaisée, où l’on vient picorer régulièrement (en n’étant pas trop regardant·e sur <a href="/david/2021/02/28/" title="Constance">la qualité</a>). Et je me trompe probablement, il doit y avoir des pratiques dont je n’ai même pas conscience, je serais curieux de connaître la vôtre cher·e lecteur·ice.</p> | |||
<p>Quant à mon propre épuisement, il me semble être plus salutaire qu’autre chose. Une fois l’éponge pressée, elle redevient disponible. Tel un écureuil, je me nourris des graines des autres, j’en déplace, j’en cache, j’en plante et je suis parfois surpris que ça puisse pousser… me créant un nouveau terrain de jeux.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/02/" title="Lien permanent vers cet article">Redesign</a> (2021-10-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So what you see here isn’t me.</p> | |||
<p>Without the safety of this website my flaws and vices are clear: I’m often lazy and uncoordinated. I don’t have a lot of natural social grace (or rather it takes a long time for me to warm up to charming). My ego gets in the way all the time, and I’m so very jealous of everyone around me. Also: I’m perpetually, completely, infinitely terrified of everything.</p> | |||
<p>So websites are weird like that. They’re a fun house of mirrors that can be manipulated in every which way to hide who the author really is. And I don’t mean that in a cynical way, I mean to say this with a dash of optimism: <mark>with this website I can redesign myself as much as I do the homepage</mark> (I hope you like the new one).</p> | |||
<p>With this website I can figure out who I want to be.</p> | |||
<p><cite><em><a href="https://www.robinrendle.com/notes/from-the-distance-of-this-website/">From the distance of this website</a></em> (<a href="/david/cache/2021/4bf85f63126b56e9757b6ae0b2edf59c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela fait longtemps que je n’ai pas revu le design de ce site et de sa page d’accueil. Je pourrais y voir une certaine signification, celle qu’il soit encore en accord avec une image que j’ai envie de partager de moi-même. Entre le manque de mouvement et la flemme, il y a une troisième voie (voix ?) : un truc qui fonctionne suffisamment bien pour pouvoir porter mon attention ailleurs.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/03/" title="Lien permanent vers cet article">Justesse</a> (2021-10-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai un regard flou et partial sur mes œuvres passées, en tout cas si j’étais sexiste, si j’ai collé des clichés, des idées pas terribles, qui peuvent être blessantes, j’aimerai les corriger un jour et si in jour je meurs je veux dire que je n’ai aucun problème avec l’idée qu’on corrige une de mes oeuvres. Si j’ai étais nul, insensible, caricatural, alors je m’en excuse. Par exemple, je pense que si je pouvais corriger mes romans, plus aucun personnage ne mangerait d’animaux. Autre exemple, je me demande si dans ma bd <em>Le banc de touche</em> il n’y a pas une planche sexiste et je n’aurais aucun problème à ce qu’on la supprime. <mark>Le passé d’un artiste, c’est aussi un truc qui doit être mouvant, vivant, touché, travaillé. Le passé c’est aussi de la matière nourrie par le présent. La fidélité c’est ce qu’on est maintenant qu’on a traversé la tempête et qu’on est pris dans une autre.</mark> La fidélité c’est d’abord la justesse et la justice, et le moi de 22 ou 30 ans serait d’accord avec ça. Pas de sacralisation autre que la sacralisation de l’évolution d’un artiste.</p> | |||
<p><cite><em><a href="http://www.martin-page.fr/2021/10/01/fidelite-a-la-justesse/">Fidélité à la justesse</a></em> (<a href="/david/cache/2021/1ff879058a3c654f988a54ec68acea4e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Martin Page est quand même sacrément juste. En un paragraphe, il y a tout. Chapeau l’artiste.</p> | |||
<p><em>Si c’est figé, ce n’est plus vrai.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/10/13/" title="Lien permanent vers cet article">Prodiverse</a> (2021-10-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Je continue sur <a href="/david/2021/10/07/" title="Consigner">cette idée de produit</a>, l’avantage d’un <a href="/david/2021/01/01/" title="PresQuotidien">rythme hebdomadaire</a> est de pouvoir rebondir sur mes propres propos avec un peu de recul.</p> | |||
<p>Je me demande de plus en plus s’il n’y a pas déjà tout ce qui serait nécessaire au niveau échanges de messages et notifications avec mastodon. Ce qui pêche un peu dans l’usage orienté produit que j’imagine c’est davantage le rendu et la navigation. Et on touche peut-être du doigt un irritant personnel que j’ai déjà avec le client par défaut et l’affichage des discussions.</p> | |||
<p>En ayant 6 heures de décalage horaire avec la France, je me réveille souvent avec un train de retard et en lisant de manière anté-chronologique le fil des discussions c’est vraiment fastidieux de s’y retrouver. Un affichage à-la-P2 me permettrait de ne pas perdre le fil justement, avec une arborescence qui commencerait par m’afficher la source.</p> | |||
<p>C’est peut-être un premier petit pas : tenter de faire le client mastodon qui irait dans le sens d’une arborescence de discussions plus que d’un flux. Et tant qu’à faire <a href="https://github.com/popura-network/atoot">en asynchrone</a> histoire d’ajouter un peu de fun.</p> | |||
<blockquote> | |||
<p>Fais très attention à qui tu racontes ton histoire parce que c’est ce que tu as de plus précieux.</p> | |||
<p>C’est tout ce que tu posséderas jamais : ta propre histoire.</p> | |||
<p><cite>Citation d’un aborigène dans un livre de Sarah Marquis</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/20/" title="Lien permanent vers cet article">RSSexploration</a> (2021-10-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><em>Oh boy, ce titre…</em></p> | |||
<p>Suite à des échanges avec <a href="https://www.hypothermia.fr/">Eliness</a>, je me demande si l’invitation à <a href="/david/2021/10/09/" title="Slowgrégateur">découvrir d’anciens contenus via le flux</a> pourrait se faire manuellement. Après tout, cela pourrait être un choix éditorial que celui de proposer de vieux articles… qui pourraient avoir un lien plus ou moins ténu avec la publication récente.</p> | |||
<p>Sans essayer de l’automatiser ou de le rendre aléatoire, qu’est-ce qui serait im·pertinent de faire à cet endroit là ? Et si ces liens pointaient vers l’extérieur ? Et si ces liens étaient choisis par les lecteur·ices ? Et si.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/02/" title="Lien permanent vers cet article">Réflexion</a> (2021-11-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This website is essentially a repository of my memories, lessons I’ve learnt, insights I’ve discovered, a changelog of my previous selves. Most people build a map of things they have learnt, <mark>I am building a map of how I have come to be, in case I may get lost again.</mark> Maybe someone else interested in a similar lonely path will feel less alone with my documented footprints. Maybe that someone else would be me in the future.</p> | |||
<p><cite><em><a href="https://winnielim.org/experiments/website/this-website-as-a-learning-and-reflection-tool/">this website as a learning and reflection tool</a></em> (<a href="/david/cache/2021/532af45eef948b36907a25f63c6eb95f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je pourrais citer tellement de parties de cet article que ça en est troublant. Quelqu’un, quelque part se pose aussi plein de questions et les partage. C’est chouette.</p> | |||
<p>Je retiens, entre autres, que je pourrais soigner la façon dont on peut faire des requêtes dans ces données. J’aime bien le fait que l’on puisse récupérer <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">les sources</a> (<a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache">cache !</a>) et faire une recherche <em>full-text</em> mais c’est pas super accessible. Et quand même limité en terme de navigation(s). Si je suis mon premier explorateur, de quelle manière est-ce que j’aimerais (re)découvrir mon ancien moi ? On a rarement l’occasion d’être aussi mégalo :-).</p> | |||
<p>Merci <a href="https://www.hypothermia.fr/">Eli</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/12/" title="Lien permanent vers cet article">Étiquettes</a> (2021-11-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In hierarchical file systems, the path to a file tells us how to retrieve it, not what is inside the file. For example, “/home/john/diary.txt” tells the computer to start from the root, go into the directory named “home”, go into the subdirectory named “john”, and follow the link named “diary.txt” to access the file. It doesn’t necessarily tell us anything about what the file contains – for all we know, it could be an actual diary or a downloaded movie. To make matters worse, the meaning of the path is relative to which computer system we’re working on. The same path “/home/john/diary.txt” might exist on a distant server, but possess completely different file content.</p> | |||
<p><cite><em><a href="https://www.nayuki.io/page/designing-better-file-organization-around-tags-not-hierarchies">Designing better file organization around tags, not hierarchies</a></em> (<a href="/david/cache/2021/2fc0d9333db2b78b5a110724fba31b22/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un long article un peu technique sur le passage d’un stockage hiérarchique à une structure complètement plate en passant par des <em>tags</em>.</p> | |||
<p>Ceci m’intéresse à <a href="/david/2021/10/07/" title="Consigner">double</a> <a href="/david/2021/09/23/" title="Dossier">titre</a>. Ce qui m’interpelle cette fois-ci, c’est qu’une fois la hiérarchie établie par un·e précurseur·euse, les <a href="/david/2021/03/17/" title="Arrivant·es">autres</a> doivent suivre et se retrouvent avec moins de libertés. Une approche par étiquettes permet potentiellement de privilégier une structure permettant une évolution plus fluide.</p> | |||
<p>Peut-être que la façon dont on nous a appris à ranger nos affaires numériques en dit plus que ce que l’on pense. Et je ne parle même pas des URLs. Comme une envie de <a href="/david/2021/11/02/" title="Réflexion">revisiter</a> des choses par ici.</p> | |||
<hr /> | |||
<blockquote> | |||
<p><em>[Lisant le titre d’un livre posé dans le salon : « Les lois naturelles de l’enfant »]</em><br /> | |||
— <mark>Nous</mark>, on n’a pas de lois.</p> | |||
</blockquote> | |||
<p>🤗</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,869 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #recherche — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #recherche"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #recherche</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/04/" title="Lien permanent vers cet article">Webing-lists</a> (2021-01-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p><mark>Newsletters killed blogs</mark> because…</p> | |||
<ol> | |||
<li>They’re impossibly easy to publish.</li> | |||
<li>Your inbox is a notification stream.</li> | |||
<li>Writers can actually, ya know, get paid.</li> | |||
</ol> | |||
<p>Alternatively, websites today…</p> | |||
<ol> | |||
<li>Are difficult to make.</li> | |||
<li>Can’t notify people of new work.</li> | |||
<li>Aren’t able to pay writers easily.</li> | |||
</ol> | |||
<p><cite><em><a href="https://www.robinrendle.com/essays/newsletters">Newsletters</a></em> (<a href="/david/cache/2021/99c13c692ec7f2217311fdea482e8792/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a de petites graines dans ces réflexions. Ce qui est ironique c’est que les raisons évoquées sont d’ordre technique alors que techniquement elles ont été — plus ou moins bien — résolues. <strong>C’est l’usage qu’il manque.</strong> Et l’effet de mode (les deux étant liés de toute façon). Dans une liste de diffusion, il y a justement… la liste qui donne une métrique permettant à l’auteur·ice d’avoir un semblant de contrôle sur qui lit. Avec un <a href="/david/blog/2019/flux-rss/">flux RSS</a>, il est de plus en plus difficile de savoir qui lie<sup>*</sup> tellement tout cela se passe dans les boîtes noires que deviennent les réseaux sociaux.</p> | |||
<p>* on a là une différence importante également, l’impossibilité de lier vers un contenu qui a été envoyé par courriel, les listes de diffusion ne disposant pas toutes d’archives web.</p> | |||
<p>Aussi, mon navigateur est équipé d’extensions me permettant de bloquer l’enregistrement des mes actions relatives à une page. Ce n’est pas le cas de mon client email. C’est la <a href="/david/2020/02/07/#newsletters">raison pour laquelle</a> je me désabonne de beaucoup de listes de diffusion qui contiennent des liens destinés à me tracer. J’aimerais pouvoir dire à une personne que je l’ai lue et écoutée sans alimenter pour autant une usine à collecte de données personnelles. C’est peut-être là que réside l’innovation…</p> | |||
<p>Karl en parle aussi, le lendemain (des bienfaits d’une publication décalée 🙂) :</p> | |||
<blockquote> | |||
<p>L’email est un système de push et cela change beaucoup de choses. <mark>Il y a une notion d’intimité qui est importante et qui définit un plus grand contrôle.</mark> La newsletter n’atteint pas potentiellement tout le monde, uniquement ceux qui ont voulu s’inscrire (et potentiellement payer). Créer un site Web intime, c’est à dire gérer le contrôle d’accès est plus difficile.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/01/05/newsletter">cher vous</a></em> (<a href="/david/cache/2021/5f4b0220be54d83f711a78b356c73a68/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/10/" title="Lien permanent vers cet article">Biologeek</a> (2021-01-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>I’ve never come across a subject so fractal in its complexity. It reminds me of computing that way. A day of programming might involve constructing an elaborate regular expression, investigating a file descriptor leak, debugging a race condition in the application you just wrote, and thinking through the interface of a module. Everywhere you look—the compiler, the shell, the CPU, the DOM—is an abstraction hiding lifetimes of work. <mark>Biology is like this, just much, much worse, because living systems aren’t intentionally designed.</mark> It’s all a big slop of global mutable state. Control is achieved by upregulating this thing while turning down the promoter of that thing’s repressor. You think you know how something works—like when I thought I had a handle on the neutrophil, an important front-line player in the innate immune system—only to learn that it comes in several flavors, and more are still being discovered, and some of them seem to do the opposite of the ones you thought you knew. Everything in biology is like this. It’s all exceptions to the rule.</p> | |||
<p><cite><em><a href="https://jsomers.net/i-should-have-loved-biology/">I should have loved biology</a></em> (<a href="/david/cache/2021/9c9968045ffe697a08dc13df854247f1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a un engouement certain pour la biologie en ce moment et ça me fait plaisir de retomber dans ce domaine en mettant à jour de vieilles connaissances. <strong>Constater les avancées scientifiques en fonction de ses anciennes croyances.</strong> Se dire que tout cela est encore bien vivant… et inconnu !</p> | |||
<p>Quelques articles particulièrement didactiques :</p> | |||
<ul> | |||
<li><a href="https://berthub.eu/articles/posts/amazing-dna/">comprendre l’ADN</a> (<a href="/david/cache/2021/1cb1c46e0a1adcd0917179a214a16e0a/">cache</a>) lorsqu’on est un·e développeu·r·se ;</li> | |||
<li>les <a href="https://www.nature.com/articles/d41586-020-01221-y">différentes méthodes employées pour créer à un vaccin</a> (<a href="/david/cache/2021/fe75ef80663602733dbe24cc717f257b/">cache</a>) avec de jolies illustrations ;</li> | |||
<li>où j’ai appris que <a href="https://nymag.com/intelligencer/2020/12/moderna-covid-19-vaccine-design.html">le vaccin Moderna a été créé le 13 janvier… 2020 (!)</a> (<a href="/david/cache/2021/30069f97e4aa989a1d89fe8d88538da8/">cache</a>) et depuis on teste son usage et ses effets secondaires ;</li> | |||
<li>une <a href="https://www.nytimes.com/interactive/2020/04/03/science/coronavirus-genome-bad-news-wrapped-in-protein.html">analyse du génome du coronavirus</a> (<a href="/david/cache/2021/cfcd10768187ce1c3e598136cd8838b2/">cache</a>) séquencée et imagée qui permet de visualiser la forme — et donc la fonction — des protéines ;</li> | |||
<li>les <a href="https://graphics.reuters.com/HEALTH-CORONAVIRUS/EVOLUTION/yxmpjqkdzvr/index.html">différentes mutations du virus</a> (<a href="/david/cache/2021/3d3e8962a6319ee4d41a75b1cd5abd38/">cache</a>) au cours du temps et de l’espace ;</li> | |||
<li>pourquoi <a href="https://www.deplatformdisease.com/blog/no-really-mrna-vaccines-are-not-going-to-affect-your-dna">le virus à ARN ne va pas modifier votre ADN</a> (<a href="/david/cache/2021/388cf40eae756175ee87c9bf7a1548c4/">cache</a>) en l’état actuel des connaissances en biologie ;</li> | |||
<li>un <a href="https://edinburgh-genome-foundry.github.io/DnaChisel/">outil d’optimisation de séquences</a> (<a href="/david/cache/2021/e8ebcfcc0dbd4336a82f618a1bd1a818/">cache</a>) en Python ce qui permet par exemple <a href="https://berthub.eu/articles/posts/part-2-reverse-engineering-source-code-of-the-biontech-pfizer-vaccine/">d’optimiser un vaccin</a> (<a href="/david/cache/2021/5f1c22e9a41d209ff84218b3d6faf676/">cache</a>) ;</li> | |||
<li>quelqu’un qui analyse sa <a href="https://karpathy.github.io/2020/06/11/biohacking-lite/">perte de poids sous l’angle de la biologie</a> (<a href="/david/cache/2021/1039b631578007d23759a99c2238cda9/">cache</a>) ;</li> | |||
<li>on s’éloigne un peu de la biologie mais cette façon de <a href="http://interconnected.org/home/2020/09/01/microcovids">calculer son exposition en microCOVIDs</a> (<a href="/david/cache/2021/dcba97f9e4bd70b1a152b9498dc5711c/">cache</a>) est fascinante.</li> | |||
</ul> | |||
<p>Bonnes lectures !</p> | |||
<blockquote> | |||
<p>Avant tout chose, le mentat doit être un généraliste, et non un spécialiste. Il est sage que, dans les moments importants, les décisions soient supervisées par des généralistes. Les experts et les spécialistes vous conduisent rapidement au chaos. Chasseurs de poux vétilleux, ils sont une source intarissable de chicaneries inutiles. Le mentat-généraliste, d’un autre côté, doit apporter un solide bon sens à ses décisions. Il ne doit pas se couper du courant principal des évènements de l’univers. Il doit être capable de déclarer : « Pour le moment, il n’y a pas de vrai mystère. Ceci est ce que nous voulons maintenant. <mark>Cela peut paraitre faux plus tard, mais nous ferons les corrections nécessaires quand le moment sera venu.</mark> »</p> | |||
<p>Le mentat-généraliste doit comprendre que tout ce que nous pouvons identifier comme étant notre univers fait simplement partie de phénomènes plus vastes. L’expert, au contraire, regarde en arrière, dans les catégories étroites de sa propre spécialité. Le généraliste, lui, regarde au loin ; <mark>il cherche des principes vivants</mark>, sachant pertinemment que de tels principes changent, qu’ils se développent.</p> | |||
<p>Le mentat-généraliste regarde les caractéristiques du changement lui-même. Il ne peut exister de catalogue permanent pour de tels changements, aucun traité ou manuel. C’est sans préconception qu’il faut les regarder, tout en se demandant : « Que fait cette chose ? »</p> | |||
<p><cite><em>Le Guide du Mentat</em>, <a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/13/" title="Lien permanent vers cet article">Long terme</a> (2021-01-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So I wonder about the long-term effects not of lockdown itself, but the continuous <em>risk</em> of lockdown. Like, will you book a holiday for 6 months time, or will you book simply the <em>option</em> to go somewhere? Would you ever start a business that had a reliance on in-person meetings, or a supply chain that wasn’t tolerant to an unexpected 3 month stop? Of course not. How do you invest in friendships? <mark>Do you ever move far away from ageing parents if there’s a risk that planes won’t fly</mark> – or does distance no longer matter when you wouldn’t be able to meet in person anyway?</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2020/04/20/continuous_partial_lockdown">Some rambling thoughts about the stuttering end of the last ice age and what lockdown means</a></em> (<a href="/david/cache/2021/44064d714aff0deac9f882cc429d8b9d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me faisais cette réflexion dernièrement que les symptômes grippaux n’auront plus jamais cette signification quasi-bénigne à laquelle nous étions habitu·é·es. Il y aura toujours la crainte d’une mutation, d’un nouveau variant, d’une n-ième transmission à l’humain, d’une complication imminente.</p> | |||
<p>Sous un autre angle, comment va-t-on vivre avec les personnes présentant des séquelles à long terme de la Covid ? Perte de mémoire, de concentration, fatigue chronique, aphasie, etc., nous découvrons <a href="https://www.nytimes.com/2020/12/04/health/covid-long-term-symptoms.html">peu</a> (<a href="/david/cache/2021/e2bbd325581e7ec27b5c8e92ca32ce69/">cache</a>) à <a href="https://www.thelancet.com/journals/lancet/article/PIIS0140-6736(20)32656-8/fulltext">peu</a> (<a href="/david/cache/2021/c177668b263f39d20788f002446d2a47/">cache</a>) les conséquences neurologiques à long terme.</p> | |||
<p><strong>De quelle solidarité va-t-on faire preuve auprès de ces survivant·e·s ?</strong></p> | |||
<blockquote lang="en"> | |||
<p>“People seem to be going home, getting long-term effects, coming back in and dying. We see nearly 30 per cent have been readmitted, and that’s a lot of people. The numbers are so large.</p> | |||
<p>“<mark>The message here is we really need to prepare for long Covid.</mark> It’s a mammoth task to follow up with these patients and the NHS is really pushed at the moment, but some sort of monitoring needs to be arranged.”</p> | |||
<p><cite><em><a href="https://www.telegraph.co.uk/news/2021/01/17/almost-third-recovered-covid-patients-return-hospital-five-months/">Almost a third of recovered Covid patients return to hospital in five months and one in eight die</a></em> (<a href="/david/cache/2021/46b31e34a075d66aa6e4b8d8c91bd535/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/15/" title="Lien permanent vers cet article">Artfevre</a> (2021-01-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>En Février il y a 28 Jours. On vous propose d’utiliser chacun d’entre eux pour créer — de manière intensive et sans jugement — hors de notre <mark>zone de confort</mark>, et avec des contraintes imposées.</p> | |||
<p><cite><em><a href="https://artfevre.notmyidea.org/">Un février artistique !</a></em> (<a href="/david/cache/2021/94923f2d3ecd28b40745665c9cbe8393/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je ne sais pas dans quoi est-ce que cela pourrait me mener et c’est ce qui m’intéresse. J’ai plein d’idées et je vais apprécier de me laisser guider par les thèmes et l’envie du moment. <strong>Merci Alexis pour l’invitation.</strong></p> | |||
<p>J’avais notamment été impressionné par le résultat de l’expérience d’Antoine :</p> | |||
<blockquote> | |||
<p>L’idée était venue presque par hasard. Profiter de deux mois dans une autre ville pour produire quelque chose. Avec une contrainte à s’imposer, et une certaine dimension de régularité. Le carnet comme support. Même si l’exploration de l’intime est souvent attirante l’écriture n’était pas une option viable à ce moment-là. Apprendre à dessiner. En deux mois. <mark>Chaque jour.</mark> Projet saugrenu dont il était facile de se détacher, au besoin.</p> | |||
<p><cite><em><a href="https://www.quaternum.net/2020/02/29/epuiser-la-pratique/">Épuiser la pratique</a></em> (<a href="/david/cache/2021/fd776407232cd6fd7627bac7dba39755/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/18/" title="Lien permanent vers cet article">Textcasts</a> (2021-01-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>It’s like podcasts — but for reading.</p> | |||
<p><cite><em><a href="https://netnewswire.com/">Free and Open Source RSS Reader for Mac and iOS</a></em> (<a href="/david/cache/2021/21d3daabe37170d236d2714df3b872fb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est assez marrant qu’un agrégateur que j’utilise depuis avant l’apparition des <em>podcasts</em> puisse se définir ainsi. Et justement, je rêve d’un agrégateur qui me permette de m’abonner à un <em>podcast</em> et d’en recevoir la version texte. <strong>J’ai essayé pas mal de pistes.</strong> Il y <a href="https://hyperaud.io/">en</a> <a href="https://trint.com/">a</a> <a href="https://www.descript.com/">des</a> <a href="https://www.simonsays.ai/">payantes</a> qui supportent plus ou moins bien le français. J’ai aussi <a href="https://mastodon.social/@dav/105458605863317409">tout un fil</a> où je tente de le faire avec des outils <em>open-source</em> (notamment <a href="https://deepspeech.readthedocs.io/en/latest/">Deepspeech</a> et <a href="https://alphacephei.com/vosk/">Vosk</a>) sans arriver à quoi que ce soit de potable.</p> | |||
<p>Si jamais vous avez le même problème et une solution utilisable-mais-pas-trop-chère, je prends. Il faudrait que je fasse un comparatif des différents services payants trouvés. Ça pourrait même faire un chouette épisode de <em>podcast</em> #ohWait.</p> | |||
</details> | |||
<h2><a href="/david/2021/01/19/" title="Lien permanent vers cet article">Chaîne de capture</a> (2021-01-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Pictures have always been a meaningful part of the human experience. From the first cave drawings, to sketches and paintings, to modern photography, we’ve mastered the art of recording what we see.</p> | |||
<p><mark>Cameras and the lenses inside them may seem a little mystifying.</mark> In this blog post I’d like to explain not only how they work, but also how adjusting a few tunable parameters can produce fairly different results</p> | |||
<p><cite><em><a href="https://ciechanow.ski/cameras-and-lenses/">Cameras and Lenses</a></em> (<a href="/david/cache/2021/ef2067bf42482ed7c48e1d166cde117a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, je creuse un peu quelles chaînes est-ce que je consens à supporter pour produire de la vidéo. Cela me fait découvrir et réviser des fondamentaux d’optique mais aussi de technique numérique. <strong>Il faut aujourd’hui comprendre les deux pour capter une image exploitable.</strong> Et je ne parle même pas (encore) de la post-production.</p> | |||
<p>C’est un cheminement plaisant car on part d’un « simple » reflet de lumière pour arriver à une complexité numérique incroyable. L’œil et le cerveau sont des organes assez fascinants vus sous cet angle (<em>pun intended</em>).</p> | |||
<blockquote lang="en"> | |||
<p>To understand what makes it so special, the first half of this post explains how a digital camera develops a photo. Then we go on to explain the strengths and weaknesses of traditional RAWs. Finally, we dive into what’s unique about ProRAW, how it changes the game, and its few remaining drawbacks.</p> | |||
<p><cite><em><a href="https://blog.halide.cam/understanding-proraw-4eed556d4c54">Understanding ProRAW</a></em> (<a href="/david/cache/2021/0c6966a8e9543b52c361ac6de68f08e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/01/" title="Lien permanent vers cet article">Software</a> (2021-02-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The right coding language, system architecture, or interface design will vary wildly from project to project. But <mark>there are characteristics particular to software that consistently cause traditional management practices to fail</mark>, while allowing small startups to succeed with a shoestring budget:</p> | |||
<ul> | |||
<li>Reusing good software is easy; it is what allows you to build good things quickly;</li> | |||
<li>Software is limited not by the amount of resources put into building it, but by how complex it can get before it breaks down; and</li> | |||
<li>The main value in software is not the code produced, but the knowledge accumulated by the people who produced it.</li> | |||
</ul> | |||
<p>Understanding these characteristics may not guarantee good outcomes, but it does help clarify why so many projects produce bad outcomes.</p> | |||
<p><cite><em><a href="https://www.csc.gov.sg/articles/how-to-build-good-software">How to Build Good Software</a></em> (<a href="/david/cache/2021/6be8b8649cd695b922a43d15f74d4773/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deux articles lus ce jour qui sont totalement dans mes réflexions du moment. Avoir de l’expérience dans le domaine dans lequel j’évolue, c’est se demander pourquoi est-ce qu’on y est encore et si on a vraiment appris un truc après toutes ces années. J’ai beaucoup de mal à répondre à ces deux questions, les réponses se mordent la queue et ça me donne parfois l’impression de tourner en rond.</p> | |||
<p>Mon activité (rémunérée) est un chaos. Et le seul moyen que j’ai trouvé de le rendre acceptable est de le réduire. Moins de dépendances, moins de hiérarchie, moins de variables, moins de boîtes noires. D’une certaine manière, moins d’attentes aussi.</p> | |||
<p>Une autre exploration est de <a href="/david/2020/12/13/#journal">consigner</a> mes doutes, mes motivations, mes erreurs, mes joies. Je n’ai aucune illusion quand au fait de reproduire ces expériences plus ou moins mal·heureuses — même après les avoir écrites — mais le fait de les avoir formulées, externalisées, est déjà une étape dans leur acceptation. Ainsi que les émotions qui vont avec.</p> | |||
<p>Je me demande rarement si je suis un « vrai » ingénieur. Je me demande davantage si je deviens un vrai humain à continuer cette activité. C’est peut-être ceci l’expérience : douter de plus en plus de l’utilité de ce que l’on produit… et de la façon d’y parvenir.</p> | |||
<blockquote lang="en"> | |||
<p>Nobody I read in these arguments, not one single person, ever worked as a “real” engineer. At best they had some classical training in the classroom, but we all know that looks nothing like reality. <mark>Nobody in this debate had anything more than stereotypes to work with.</mark> The difference between the engineering in our heads and in reality has been noticed by others before, most visibly by Glenn Vanderburg. He read books on engineering to figure out the difference. But I wanted to go further.</p> | |||
<p><cite><em><a href="https://www.hillelwayne.com/post/crossover-project/are-we-really-engineers/">Are We Really Engineers?</a></em> (<a href="/david/cache/2021/6514143dca5d96bf9e751236b800fba5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/14/" title="Lien permanent vers cet article">Bibliothèque</a> (2021-02-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I know there’s lots of advice out there about considering your audience when you write, but when it comes to my personal site, I’d find that crippling. It would be one more admonishment from the inner critic whispering “no one’s interested in that”, “you have nothing new to add to this topic”, and “you’re not qualified to write about this.” If I’m writing for myself, then it’s easier to have fewer inhibitions. By treating everything as a scrappy note-to-self, I can avoid agonising about quality control …although I still spend far too long trying to come up with titles for posts.</p> | |||
<p>[…]</p> | |||
<p>If someone else gets some value from a quick blog post that I dash off here, that’s always a pleasant surprise. It’s a bonus. But it’s not my reason for writing. <mark>My website is primarily a tool and a library for myself.</mark> It just happens to also be public.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/17821">Associative trails</a></em> (<a href="/david/cache/2021/27f60626eb789433d6e2619663bb79f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime cette notion de bibliothèque d’idées personnelle <em>et</em> publique. Aucun service à ma connaissance ne permet cela avec la garantie de conserver les données et de les indexer sur plusieurs décennies. Privilège de développeur que celui d’<em>être en capacité</em> de le faire grâce aux compétences permettant de transformer — et donc conserver — des données au cours du temps.</p> | |||
<p>Si vous devez un jour faire une recherche sur ce qui a été écrit ici, vous pouvez télécharger <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">l’archive du dépôt</a>, la charger dans n’importe quel éditeur de texte un peu compétent (comme <a href="https://www.sublimetext.com/">SublimeText</a>) et une recherche dans tous les fichiers devrait vous permettre de fouiller. C’est ce que j’utilise personnellement lorsque ma mémoire me fait défaut ou que je veux faire un lien interne.</p> | |||
<blockquote lang="en"> | |||
<p>And I’m also reminded of how writers I love and respect maintain their own reservoirs of knowledge, complete with migratory paths down from the mountains.</p> | |||
<p>[…]</p> | |||
<p>And it’s interesting, right, this accretive note-taking and the process of taking core samples through the deep time of your own ideas. I’ve built something similar, not as consistently, but for about two decades too, and <mark>I keep all my notes in plain text</mark>, and all in the same searchable database.</p> | |||
<p><cite><em><a href="http://interconnected.org/home/2021/02/10/reservoirs">Memexes, mountain lakes, and the serendipity of old ideas</a></em> (<a href="/david/cache/2021/9b2e831c217bc1179c0f74c4fc363c11/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/25/" title="Lien permanent vers cet article">Stabilisation</a> (2021-02-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Hâtez-vous lentement, et sans perdre courage, vingt fois sur le métier stabilisez votre ouvrage.</p> | |||
<p><cite>Nicolas Boileau fait des vidéos</cite></p> | |||
</blockquote> | |||
<p>Suite à mes <a href="/david/2021/02/24/" title="Précipitation">récents déboires</a>, j’ai décidé de m’entrainer dans mon jardin (le parc à 250 mètres de chez moi). Je constate qu’en captant des vidéos à 60 images par seconde puis en réduisant la vitesse en post-production à 24, cela me permet d’avoir un mouvement plus rapide et donc plus fluide. C’est une astuce connue mais je voulais vérifier les effets de bord, je vois deux inconvénients :</p> | |||
<ol> | |||
<li>Devoir penser à définir une vitesse d’obturateur de ~1/120 sec (contre ~1/48 sec à 24 images/sec) pour avoir des mouvements plus réalistes.</li> | |||
<li>Perdre le son, ça n’est pas critique pour un panoramique par exemple mais c’est à garder en mémoire selon la situation, avoir un capteur externe pourrait être pertinent mais la synchro sera de toute façon un problème.</li> | |||
</ol> | |||
<p>Aussi, pour cet exercice j’ai ajouté deux poignées et collé le boitier à mon corps afin d’augmenter la stabilité. En ajoutant encore un peu de poids, je pourrais probablement gagner encore un peu.</p> | |||
<p>C’était aussi l’occasion de tester un nouvel objectif grand angle totalement manuel, dédié à la captation cinématographique. Cette focale (~17 mm) semble me convenir pour ce type de prise de vue.</p> | |||
<p>Le résultat sur Vimeo : <a href="https://vimeo.com/516981493/bd0c3a6e23">Stabilisation</a>. Je vais essayer de publier mes entraînements sans prétention, ça me force à fluidifier ma chaîne de traitement.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/04/" title="Lien permanent vers cet article">HTML-over-WebSockets</a> (2021-03-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>But this wasn’t terribly easy for many developers to grok at first. I sure didn’t. And the benefits weren’t exactly clear either. After years (decades, even) of wrapping our heads around the HTTP request cycle, to which all server-handled features must conform, <mark>adopting this WebSocket tech layer required a lot of head scratching</mark>. As with many clever new technologies or protocols, we needed a higher-level abstraction that provided something really effective for getting a new feature in front of a user, fast.</p> | |||
<p><cite><em><a href="https://alistapart.com/article/the-future-of-web-software-is-html-over-websockets/">The Future of Web Software Is HTML-over-WebSockets</a></em> (<a href="/david/cache/2021/a722bf15647dfe923d3c28b2e229098c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, ça me gratte justement bien la tête. Je me retrouve <a href="https://benhoyt.com/writings/the-small-web-is-beautiful/">davantage dans cette approche</a> (<a href="/david/cache/2021/862d065d924906f327f8a95e23659295/">cache</a>) et j’ai presque du plaisir à utiliser <a href="https://stimulus.hotwire.dev/">Stimulus</a>, ça semble être le niveau de structuration et de non-abstraction dont j’ai besoin. J’ai aussi essayé <a href="https://turbo.hotwire.dev/">Turbo</a> (Frames) mais je n’ai pas été assez loin pour voir les avantages décrits dans l’article (et c’est trop jeune pour mon niveau de confiance) : j’ai fini par recoder juste ce qu’il me fallait avec Stimulus.</p> | |||
<p>J’apprécie le fait que ces ré-explorations donnent lieux à de nouvelles initiatives comme <a href="https://www.django-unicorn.com/">Django-Unicorn</a> ou <a href="https://sockpuppet.argpar.se/">Sockpuppet</a> pour ne citer que les déclinaisons dans l’écosystème Django. J’ai l’impression que c’est le compromis acceptable pour le vieux développeur que je suis : de la réactivité au niveau de l’interface pour les utilisateur·ices, de la logique et de la stabilité côté développement pour ma sénilité d’esprit.</p> | |||
<p>Attention si vous partez sur des WebSockets, j’ai <a href="https://httptoolkit.tech/blog/http-wtf/">récemment appris</a> (<a href="/david/cache/2021/cbd2101777421fa7549472859210a69c/">cache</a>) que les restrictions de type <abbr title="Cross-Origin Resource Sharing">CORS</abbr> ne sont pas du tout respectées.</p> | |||
<p>Note : je suis surpris qu’il n’y ait pas encore un projet intitulé <strong>RESTream</strong> dans le domaine 🙃🚎.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/07/" title="Lien permanent vers cet article">@World</a> (2021-03-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When I write a certain kind of email — aka a blog post — why do I have to address it to someone? Why can’t I just address my thoughts to the world? Direct to the web for anyone and everyone? Rather than define the recipients, I just write and let the recipients find me.</p> | |||
<p>[…]</p> | |||
<p>This post you’re reading right now is the world’s first HEY World post. And I published it by <mark>simply emailing this text directly to world@hey.com</mark> from my jason@hey.com account. That was it.</p> | |||
<p><cite><em><a href="https://world.hey.com/jason/hey-world-b02a6f2e">"Hey, World!"</a></em> (<a href="/david/cache/2021/aeed011f624ca8954d97f5bc4b53a6e8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Plus que la publication via un courriel, ce qui m’intéresse(rait) dans cette approche c’est le fait de pouvoir faire une réponse à ce courriel en mettant le monde en copie. J’ai souvent des échanges privés qui pourraient être partagés et peut-être que si la barrière était un peu moins haute ça m’inciterait à la sauter.</p> | |||
<p>Cela se rapproche d’une archive de liste de discussion qui sert de commentaires, ce que j’avais expérimenté il y a quelques années mais l’intégration était fastidieuse. Peut-être qu’en créant une boite <abbr title="Internet Message Access Protocol">IMAP</abbr> dédiée cela pourrait aller plus loin qu’un générateur de blogs. Genre, des commentaires décentralisés. #RunningGag</p> | |||
<p>J’ai besoin de laisser mûrir cette idée.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/06/" title="Lien permanent vers cet article">Jour 1</a> (2021-05-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Malgré la rigueur de ma vie ici, le verre d’eau sur la table me paraît encore a moitié plein… même s’il est plein de glace.</p> | |||
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p> | |||
</blockquote> | |||
<p>Alors que je marche de nouveau dans la forêt, j’imagine une autre forme de partage. Plus proche de ce que pourrait proposer <a href="https://gather.town/">gather.town</a> mais en mode nature. Avec une notion de distance/temps(/météo?!) et la possibilité de consulter des images et des sons pendant un parcours libre sur une carte numérique reflétant une topographie bien physique. Je pourrais même me balader moi aussi sur cet espace à un moment donné pour échanger sur certains des artefacts partagés ou commenter une vidéo en direct.</p> | |||
<p>Cette idée fait son petit bout de chemin pendant que je trace le mien. Enfin, tracer est un bien grand mot, je me rends compte que je suis beaucoup plus en mode <em>camping</em> depuis que je fais des vidéos en utilisant des sentiers et emplacement aménagés. Le sac est plus lourd et le matériel plus fragile, je cède aisément à la facilité dans ces conditions.</p> | |||
<p>Je finis par m’arrêter au bord de l’un des multiples lacs qui ponctuent mon parcours ce jour-là. Ils annoncent des températures négatives dans la nuit, aussi j’essaye de me mettre un minimum à l’abri des arbres. Chaque mètre qui me sépare du lac m’éloigne également de la cacophonie nocturne qui s’en vient…</p> | |||
<p>En dépit de ma <a href="/david/2021/05/04/" title="Touriste">non-intention</a>, je ne résiste pas à l’envie de vous montrer quelques photos. En guise d’immersion du pauvre (on dit <abbr title="Produit Manuellement Vérifiable">MVP</abbr>), je vous propose d’activer la bande son suivante lors de la consultation (le volume est <em>crescendo</em> mais je ne l’ai pas retouché en post-production) :</p> | |||
<audio controls> | |||
<source src="/static/david/2021/sons-lac-cote-1.mp3" type="audio/mpeg"> | |||
Votre navigateur ne semble pas supporter la balise HTML audio. Vous pouvez toujours la <a href="/static/david/2021/sons-lac-cote-1.mp3">télécharger ici</a> pour une écoute dans l’une de vos applications. | |||
</audio> | |||
<hr /> | |||
<figure> | |||
<a href="#barrage" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/barrage.jpg" alt="Un lac créé par un barrage de castor" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="barrage"> | |||
<img src="/static/david/2021/barrage.jpg" alt="Un lac créé par un barrage de castor" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>J’aime lorsqu’on voit l’endroit exact où l’eau se déverse par-dessus le barrage des castors.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#ruisseau" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ruisseau.jpg" alt="Un ruisseau au milieu de la forêt canadienne" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ruisseau"> | |||
<img src="/static/david/2021/ruisseau.jpg" alt="Un ruisseau au milieu de la forêt canadienne" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>La neige a fondue mais les lacs continuent de se déverser les uns dans les autres.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#lichens" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/lichens.jpg" alt="Des lichens sur un rocher" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="lichens"> | |||
<img src="/static/david/2021/lichens.jpg" alt="Des lichens sur un rocher" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Au printemps, c’est toute une diversité de petites pousses qui croissent sur les rochers.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#grenouille" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/grenouille.jpg" alt="Une petite grenouille sur un tronc" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="grenouille"> | |||
<img src="/static/david/2021/grenouille.jpg" alt="Une petite grenouille sur un tronc" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>En parlant de trucs qui croassent, celle-ci et ses copines (!) se sont faites plaisir cette nuit-là…</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#reflet-coucher" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/reflet-coucher.jpg" alt="Reflets dans le lac au coucher du soleil" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="reflet-coucher"> | |||
<img src="/static/david/2021/reflet-coucher.jpg" alt="Reflets dans le lac au coucher du soleil" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Ça semble être apaisant et calme mais le chant des divers insectes/batraciens/oiseaux alentours est à la limite du supportable (fin de la bande son).</figcaption> | |||
</figure> | |||
<hr /> | |||
<p><mark>Note avant publication :</mark> je découvre qu’il existe une <a href="https://www12.statcan.gc.ca/census-recensement/2021/ref/soundtrack-bandesonore/index-fra.htm">Bande sonore du Recensement de 2021</a>, je me sens tellement dans la <em>hype</em> avec mes idées. Bientôt j’ajoute <em>grosshacker</em> sur mon CV. #PunIntended</p> | |||
</details> | |||
<h2><a href="/david/2021/06/03/" title="Lien permanent vers cet article">Flux lisibles</a> (2021-06-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Use web feeds to <strong>subscribe</strong> to websites and get the <strong>latest content in one place</strong>.</p> | |||
<p><strong>Feeds put you in control.</strong> It’s like subscribing to a podcast, or following a company on Facebook. You don’t need to pay or hand over your email address. You get the latest content without having to visit lots of sites, and without cluttering up your inbox. Had enough? Easy: unsubscribe from the feed.</p> | |||
<p>You just need a special app called a <strong>newsreader</strong>.</p> | |||
<p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché !</a> (<a href="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut dans Firefox ressemblait à ça :</p> | |||
<figure> | |||
<a href="#rendu_flux_defaut" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/rendu_flux_defaut.png" alt="Rendu par défaut d’un flux RSS dans Firefox" | |||
loading="lazy" width="1676" height="1444" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="rendu_flux_defaut"> | |||
<img src="/static/david/2021/rendu_flux_defaut.png" alt="Rendu par défaut d’un flux RSS dans Firefox" | |||
loading="lazy" width="1676" height="1444" /> | |||
</a> | |||
<figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption> | |||
</figure> | |||
<p>La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et <a href="https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl">disponible ici</a>. L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la <a href="/david/2021/05/26/" title="Follow">notion de suivi</a> d’un flux/individu.</p> | |||
<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl">ressemble à ça</a> et permet d’obtenir le <a href="/david/log/">rendu suivant</a> :</p> | |||
<figure> | |||
<a href="#rendu_flux_style" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/rendu_flux_style.png" alt="Rendu après transformation de mon flux RSS dans Firefox" | |||
loading="lazy" width="1668" height="1642" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="rendu_flux_style"> | |||
<img src="/static/david/2021/rendu_flux_style.png" alt="Rendu après transformation de mon flux RSS dans Firefox" | |||
loading="lazy" width="1668" height="1642" /> | |||
</a> | |||
<figcaption>Et voilà ! C’est quand même bien plus stylé 😎</figcaption> | |||
</figure> | |||
<p>J’ai une petite frustration que Firefox ne supporte pas la propriété <code>disable-output-escaping="yes"</code> ce qui ne me permet pas d’avoir un rendu HTML satisfaisant lorsqu’on déplie les entrées (le plus frustrant étant que c’est implémenté chez Webkit…). J’imagine que je pourrais changer le format de mon flux pour ne pas avoir à faire cette conversion, par exemple avec du <code>CDATA</code>, à creuser.</p> | |||
<p>Il s’agit bien évidemment d’une première version et je vous encourage à me faire part de vos incompréhensions ou propositions d’amélioration pour le texte d’introduction. Je suis déjà bien content d’avoir pu mettre ça en place, c’est une frustration que je me traîne depuis… plus de 15 ans !</p> | |||
</details> | |||
<h2><a href="/david/2021/06/25/" title="Lien permanent vers cet article">Données</a> (2021-06-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.</p> | |||
<p><mark>Maybe we should be very explicit, and refer to data as our lives.</mark> Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.</p> | |||
<p><cite><em><a href="https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it">Data isn’t oil, so what is it?</a></em> (<a href="/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.</p> | |||
<p>J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte :</p> | |||
<p><q>Supprimer votre vie.</q></p> | |||
</details> | |||
<h2><a href="/david/2021/07/16/" title="Lien permanent vers cet article">Char</a> (2021-07-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="https://www.antoine-augusti.fr/">Antoine</a> me demande un peu de contexte sur <a href="http://tmp.larlet.fr/ccmc/">Combien coûte mon char ?</a> et c’est l’occasion de revenir sur cette notion de <a href="/david/2021/02/15/" title="Comptabilité">comptabilité</a> et aussi pourquoi j’ai finalement fait ce choix.</p> | |||
<p>Avoir un véhicule motorisé n’est pas un plaisir, c’est même plutôt <a href="/david/2021/07/09/" title="Balle">un danger</a>. On a pu s’en passer avec le sourire pendant 4 ans à Montréal mais on s’est un peu trouvés démunis lorsqu’il fallut accompagner l’enfant à l’école l’hiver alors que la prise des transports en commun devenait problématique #pandémie.</p> | |||
<h2 id="pourquoi-pas-le-velo">Pourquoi pas le vélo ? <a href="#pourquoi-pas-le-velo" title="Ancre vers cette partie">#</a></h2><p>Il y a 3 mois pendant lesquels c’est critique en raison du froid et de ses conséquences (engelures, glissades, visibilité, etc) mais c’est surtout pour protéger le matériel que je ne retiens pas cette option. Le sel/sable déversé sur les routes et les voitures qui le projettent détérioreraient le matériel trop rapidement et j’en ai bien besoin les 9 autres mois ! Peut-être qu’au moment où il y aura une piste cyclable sécurisée depuis le pallier jusqu’à l’école cela changera. <a href="https://montreal.ca/articles/implantation-de-voies-cyclables-dans-ahuntsic-cartierville-5150">Ça s’en vient</a> (<a href="/david/cache/2021/1bbae4b7e1e642fda7cbc70540b51710/">cache</a>) et je m’en réjouis.</p> | |||
<p>En imaginant devoir en changer tous les 2/3 ans pour l’usure prématurée, j’ai beaucoup hésité avec un <em>fatbike</em> (à assistance électrique) mais l’enfant restait trop bas en arrière. Il faut voir les vagues de <em>sloche</em> qu’une voiture peut produire par ici.</p> | |||
<h2 id="pourquoi-une-grosse-et-vieille-voiture-thermique">Pourquoi une grosse et vieille voiture thermique ? <a href="#pourquoi-une-grosse-et-vieille-voiture-thermique" title="Ancre vers cette partie">#</a></h2><p>Je voulais le <a href="/david/2020/02/07/#cars">moins d’électronique</a> possible et plutôt prendre un vieux véhicule robuste qui me permette de sortir d’un banc de neige et peut-être à terme de la ville. Il y a aussi le fait que les routes québécoises étant ce qu’elles sont, non seulement ça secoue pas mal mais ça devient rapidement dangereux si t’es obligé de slalomer entre les nids de foule #ironème. Enfin, il y a un côté militant à ne pas acheter un véhicule neuf. Il y a suffisamment de voitures sur cette planète, n’en déplaise aux <em>boomers</em> du quartier qui s’achètent la dernière Tesla pour avoir bonne conscience tout en revendant leur SUV à celleux qui n’en ont pas les moyens (et qui seront ensuite davantage taxés sinon c’est moins drôle).</p> | |||
<p>Autre point <em>positif</em> : elle chauffe et consomme beaucoup. Ce qui signifie que je rechigne à faire des longs trajets avec et que cela devient physiquement perceptible que je fais partie du problème si je la prends l’été. J’essaye également d’avoir la conduite la plus économe possible avec ce véhicule, d’autant que le prix de l’essence a augmenté de 40 % depuis son achat…</p> | |||
<h2 id="bilan-apres-9-mois">Bilan après 9 mois ? <a href="#bilan-apres-9-mois" title="Ancre vers cette partie">#</a></h2><p>Je m’attendais à ce que ça nous coûte cher et je n’ai pas été déçu. Notamment car il y avait beaucoup de pièces rouillées (merci le sel) que je n’avais pas prises en considération comme étant des dépenses imminentes. J’aurais au moins appris un peu de mécanique… mais c’est clairement la catégorie des réparations qui plombe le budget.</p> | |||
<p>Cette comptabilité me permet aussi de comparer le coût avec celui potentiel d’une voiture louée pour quelques mois d’hiver. Ça pourrait devenir une option à moyen terme.</p> | |||
<p>Un point positif comparé à la location ponctuelle, c’est que ce soit moins la course pour aller chercher/ramener le véhicule, ce qui ajoutait un autre style de stress et de fatigue aux sorties. Je peux aussi partir plus tôt dans la journée, m’adapter à mon propre rythme.</p> | |||
<p><em>Note : si vous devez faire votre propre outil, je vous recommande d’attribuer une date à chacun des évènements, c’est la base mais je ne l’ai pas fait sur certaines écritures et je l’ai regretté par la suite. C’est notamment limitant pour des représentations graphiques pertinentes.</em></p> | |||
<blockquote> | |||
<p>La survie de l’individu, de l’espèce et de l’environnement, voilà ce qui motive l’être humain. <mark>On observera que l’ordre d’importance varie au cours de la vie.</mark> Qu’est-ce qui réclame le plus d’attention à un âge donné ? Le temps qu’il fait ? L’état de la digestion ? Éprouve-t-il (ou elle) réellement quelque chose pour moi ? Tous ces appétits variés que la chair est capable de ressentir et peut raisonnablement espérer satisfaire. Quelles autres choses pourraient avoir de l’importance ?</p> | |||
<p><cite><em>À Hwi Noree, La Voix de Leto II, Dar-es-Balat</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/26/" title="Lien permanent vers cet article">Dose 2</a> (2021-07-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="/david/2021/05/24/" title="Dose 1">Suite</a> des aventures, deux mois plus tard.</p> | |||
<p>J’ai été vacciné <a href="https://twitter.com/vacccprogress">au moment où</a> (<a href="https://github.com/favstats/vacccprogress">code</a>) :</p> | |||
<ul> | |||
<li>1,6 % de l’Afrique ; 10,2 % de l’Asie ; 37,2 % de l’Europe ; 36,9 % de l’Amérique du Nord ; 9,9 % de l’Océanie ; 17,8 % de l’Amérique du Sud avaient <a href="https://twitter.com/vacccprogress/status/1419614855980634113">reçues une seconde dose</a>.</li> | |||
<li>2 122 millions de personnes ont <a href="https://twitter.com/vacccprogress/status/1419614877690302467">déjà reçues une dose</a> dans le monde (soit 27,2 %) et 1 074 millions une seconde dose (soit 13,8 %).</li> | |||
<li>Le Canada a dépassé la France en pourcentage de population vaccinée 2 doses <a href="https://ourworldindata.org/grapher/share-people-fully-vaccinated-covid?country=CAN~FRA">le 1<sup>er</sup> juillet</a>, pour la première dose c’était le cas <a href="https://ourworldindata.org/grapher/share-people-vaccinated-covid?country=CAN~FRA">depuis le 29 mars</a>.</li> | |||
<li>40,6 % des pays à haut revenus ; 14,9 % des pays à presque hauts revenus ; 5,3 % des pays à presque faibles revenus ; 0,2 % des pays à faibles revenus ont <a href="https://twitter.com/vacccprogress/status/1419614964118077441">reçu une seconde dose</a> ;</li> | |||
<li>48 % des <a href="https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg">québécois·es de ma tranche d’âge</a> (infographie dynamique mise à jour quotidiennement), 61 % des québécois·es tout court ont reçu cette seconde dose (83 % des plus de 12 ans vaccinables ont au moins reçu une dose).</li> | |||
</ul> | |||
<figure> | |||
<a href="#tableau_de_bord_2021-07-26" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-07-26.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec" | |||
loading="lazy" width="1280" height="1106" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="tableau_de_bord_2021-07-26"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-07-26.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec" | |||
loading="lazy" width="1280" height="1106" /> | |||
</a> | |||
<figcaption>Tableau toujours aussi intéressant pour comprendre la stratégie québécoise.</figcaption> | |||
</figure> | |||
<p>Au passage, en voulant récupérer ma <a href="https://covid19.quebec.ca/PreuveVaccinale/">preuve vaccinale</a> :</p> | |||
<blockquote> | |||
<p>Dû à un fort achalandage, le site d’émission de la preuve vaccinale et d’inscription au concours est temporairement non disponible.</p> | |||
</blockquote> | |||
<p>Sachant que c’est la mise en place d’une loterie qui a fait tomber le site, ça me fait glousser :</p> | |||
<blockquote> | |||
<p>Le lancement du concours « Gagner à être vacciné » a connu des ratés, dimanche [on est mardi]. Il fallait faire preuve de patience avant de réussir à s’y inscrire sur le site de quebec.ca.</p> | |||
<p>[…]</p> | |||
<p>Pour être admissible à un lot de 150 000 $ ou à une bourse d’études de 10 000 $, il faut avoir obtenu au moins sa première dose et s’inscrire par Internet en passant par le site quebec.ca/vaccincovid et sa section du concours Gagner à être vacciné.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/620427/debut-de-l-inscription-a-la-loterie-vaccin-covid">Lancement laborieux pour la loterie vaccinale</a></em> (<a href="/david/cache/2021/b22e4e9595ac77a1d763789a3d23106a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est quand même pas de bol que la mesure incitative pour se faire vacciner fasse tomber le site qui permet de prendre rendez-vous pour se faire vacciner.</p> | |||
<hr /> | |||
<p>Au niveau des effets secondaires sur les 48 heures suivantes, un peu de fièvre/fatigue le lendemain qui m’a obligé à faire une sieste de 3 heures et ensuite pas la grande forme les 24 heures suivantes. Je me rassure en me disant que les corps jeunes sont davantage soumis aux effets secondaires 😇.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/19/" title="Lien permanent vers cet article">Définition</a> (2021-08-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’<em>activité</em> ou la <em>profession</em>, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.</p> | |||
<p><cite><em><a href="https://oncletom.io/2021/08/16/victoire-professionnels/">La victoire des professionnels</a></em> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suivi de :</p> | |||
<blockquote> | |||
<p>(j’ouvre une parenthèse ici pour préciser que quand je dis que je « suis développeur web », j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de « résilience sociale » autour du logiciel que je créé)</p> | |||
<p><cite><em>David <a href="https://eldritch.cafe/@davidbruant/106777018282632259">sur Mastodon</a></em></cite></p> | |||
</blockquote> | |||
<p>Réflexions croisées qui viennent alimenter mes <a href="/david/2021/05/27/" title="Craftsman">propres explorations</a> plus ou <a href="/david/blog/2015/travail-transition/">moins</a> <a href="/david/blog/2015/pairmutation-travail/">récentes</a> sur le sujet. Ce besoin de définition est même assez <a href="/david/blog/2016/passion-definition/">récurrent</a> ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop <em>meta</em>.</p> | |||
<p>« Pour qui, <a href="/david/stream/2018/04/04/">pour quoi</a> travaillons-nous ? » pour reprendre le titre de <a href="/david/2021/01/27/" title="Choix">Jacques Ellul</a>, avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse « force de travail » ? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. <strong>« Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web »</strong>, c’est sûr que ça n’est pas très vendeur pour <a href="/david/2021/03/23/" title="Recrutement">obtenir un emploi</a> mais c’est peut-être ce qui se rapproche le plus de mon <em>activité</em>. En tout cas, ça se retrouve pas mal dans ce qui <a href="http://scopyleft.fr/">nous anime</a> depuis bientôt 9 ans.</p> | |||
<p>Au niveau du « pour qui », il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du « jusqu’à quand » dans ce cas là, savoir s’arrêter avant que la <em>collaboration</em> ne change de sens…</p> | |||
<blockquote> | |||
<p>Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce « petit quelque chose » exerce un pouvoir décuplé sur <mark>ceux qui ne savent lui attribuer un nom</mark> ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un « petit quelque chose » bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.</p> | |||
<p><cite><em>Les secrets du pouvoir au Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#riviere-megantic" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-megantic"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Un flux d’idées, momentanément figé.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/23/" title="Lien permanent vers cet article">Dossier</a> (2021-09-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s a difficult concept to get across, though. Directory structure isn’t just unintuitive to students — it’s <em>so</em> intuitive to professors that they have difficulty figuring out how to explain it. “Those of us who have been around a while <em>know</em> what a file is, but I was at a bit of a loss to explain it,” lamented one educator […] Others, meanwhile, believe it’s professors who need to adjust their thinking. […] Even professors who have incorporated directory structure into their courses suspect that they may be clinging to an approach that’s soon to be obsolete. […] His advice to fellow educators: Get ready. “This is not gonna go away,” he says. “You’re not gonna go back to the way things were. <mark>You have to accept it.</mark> The sooner that you accept that things change, the better.”</p> | |||
<p><cite><em><a href="https://www.theverge.com/22684730/students-file-folder-directory-structure-education-gen-z">Kids who grew up with search engines could change STEM education forever</a></em> (<a href="/david/cache/2021/f82b9c31388b1f42ddd9d4d7849d7c86/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un article fascinant qui interroge sur ce qui doit être transmis et ce qui doit évoluer par l’usage quitte à adapter les outils… et les modèles mentaux des générations précédentes. Ces derniers sont probablement les moins flexibles.</p> | |||
<p>Je me suis rendu compte que je classais beaucoup moins mes courriels, je suis passé d’une arborescence assez profonde à une demi-douzaine de dossiers. Je peux me le permettre car la recherche de Mail.app est très pertinente, en contrepartie cela me lie fortement à l’outil et dès que je teste une alternative je suis frustré par ce manque.</p> | |||
<p>Tristement, j’ai construit mes propres barreaux. Chaque génération est-elle condamnée à tenter de les transformer en échelles ?</p> | |||
<figure> | |||
<a href="#nuages" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nuages.jpg" alt="Des nuages dans le ciel." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nuages"> | |||
<img src="/static/david/2021/nuages.jpg" alt="Des nuages dans le ciel." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Rester léger.</figcaption> | |||
</figure> | |||
<hr /> | |||
<p>Réponse(s) de <a href="https://eldritch.cafe/@davidbruant/107020047121002118">David</a> :</p> | |||
<blockquote> | |||
<p>Ma croyance, c’est que les dossiers sur ordi sont un héritage de la manière dont les systèmes d’exploitation sont organisés (par fichier et dossier)<br /> | |||
Et les premières interfaces utilisateurs ont reflété naïvement l’API du système d’exploitation</p> | |||
<p>Et c’était mieux que rien</p> | |||
<p>Et clairement, une fois que l’on peut chercher via une requête textuelle qui a une compréhension correcte des dates et du langage, la notion de dossier perd complètement son intérêt</p> | |||
<p>Déjà, le déplacement de « dossier » vers « label » que GMail a proposé a été un premier pas en avant libérateur pour les emails</p> | |||
<p>Le dossier, c’est une des solutions possibles au problème « j’ai besoin de retrouver une information »<br /> | |||
Et il y en a beaucoup d’autres</p> | |||
<p>J’imagine que le dossier émerge dans les systèmes d’exploitation, parce qu’il faut trouver <em>une</em> solution au problème de retrouver ses infos et le rangement manuel dans des dossiers, c’est 1) assez familier comme modèle mental et 2) facile à implémenter (enfin j’imagine parce que je n’ai jamais implémenter un système de fichier… en tout cas, c’est beaucoup plus facile à implémenter qu’un système qui comprend le langage)</p> | |||
<p>Une des difficulté à implémenter autre chose que des dossiers (ou des labels), c’est que ça amène rapidement des problèmes de performance ou de pertinence</p> | |||
<p>Les dossiers, il n’y a pas de problème de performance (…et pour la pertinence, on délègue entièrement la responsabilité à l’utilisateur de créer/maintenir une arborescence qui lui est pertinente)</p> | |||
<p>Implémenter un système de recherche pertinent, ça demande une compréhension correcte du langage du contenu<br /> | |||
…mais quel langage ?<br /> | |||
parce qu’une recherche s’implémente différemment selon le langage<br /> | |||
Et si on travaille dans plusieurs langues ?</p> | |||
<p>Et l’usage de la recherche devient une partie importante de l’expérience utilisateur</p> | |||
</blockquote> | |||
<p>Je tombe également sur : <a href="https://techcrunch.com/2021/09/29/google-introduces-a-new-way-to-search-that-combines-images-and-text-into-one-query/">Google introduces a new way to search that combines images and text into one query</a> (<a href="/david/cache/2021/b65dcd34bb1ea8d8b610aaf06a0b5902/">cache</a>).</p> | |||
</details> | |||
<h2><a href="/david/2021/10/06/" title="Lien permanent vers cet article">Promotion</a> (2021-10-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>At most companies, it’s common for the person leading you to have experienced a promotion in taking on the role. At Automattic, <mark>we view taking on the team lead role as a focus change rather than as a promotion.</mark> This means people are welcome to step up into the lead role and step down without a change in salary. We’re all ultimately individual contributors at the end of the day!</p> | |||
<p><cite><em><a href="https://nomad.blog/2020/12/08/you-might-not-love-working-at-automattic-if/">You might not love working at Automattic if…</a></em> (<a href="/david/cache/2021/e7f354687d0d6c2b2d342b7edb144013/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de choses très inspirantes dans cet article. J’apprécie que l’on puisse considérer que le rôle de <em>lead</em> (difficilement traduisible) soit temporaire et ne soit pas indexé sur le salaire. C’est accepter une certaine impermanence dans nos envies, nos appétences et nos expérimentations. C’est une façon de pouvoir se tromper sans que les conséquences ne soient rapidement critiques.</p> | |||
<p>J’ai l’impression de porter différentes casquettes actuellement sur les différents produits auxquels je participe et j’adore cette diversité. Une forme de <em>full stack</em> (<a href="/david/2021/03/28/" title="Smolstack">1</a>, <a href="/2021/06/23/">2</a>) mais en mode distribué où j’apprends des autres casquettes présentes dans les équipes.</p> | |||
<p>Pour moi, une promotion correspond au courage et à la confiance suffisante en soi de consentir à une casquette relativement inconnue, au moins pour un tour.</p> | |||
<p>Littéralement : pro-motion, être en faveur du mouvement.</p> | |||
<blockquote lang="en"> | |||
<p>For example, I was a lead for 3.5 years and was able to easily step away to pursue other work when an opportunity came up without a change in pay. <mark>I never approached leadership as being a “forever lead”</mark> which helped me make decisions that I knew I’d have to live out if down the line I was no longer a lead.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/07/" title="Lien permanent vers cet article">Consigner</a> (2021-10-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When you “P2” something, you’re writing a blog post, where you can tag in coworkers and cross-post to other P2s. What do teams use P2s for? Absolutely everything. Checklists for onboarding, status reports on projects, thoughts about detailing projects, discussions about best coding practices, architectural diagrams, marketing data analyses, and more. The best part is that the entire company’s history of P2s is available to search through. Also, you can subscribe to literally any P2, and comment on it as necessary, starting with your own team’s.</p> | |||
<p>Why P2s? Because they capture fleeting one-off written communication: <mark>you can read a P2 at your own speed, in your own timezone</mark>, which is key since we operate across all timezones.</p> | |||
<p><cite><em><a href="https://veekaybee.github.io/2021/07/17/p2s/">Writing for distributed teams</a></em> (<a href="/david/cache/2021/83fa7f0f8105aa10ffc88555f5699f1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On a essayé pas mal de chose avec Scopyleft pour garder des traces de discussions, de décisions, avec toujours cette frustration personnelle que le résultat est à l’image de la personne qui prend le temps de consigner cette histoire. La difficulté d’une écriture commune est réelle et je me sen(tai)s un peu démuni face à ce dilemme d’avoir envie (besoin ?) de retenir des choses tout en n’assumant pas de devenir le scribe officiel. On se retrouve avec une base de connaissance éclatée dans laquelle il est difficile de (re)trouver une information.</p> | |||
<p>La solution mise en place par Automattic (avec un <a href="https://ma.tt/2009/05/how-p2-changed-automattic/">recul non négligeable</a> (<a href="/david/cache/2021/e14051435f3a2513d136df430ae973b3/">cache</a>)), à mi-chemin entre le blog et l’interactivité d’un réseau social est vraiment alléchante. Suffisamment pour me faire envisager de coder un truc à ce sujet. J’imagine déjà une version distribuée (re-coucou le fédiverse) qui permettrait de rendre certaines parties publiques, voire des interactions inter-structures sur des projets communs. Une forme de <a href="/david/2020/12/13/#journal">journalisation interactive</a> avec des droits d’accès relativement fins.</p> | |||
<p>Il n’y a pas eu une seule discussion utilisateur·ice et il y a déjà une montagne de fonctionnalités, ça fait une éternité que je n’avais pas parlé de <em>vaporware</em> par ici :-).</p> | |||
<p>Si vous vous demandez à quoi ressemble P2, il y a une <a href="https://videopress.com/v/YYNW9iSj">vidéo en action ici</a> et le seul espace que je connaisse dans la nature est <a href="http://mtlcityweblog.com/">au sujet de Montréal</a>. J’aime notamment que les nouvelles entrées soient mises en surbrillance et disparaissent au <em>scroll</em>, à l’usage c’est pertinent.</p> | |||
<blockquote lang="en"> | |||
<p>Conversations on P2s take place in line, update in real time, and provide space for threaded replies. We’ve stuck with P2 for years now, and it has ultimately evolved into a rich source of institutional wisdom and collective company memory.</p> | |||
<p>[…]</p> | |||
<p>At its core, P2 is organized, searchable knowledge. For example, we write up notes from every meeting, and tag attendees by name. I can search for any person’s name tag and pull up all conversation history related to the individual in question. <mark>It’s an invaluable resource.</mark></p> | |||
<p><cite><em><a href="https://distributed.blog/2020/06/18/distributed-faq-p2-automattic/">Distributed FAQ: How Did P2 Become Automattic’s Signature Mode of Communication?</a></em> (<a href="/david/cache/2021/92cd5096092b0f66b72ad6e4084c17e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/20/" title="Lien permanent vers cet article">RSSexploration</a> (2021-10-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><em>Oh boy, ce titre…</em></p> | |||
<p>Suite à des échanges avec <a href="https://www.hypothermia.fr/">Eliness</a>, je me demande si l’invitation à <a href="/david/2021/10/09/" title="Slowgrégateur">découvrir d’anciens contenus via le flux</a> pourrait se faire manuellement. Après tout, cela pourrait être un choix éditorial que celui de proposer de vieux articles… qui pourraient avoir un lien plus ou moins ténu avec la publication récente.</p> | |||
<p>Sans essayer de l’automatiser ou de le rendre aléatoire, qu’est-ce qui serait im·pertinent de faire à cet endroit là ? Et si ces liens pointaient vers l’extérieur ? Et si ces liens étaient choisis par les lecteur·ices ? Et si.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/02/" title="Lien permanent vers cet article">Réflexion</a> (2021-11-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This website is essentially a repository of my memories, lessons I’ve learnt, insights I’ve discovered, a changelog of my previous selves. Most people build a map of things they have learnt, <mark>I am building a map of how I have come to be, in case I may get lost again.</mark> Maybe someone else interested in a similar lonely path will feel less alone with my documented footprints. Maybe that someone else would be me in the future.</p> | |||
<p><cite><em><a href="https://winnielim.org/experiments/website/this-website-as-a-learning-and-reflection-tool/">this website as a learning and reflection tool</a></em> (<a href="/david/cache/2021/532af45eef948b36907a25f63c6eb95f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je pourrais citer tellement de parties de cet article que ça en est troublant. Quelqu’un, quelque part se pose aussi plein de questions et les partage. C’est chouette.</p> | |||
<p>Je retiens, entre autres, que je pourrais soigner la façon dont on peut faire des requêtes dans ces données. J’aime bien le fait que l’on puisse récupérer <a href="https://git.larlet.fr/davidbgk/larlet-fr-david">les sources</a> (<a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache">cache !</a>) et faire une recherche <em>full-text</em> mais c’est pas super accessible. Et quand même limité en terme de navigation(s). Si je suis mon premier explorateur, de quelle manière est-ce que j’aimerais (re)découvrir mon ancien moi ? On a rarement l’occasion d’être aussi mégalo :-).</p> | |||
<p>Merci <a href="https://www.hypothermia.fr/">Eli</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/12/" title="Lien permanent vers cet article">Étiquettes</a> (2021-11-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In hierarchical file systems, the path to a file tells us how to retrieve it, not what is inside the file. For example, “/home/john/diary.txt” tells the computer to start from the root, go into the directory named “home”, go into the subdirectory named “john”, and follow the link named “diary.txt” to access the file. It doesn’t necessarily tell us anything about what the file contains – for all we know, it could be an actual diary or a downloaded movie. To make matters worse, the meaning of the path is relative to which computer system we’re working on. The same path “/home/john/diary.txt” might exist on a distant server, but possess completely different file content.</p> | |||
<p><cite><em><a href="https://www.nayuki.io/page/designing-better-file-organization-around-tags-not-hierarchies">Designing better file organization around tags, not hierarchies</a></em> (<a href="/david/cache/2021/2fc0d9333db2b78b5a110724fba31b22/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Un long article un peu technique sur le passage d’un stockage hiérarchique à une structure complètement plate en passant par des <em>tags</em>.</p> | |||
<p>Ceci m’intéresse à <a href="/david/2021/10/07/" title="Consigner">double</a> <a href="/david/2021/09/23/" title="Dossier">titre</a>. Ce qui m’interpelle cette fois-ci, c’est qu’une fois la hiérarchie établie par un·e précurseur·euse, les <a href="/david/2021/03/17/" title="Arrivant·es">autres</a> doivent suivre et se retrouvent avec moins de libertés. Une approche par étiquettes permet potentiellement de privilégier une structure permettant une évolution plus fluide.</p> | |||
<p>Peut-être que la façon dont on nous a appris à ranger nos affaires numériques en dit plus que ce que l’on pense. Et je ne parle même pas des URLs. Comme une envie de <a href="/david/2021/11/02/" title="Réflexion">revisiter</a> des choses par ici.</p> | |||
<hr /> | |||
<blockquote> | |||
<p><em>[Lisant le titre d’un livre posé dans le salon : « Les lois naturelles de l’enfant »]</em><br /> | |||
— <mark>Nous</mark>, on n’a pas de lois.</p> | |||
</blockquote> | |||
<p>🤗</p> | |||
</details> | |||
<h2><a href="/david/2021/11/17/" title="Lien permanent vers cet article">Apprentissages</a> (2021-11-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Ça fait pas mal de temps que je trouve inspirant ce qu’a fait Simon Willison avec <a href="https://til.simonwillison.net/">ses <abbr title="Thing’s I’ve Learned" lang="en">TIL</abbr></a>. Une façon de partager des frictions techniques quotidiennes pour documenter — et potentiellement aider d’autres personnes.</p> | |||
<p>Ce serait une bonne occasion d’essayer <a href="https://datasette.io/">datasette</a> aussi mais c’est peut-être un peu trop dynamique à mon goût. Idéalement, ce serait déposer des bouts de code sur <a href="https://sr.ht/~davidbgk/">sourcehut</a> et les <a href="https://srht.site/automating-deployments">déployer automatiquement</a> là-bas aussi, sur mon <a href="https://srht.site/custom-domains">propre sous-domaine</a>.</p> | |||
<p>Je vais laisser cette idée mâturer un peu, ça pourrait faire l’objet d’un cru 2022.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/22/" title="Lien permanent vers cet article">Jour 2</a> (2021-11-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le vrai journal est écrit dans la mer et dans le ciel, <mark>on ne peut pas le photographier</mark> pour le donner aux autres. Il est né peu à peu de tout ce qui nous entoure depuis des mois, les bruits de l’eau sur la carène, les bruits du vent qui glisse sur les voiles, les silences pleins de choses secrètes entre mon bateau et moi, comme lorsque j’écoutais parler la forêt quand j’étais gosse.</p> | |||
<p><cite><em>La longue route</em>, Bernard Moitessier</cite></p> | |||
</blockquote> | |||
<p>Je me suis réveillé 5 fois dans la nuit. Ce n’était pas pour vérifier le pilote automatique du voilier mais pour remettre une bûche dans le poêle. À chaque milieu ses contraintes… et son manque de sommeil. Cela m’a permis de dormir en t-shirt, la prochaine fois je m’abstiendrai de porter un duvet pour ce refuge dont le poêle est surdimensionné… mais qu’il faut tout de même alimenter en continu pour éviter qu’il ne s’éteigne !</p> | |||
<p>J’attends que la pleige (sorte de neige très liquide) s’arrête pour quitter le refuge. Je démarre sous le soleil <em>et</em> la grêle. #Canada</p> | |||
<figure> | |||
<a href="#ouareau-chemin-neige" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-chemin-neige.jpg" alt="Un chemin, sous la neige." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-chemin-neige"> | |||
<img src="/static/david/2021/ouareau-chemin-neige.jpg" alt="Un chemin, sous la neige." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Pas de meilleure motivation que le soleil pour arriver en haut d’une crête !</figcaption> | |||
</figure> | |||
<p>J’ai prévu de faire une longue crête et je me rappelle aussi qu’il me restait à explorer un lac en contrebas, de l’autre côté, où j’espère trouver un emplacement pour de nouvelles aventures. Mes efforts sont récompensés car il y a effectivement de quoi mettre une tente et/ou un hamac. Il y a même une sorte de cuvette aménagée pour pouvoir faire trempette sur le petit cours d’eau à côté. Limite du <em>glamping</em>. Je suis joie.</p> | |||
<figure> | |||
<a href="#ouareau-lac-braque" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-lac-braque.jpg" alt="Lac braque, gelé avec son barrage de castor au premier plan." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-lac-braque"> | |||
<img src="/static/david/2021/ouareau-lac-braque.jpg" alt="Lac braque, gelé avec son barrage de castor au premier plan." | |||
loading="lazy" width="1536" height="2048" /> | |||
</a> | |||
<figcaption>Pour le moment, il faut creuser si on veut pouvoir se baigner.</figcaption> | |||
</figure> | |||
<p>Je remonte sur la crête et avec le vent ça commence à crouter sévère. Le soleil se voile et la température chute, je dois absolument redescendre de l’autre côté avant que ça devienne ingérable. Je prends un raccourci. Le ruisseau aussi et j’ai rapidement les pieds trempés. Heureusement qu’il ne fait que -5°C mais ce n’est pas le moment de se faire mal. Je rejoins une piste de ski de fond qui me permet d’augmenter la cadence et de me réchauffer.</p> | |||
<figure> | |||
<a href="#ouareau-point-de-vue" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/ouareau-point-de-vue.jpg" alt="Point de vue depuis la crête." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="ouareau-point-de-vue"> | |||
<img src="/static/david/2021/ouareau-point-de-vue.jpg" alt="Point de vue depuis la crête." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>J’espère dormir un jour sur cet à plat en contrebas. #YouDidNotSleepThere</figcaption> | |||
</figure> | |||
<p>J’arrive à un abri où j’envisageais initialement de passer la nuit. Je me fais une soupe miso pour me réchauffer de l’intérieur, il faudrait que je change au moins de chaussettes. Je suis rejoins par deux personnes qui vont y dormir cette nuit, ce seront mes seules rencontres ce jour. Elles ont l’air contentes d’être là, moi aussi.</p> | |||
<blockquote> | |||
<p>Assis sur la chaise du poste de pilotage intérieur, je regarde l’eau phosphorescente à travers les hublots de la coupole qui protège des déferlantes et m’en rapproche. Je suis presque arrivé au tournant de ma route. Je sais, depuis l’océan Indien, que je ne veux plus rentrer là-bas.</p> | |||
<p>[…]</p> | |||
<p>Et jusqu’au Horn, ne pas regarder autre chose que mon bateau, petite planète rouge et blanc faite d’espace, d’air pur, d’étoiles, de nuages et de liberté dans son sens le plus profond, le plus naturel. Et oublier totalement la Terre, ses villes impitoyables, ses foules sans regard et sa soif d’un rythme d’existence dénué de sens. Là-bas… si un marchant pouvait éteindre les étoiles pour que ses panneaux publicitaires se voient mieux dans la nuit, peut-être le ferait-il ! <mark>Oublier tout ça.</mark></p> | |||
<p>Ne vivre qu’avec la mer et mon bateau, pour la mer et pour mon bateau.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,512 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #rythme — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #rythme"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #rythme</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/01/" title="Lien permanent vers cet article">PresQuotidien</a> (2021-01-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’expression convolutée des légalismes se développe autour de la nécessité de nous masquer à nous-mêmes la violence dont nous usons envers les autres. Entre le fait de priver un homme d’une heure de sa vie et celui de le priver de la vie, il n’existe qu’une différence de degré. Dans l’un comme dans l’autre cas, nous usons de violence, <mark>nous consommons son énergie</mark>. Des euphémismes élaborés peuvent dissimuler nos intentions meurtrières mais tout usage de puissance à l’encontre d’autrui se traduit par l’ultime assomption : « Je me nourris de votre énergie. »</p> | |||
<p><cite><em>L’Empereur Paul Muad’Dib : Ordre aux Conseils (Addenda)</em> (<a href="/david/2020/12/21/#dune">Dune</a> II. Le messie de Dune)</cite></p> | |||
</blockquote> | |||
<p>J’avais envie de retourner à une publication <a href="/david/stream/2018/">quotidienne</a> pour 2021 après du quasi-<a href="/david/stream/2019/">hebdomadaire en 2019</a> et <a href="/david/2020/">2020</a>. Les agrégations n’ayant pas toujours un lien entre elles, je me retrouvais à chercher des transitions pas terribles parfois. J’ai publié <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/2020/fragments">300 fragments</a> en 2020, on s’approche de réflexions/réactions quotidiennes.</p> | |||
<p><strong>L’originalité que j’aimerais explorer cette année est de retarder la publication d’une semaine.</strong> Je commence avec ce tampon et il évoluera peut-être au cours de l’année. Je m’autorise à ne pas publier pendant certains jours et à « dépublier » si je trouve après la durée tampon que ça n’a plus grand intérêt. Cela ajoutera peut-être de la profondeur à ce qui est publié… ou alors ça me démotivera complètement (la publication instantanée est ma petite dose d’adrénaline post-écriture). On verra bien, les règles du jeu restent ouvertes.</p> | |||
<p>Une tentative de réacquérir mon temps (et le vôtre ?), encore une fois. Ménager des espaces de réactions et d’autres de créations. De l’éphémère et du permanent. De l’immédiat et de l’expérimental. Des espaces pour soi, d’autres en commun.</p> | |||
<p><em>Pour un web diversifié… et nourrissant.</em></p> | |||
<blockquote> | |||
<p>Digital nutrition is about developing and implementing cognitive skills and creating new habits to help us stay in control of our technology consumption.</p> | |||
<p><cite><em><a href="https://essays.uxdesign.cc/tech-diet/">The world needs a tech diet; here is how designers can help</a></em> (<a href="/david/cache/2021/3159c32fa194458a63b546ab789e8aed/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/27/" title="Lien permanent vers cet article">Choix</a> (2021-01-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’intuition veut qu’il soit plus facile de refuser quand on ne manque de rien : dire non serait un privilège réservé à ceux <em>qui peuvent se le permettre</em>. Ce n’est pas si juste : <mark>celles et ceux qui déclinent une promotion ne sont pas tous riches au sens matériel du terme</mark>. Et c’est souvent dans la société des nantis que l’on retrouve le plus de mécanismes de reproduction et d’assentiment à l’ordre social. Les longues filiations de notaires ou d’agents de change souffrent peu de déviations. En réalité, pour ce qui concerne la liberté de décision, le fait de se sentir autorisé à faire des choix singuliers, l’argent n’est pas si discriminant. […] Le <em>refus de parvenir</em> permet de dépasser le statut de payeur-consommateur auquel est réduit l’individu et qui détermine son statut social à l’aune de ses possessions.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>J’ai l’intuition qu’il me faille <a href="/david/2021/01/22/" title="Tentation">bientôt</a> faire des choix assez significatifs dans ma vie. C’est une période bien particulière et j’apprécie que — de manière non préméditée — cette <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me donne la liberté d’écrire tout en sachant qu’il me reste du temps pour y réfléchir et en parler avant de rendre ces réflexions publiques.</p> | |||
<p>J’ai la chance <em>et</em> le malheur de pouvoir faire des choix. Considération de riche, encore une fois…</p> | |||
<blockquote> | |||
<p>Mais aucune société avant la nôtre n’a été vouée au travail.</p> | |||
<p>Et c’est en même temps la nôtre qui est vraiment créatrice de pénurie. Ceci peut paraître un paradoxe car nous sommes habitués à l’idée inverse, à savoir que dans le passé l’homme manquait de tout, et que c’est depuis notre développement technique que paraît l’abondance, alors qu’il faut exactement envisager les choses autrement.</p> | |||
<p>La Science économique, c’est la gestion de la rareté, de la pénurie. <mark>Nous sommes la société qui est, depuis les origines, la plus créatrice de Manque.</mark> Bien sûr nous avons produit massivement des biens industriels, mais en même temps une pénurie de biens naturels, allant maintenant jusqu’à celle de l’air, de l’eau, et des principales matières premières. Il s’agit d’évaluer ce rapport : plus nous travaillons, plus nous épuisons les richesses spontanées de la nature, plus nous voulons aussi consommer des biens toujours davantage complexes et glorifiants. Et plus ceci exige alors de nouvelles forces de travail engagées dans de nouveaux processus de production.</p> | |||
<p><cite><em>Pour qui, pour quoi travaillons-nous ?</em>, Jacques Ellul</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/29/" title="Lien permanent vers cet article">Routine</a> (2021-01-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il me semble qu’il n’y a pas nécessairement de connotation négative derrière cette notion de routine. Je me demande si les routines ne seraient pas même un moyen pour « apprendre sans en avoir l’air » ?</p> | |||
<p>Il me semble également que <mark>les routines permettent d’obtenir une quiétude</mark>. Se questionner (une fois), décider, puis faire de manière routinière, sans se poser à nouveau la même question sans cesse.</p> | |||
<p><cite><em><a href="https://blog.notmyidea.org/routine.html">Routine</a></em> (<a href="/david/cache/2021/0b7bcc0e25805a7abd250d2d2ed440f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’accorde beaucoup d’importance à la routine, elle imprime un rythme qui permet à la fois de s’évader <em>et</em> de se concentrer sur des choses plus essentielles. Il y a un côté apaisant dans cet enchainement prévisible, une suite d’actions et de réactions connues. Un fragment d’ordre au milieu du chaos.</p> | |||
<p>La principale difficulté d’une routine est de savoir quand/si s’en défaire. Si tant est que l’on ait ce choix. Si <a href="/david/2021/01/22/" title="Tentation">tenté</a> que l’on <em>prenne</em> ce <a href="/david/2021/01/27/" title="Choix">choix</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/01/31/" title="Lien permanent vers cet article">Meta</a> (2021-01-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chercher à s’élever, se fixer des objectifs ambitieux, n’est évidemment pas répréhensible en soi. Mais dans la pratique, cette course est rarement le fruit d’un choix dûment évalué visant à se sentir en phase avec soi-même et ses propres aspirations. Dès lors qu’il consiste — comme c’est souvent le cas — à vouloir conquérir ce que possèdent ceux d’en haut, le choix individuel est en réalité un <em>comportement</em> individuel, <mark>déterminé par un faisceau de normes sociales</mark>, qui entraîne une réaction en chaîne : la compétition.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Un premier mois à <a href="/david/2021/01/01/" title="PresQuotidien">publier en décalage</a> et je vois déjà quelques effets. Déjà, ça limite les réactions liées à l’actualité. Lorsque je publie sur un <a href="/david/2021/01/06/" title="Clown d’État">évènement qui a une semaine</a> j’ai bien conscience d’arriver après la bataille (littéralement…) et j’ai finalement publié ce billet pour me rappeler de ne plus le faire.</p> | |||
<p>Ensuite, ça crée un sentiment étrange où j’ai écris sur un truc, il y a des échanges dessus et je n’ai aucun moyen de faire un lien vers mon propre ressenti à ce sujet au moment de la discussion. C’est à la fois une grande frustration <em>et</em> aussi un moyen d’apaiser mes pensées à ce sujet en étant moins dans la réaction. Une forme de lâcher-prise.</p> | |||
<p>Il y a des coïncidences étranges qui se produisent d’une journée sur l’autre. Qui prennent une certaine consistance personnelle avec un recul d’une semaine, surtout dans une période un peu étrange où j’ai besoin de ce tampon pour parler du quotidien.</p> | |||
<p>Enfin, je prends parfois plus de temps pour approfondir certaines réflexions ou pour ajouter une citation <em>a posteriori</em> car j’ai davantage de latitude pour recopier des extraits de livres (et enlever les blagues pas drôles).</p> | |||
<p>Je vais continuer encore ainsi pour quelques temps, cette nouvelle <a href="/david/2021/01/29/" title="Routine">routine</a> me plait.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/20/" title="Lien permanent vers cet article">Apaisement</a> (2021-02-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ma conviction est également que ce n’est pas au plus fort de l’urgence, dans un contexte de pénurie et de violence, que l’on organise des réseaux d’entraide, qu’on conceptualise un horizon de société, qu’on trouve un sursaut de dignité et qu’on se fixe des principes politiques. La solidité de l’organisation collective et des réseaux de solidarité dépendra de la fiabilité des ressources appelées à remplacer l’industrie agroalimentaire et pétrolière, et celles-ci ne s’inventeront pas quand il s’agira de survivre. <mark>C’est aujourd’hui que l’après se construit.</mark></p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>On me demande souvent pourquoi est-ce que je suis au Canada (venant autant de français·es que de québécois·es). Et c’est une réponse difficile. J’ai du mal à décrire l’« ambiance » d’un lieu de vie. Pour les personnes le partageant, elle est difficile à rendre tangible tant elle semble naturelle. Pour les personnes distantes, c’est tout de suite l’exotisme et ses clichés. J’avais la même difficulté — si ce n’est plus — pour le Japon.</p> | |||
<p>Je crois que la prochaine fois, je répondrai que ce lieu me procure <em>une forme d’apaisement</em>. Je ne sais pas comment justifier une telle émotion et j’ai bien conscience qu’il y a une attente de cet ordre lorsqu’on me pose cette question. Tant pis pour la curiosité.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/28/" title="Lien permanent vers cet article">Constance</a> (2021-02-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>L’une des choses que me procure l’écriture quotidienne (et que j’avais oubliée) c’est de réduire drastiquement la pression au niveau de la qualité de ce qui est partagé. Sur un tel flux, il y a forcément des inégalités de pertinence et je ne peux que l’accepter — ou renoncer. C’est un excellent moyen de lâcher prise sur l’un de mes principaux blocages liés à l’écriture, en ajoutant ce qu’il faut de bruit je me crée un espace vivant, en <a href="/david/2021/01/24/" title="Négativité">retranchant</a> ce qu’il faut d’attention pour ne pas créer une bulle mortifère.</p> | |||
<blockquote> | |||
<p>Dans une telle cacophonie informationnelle qui nous plonge, bon gré mal gré, dans une situation de cocktail mondial, qu’est-ce qui va retenir notre attention ? Quelles sont les propositions qui vont capter notre précieux temps de cerveau disponible ? Quels sont les produits cognitifs qui auront un avantage concurrentiel sur ce marché de l’information devenu métastasé ?</p> | |||
<p><cite><em><a href="https://theconversation.com/bonnes-feuilles-apocalypse-cognitive-155247">Bonnes feuilles : « Apocalypse cognitive »</a></em> (<a href="/david/cache/2021/127326e70c4f151132af72e4b0a5827b/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/09/" title="Lien permanent vers cet article">Fun</a> (2021-03-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>And there’s plenty of other backfill features, as we like to call them. The stuff you’re just supposed to do. The things people will ask for.</p> | |||
<p>But people don’t ask for weird. They don’t ask for different. They even rarely ask for fun. Practical? Yup. Configurable? Definitely. Life is more than just that, though.</p> | |||
<p>[…]</p> | |||
<p>That’s why its <mark>our duty to stand up</mark> for weird/different/fun. Give it a seat at the planning table.</p> | |||
<p><cite><em><a href="https://world.hey.com/dhh/keep-hey-weird-de3e912c">Keep HEY weird</a></em> (<a href="/david/cache/2021/b0bb48391acd14185895724197f63417/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une des choses qui me titille avec les entretiens utilisateur·ices, les approches LEAN, etc. On obtient des produits plus pertinents, plus rapidement mais qu’en est-il de la partie fun ? C’est déjà très bien d’arriver à un outil fonctionnel mais comment le conjuguer à une « humanité » imparfaite et surprenante ?</p> | |||
<p>Dans cet étau d’efficacité, on passe peut-être à côté de quelque chose d’important. On court après <q>une recherche aussi rapide que celle de Google</q>, <q>un achat aussi <em>1-click</em> que celui d’Amazon</q>, <q>une interface aussi simple que celle d’Apple</q> mais les fois où j’ai des émotions c’est quand je me connecte au site même-pas-en-HTTPS de la ferme du coin pour commander des œufs et qu’ils me répondent manuellement pour me dire <q>À dimanche !</q>.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/18/" title="Lien permanent vers cet article">Fatigue</a> (2021-03-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Bien au-delà de la fatigue, l’épuisement n’a plus l’issue du sommeil ou du repos, la dissolution dans l’absence par élimination de tout désir, de toute énergie. À son insu ou non, <mark>l’individu chercher à se soûler de fatigue</mark> pour s’affranchir de soi et interrompre le flux de la pensée. Sans l’activité de l’esprit l’individu se dissout. « Je suis mort », dit justement l’homme épuisé.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Dans une situation <a href="/david/2021/03/14/" title="Impôts">stressante</a>, il est facile de se réfugier dans l’épuisement. Un corps fatigué pense moins. Mais attention aussi, un corps fatigué pense <strong>mal</strong>.</p> | |||
<blockquote> | |||
<p>À travers l’engagement dans un effort durable et/ou par absence de repos, la fatigue est un état où disparaître, un effacement provisoire par lassitude, en se laissant doucement glisser dans un monde rétréci, même si les sensations ne sont pas heureuses. L’un des avantages est de rendre difficile la fixation de la pensée. Plus rien ne la retient, elle coule, trop lourde à porter. […] <mark>Elle est une excuse</mark> pour se lover en soi et diminuer ainsi l’intensité de la relation avec le monde. Moins attentif aux autres ou aux tâches à accomplir, l’individu n’est plus qu’à la surface de lui-même et possède une excuse sincère pour se détacher des impératifs du travail ou du lien social.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/21/" title="Lien permanent vers cet article">Gimbal</a> (2021-03-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai finalement opté pour une <em>gimbal</em> (rotule fluide ? cardan ?) car malgré mes <a href="/david/2021/02/25/" title="Stabilisation">exercices</a> je n’arrivais pas à stabiliser suffisamment mes prises de vues. En plus de la stabilisation, je vois plusieurs avantages :</p> | |||
<ol> | |||
<li>pouvoir lui demander de me suivre : pour l’instant je m’en tiens à du recadrage dynamique en post-production mais ça laisse relativement peu de possibilités ;</li> | |||
<li>pouvoir me passer d’un rail pour faire des <em>travellings</em> ou d’une rotule dédiée pour faire des vues panoramiques ;</li> | |||
<li>pouvoir faire des prises de vues avec des angles différents (plus proches/éloignées du sol par exemple) ;</li> | |||
<li>pouvoir faire des <em>timelapses</em> dynamiques (tout un domaine à explorer) ;</li> | |||
<li>pouvoir me servir de mon téléphone indispensable comme d’un écran externe : c’est quand même bien plus simple pour se filmer en étant seul !</li> | |||
</ol> | |||
<p>Je suis allé m’entraîner dans mon jardin et je suis assez <a href="https://vimeo.com/527081070/c9d78e439c">satisfait du résultat</a>, surtout compte-tenu des conditions de déplacement assez difficiles (neige molle/fondante). Il me reste beaucoup à pratiquer pour me familiariser avec la bête mais les premiers tests sont concluants. Joie.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/10/" title="Lien permanent vers cet article">Autrement</a> (2021-04-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai envie de pouvoir faire, penser, écrire des choses inutiles, qui ne <em>servent</em> absolument à rien. Des choses gratuites, dont les conséquences ne sont pas importantes ou, de toute manière, ne constituent pas une cause finale. J’ai envie de faire aussi des choses nuisibles, qui nuisent à l’impératif de productivité, qui cassent cet espèce de flux insensé. <mark>J’ai envie de perdre du temps</mark>, de développer un outil informatique qui ne sert à rien, qui ne fonctionne pas, qui ne fait pas gagner du temps, qui n’est même pas beau - car la beauté aussi est assujettie à l’utilité.</p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/inutilite.html">Ce qui pourrait être autrement : éloge de l’inutilité</a></em> (<a href="/david/cache/2021/0f611ad6e0e6b46c2d6a5da863d6e0be/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>À rapprocher de ce qui pourrait être <a href="/david/2021/03/09/" title="Fun">fun</a>. Je vous invite à lire toute la série de Marcello intitulée « <a href="http://blog.sens-public.org/marcellovitalirosati/categories/cequipourrait/">Ce qui pourrait être autrement</a> ».</p> | |||
</details> | |||
<h2><a href="/david/2021/05/20/" title="Lien permanent vers cet article">Carbone & Silicium</a> (2021-05-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il arrive que des œuvres obligent à inventer un mot qui pourra les décrire. Et en restituer cette empreinte organique qu’elles laissent dans nos fibres, comme le rouge d’un sang pris dans une trame de chanvre.<br /> | |||
Ce mot, ce serait la <em>solstalgie</em>. La nostalgie d’une solitude qui ne serait pas totale, d’un lien entre humains qui ne serait pas coupé, d’un tissage collectif qui pourrait être autre chose qu’un cluster d’atomes interconnectés sur le réseau. Un sentiment situé quelque part entre la <em>solastalgie</em> pré-traumatique d’un monde familier qu’on ne reconnaît plus et la nostalgie d’un retour au pays natal qui n’a jamais existé.</p> | |||
<p>Bienvenue dans une œuvre solstalgique, donc ! Si solaire et si mélancolique. Où l’on souffre secrètement de la beauté d’une espèce qui se bousille et d’une planète qu’on détruit. <mark>Mais qu’on répare aussi, sans cesse.</mark> D’abord avec l’âme d’une plume et d’un crayon.<br /> | |||
<em>“Comment va le monde, d’ailleurs ?”</em>, demande à la volée Carbone.<br /> | |||
<em>“Il se reconstruit. Doucement.”</em>, dit Silicium, de retour de rien.</p> | |||
<p><cite><em>Postface d’Alain Damasio</em>, Carbone & Silicium</cite></p> | |||
</blockquote> | |||
<p>Il est rare qu’une bande dessinée me mette une claque, la dernière fois <a href="/david/stream/2019/05/24/">c’était il y a deux ans</a>, quasiment jour pour jour. Et j’en lis pas mal !</p> | |||
<p>Il s’agit d’un long format permettant de s’inscrire dans une temporalité, rythmée par des lieux et leurs couleurs. J’aimerais ne pas en dire trop tellement ça m’a pris par surprise. Je ne sais plus qui (me) l’a conseillé, probablement sur Masto, mais j’ai beaucoup de gratitude pour la personne qui m’a aidé à faire cette découverte.</p> | |||
<blockquote> | |||
<p>Le sentiment de contentement et un peu de déni, c’est ça la vie, rien de plus.</p> | |||
<p><cite><em>Carbone & Silicium</em>, Mathieu Bablet</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/30/" title="Lien permanent vers cet article">Six mois</a> (2021-06-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>170 entrées <a href="/david/2021/01/01/" title="PresQuotidien">presquotidiennes</a> ces 6 derniers mois. Quelques brouillons auto-censurés, quelques entrées que j’aurais préféré ne pas publier avec le recul. Un moyen d’évacuer le flux de mes pensées et de produire parfois des échanges bienvenus. Merci aux personnes qui prennent le temps de réagir !</p> | |||
<p>Je ne suis pas sûr de vouloir/pouvoir publier autant cet été, j’ai pas mal de choses prévues et des périodes de coupures plus ou moins longues. J’espère ne pas trop me manquer, au pire un carnet ne sera jamais très loin.</p> | |||
<p>C’est vraiment bon de réussir à écrire.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/29/" title="Lien permanent vers cet article">Mobilaine</a> (2021-07-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>14 jours pour traverser l’océan dans une cabine avec vue sur l’océan ou 14 jours dans un hôtel d’aéroport après avoir été entassé 10 heures dans un avion.</p> | |||
<p>[…]</p> | |||
<p>Et que dire de la friction lente qui nous habiterait pendant ce temps de quarantaine active où nous mettrions à contributions nos pensées dans le mouvement d’une attente.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/06/22/quarantaine">quarantaine mobile</a></em> (<a href="/david/cache/2021/34b646fb73c36f9fa7255986e0b85db3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime vraiment beaucoup cette suggestion de Karl au sujet du temps et de la dynamique. Un bon moyen de rééquilibrer l’avantage que procure l’avion vis-à-vis d’autres moyens de transport. Quitte à s’isoler, autant le faire pour de vrai.</p> | |||
<p>Il suffirait d’une seule mutation sur la protéine <em>Spike</em> pour que l’humanité (des riches) s’alloue deux années de réflexion supplémentaires sur ces sujets… peu enviable, potentiellement nécessaire ?</p> | |||
</details> | |||
<h2><a href="/david/2021/08/30/" title="Lien permanent vers cet article">Elfes</a> (2021-08-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The second (“Elvish”) strategy may sound passive, and in that way inferior or defeatist, but it isn’t. Allowing the problem to solve itself is frowned upon and not even considered to be “real solving” by most humans: “And what did you do? What was your role? How did you save the world?” Humans (at least, us in the modern West) are obsessed with their own sense of agency. <mark>Everybody wants to save the world these days, but nobody seems to be interested in doing it slowly, by allowing the world to save itself, even if it is the most effective and efficient solution.</mark> Hesse’s Siddhartha isn’t joking when he is saying that all he can do is “think, wait and fast” and it is quite enough to accomplish almost anything. Slow is good, not just because it takes less effort (often it doesn’t), but because it achieves what it was meant to achieve.</p> | |||
<p><cite><em><a href="https://essays.georgestrakhov.com/elvish/">Towards a more Elvish vision for Technology</a></em> (<a href="/david/cache/2021/d314c611a907c9273ac48dfbfd940a8d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ça peut sembler un peu perché au début mais en fait il y a des choses inspirantes dans cette lecture. Je suis toujours fasciné par ce qui pourrait se produire si on vivait beaucoup plus longtemps. Quels changements dans nos sociétés deviendraient enviable ? Quelles actions deviendraient naturelles ? Quels seraient alors les crimes reconnus comme tels ?</p> | |||
<hr /> | |||
<p>En parallèle, je tombe sur cette citation sous forme de mème :</p> | |||
<blockquote lang="en"> | |||
<p>When people travel to the past, they worry about radically changing the present by doing something small.<br /> | |||
Few people think they can radically change the future by doing something small in the present.</p> | |||
</blockquote> | |||
<hr /> | |||
<p><mark>Le lendemain</mark>, la voisine qui doit avoir la soixantaine et qui vient de s’acheter une voiture électrique :</p> | |||
<blockquote> | |||
<p>— C’est probablement ma dernière alors il faut bien se faire plaisir…</p> | |||
</blockquote> | |||
<p>Que répondre.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>Après une rupture biographique — un deuil, une maladie grave, une rupture amoureuse dévastatrice —, on attend avec impatience le retour à la vie « normale ». Nos proches aussi guettent les signes d’un « mieux ». Mais on ne revient pas à la vie d’avant. Comme nous l’enseigne le philosophe et médecin Georges Canguilhem, dans son analyse sur le normal et le pathologique, il n’y a pas, après la maladie, de <em>restitutio ad integrum</em>, de retour à l’état antérieur. <mark>Ce qui est vrai pour la maladie l’est sans doute pour d’autres types de ruptures.</mark> Il y a des séquelles, des traces, des stigmates, il reste l’empreinte, la marque de l’arrachement, de la perte. Quelque chose s’est brisé, qui empêche le même type de projections, d’enthousiasme, de confiance.</p> | |||
<p>[…]</p> | |||
<p>On ne recommence pas de zéro, on est marqué par une certaine gravité, grevé par le vécu douloureux. Le retour à la vie normale ne va pas de soi. « Comment puis-je commencer quelque chose avec tout cet hier à l’intérieur de moi ? » s’interroge Leonard Cohen dans <em>Beautiful Losers</em>.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/29/" title="Lien permanent vers cet article">Lenteur</a> (2021-09-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’exercice est chronophage, épuisant, voire frénétique ; et le rythme de publication est difficilement tenable, autant pour la personne qui écrit <mark>que pour celles qui lisent</mark>.</p> | |||
<p><cite><em><a href="https://journal.loupbrun.ca/n/115/">Médias lents</a></em> (<a href="/david/cache/2021/3054ce1e0493f7b36260a04b5a0fc043/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une question que je me pose souvent vis-à-vis du rythme, il y a une certaine brutalité à asséner des articles quotidiennement. Je sais que certaines personnes avec lesquelles j’interagis sont à la peine de garder ce rythme et la <a href="/david/2021/01/01/" title="PresQuotidien">publication décalée</a> me semble aider. Les contenus sont là, rarement dans un <em>tempo</em> critique.</p> | |||
<p>Ils seront probablement accessibles pour quelques années, la lecture peut être quotidienne mais pourrait tout aussi bien être hebdomadaire ou mensuelle. C’est notre soif d’être à jour, d’avoir une pastille d’agrégateur à zéro, qui peut rendre ce rythme intenable. En un sens, le flux <strong>pérenne</strong> peut aider à une gestion personnelle en stock, apaisée, où l’on vient picorer régulièrement (en n’étant pas trop regardant·e sur <a href="/david/2021/02/28/" title="Constance">la qualité</a>). Et je me trompe probablement, il doit y avoir des pratiques dont je n’ai même pas conscience, je serais curieux de connaître la vôtre cher·e lecteur·ice.</p> | |||
<p>Quant à mon propre épuisement, il me semble être plus salutaire qu’autre chose. Une fois l’éponge pressée, elle redevient disponible. Tel un écureuil, je me nourris des graines des autres, j’en déplace, j’en cache, j’en plante et je suis parfois surpris que ça puisse pousser… me créant un nouveau terrain de jeux.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/09/" title="Lien permanent vers cet article">Slowgrégateur</a> (2021-10-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The current state web browsers is particularly damning from this perspective. Web browsers have access to such a treasure trove of valuable, often well-structured information about what we learn and how we think, what interests we have, and who we talk to. Rather than trying to take that information and <mark>let us build workflows out of them</mark>, browsers remain a strictly utilitarian tool – a rectangular window into documents and apps that play dumb, ignorant of the valuable information that transits through them every day. I think we can do better.</p> | |||
<p><cite><em><a href="https://thesephist.com/posts/browser/">The web browser as a tool of thought</a></em> (<a href="/david/cache/2021/ed384fc76fbe9728070efb6c71a0eb9c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai de plus en plus envie/besoin que ce soit mon agrégateur de <a href="/david/blog/2019/flux-rss/">flux RSS</a> qui soit plus flexible. Personnaliser l’indexation, choisir de pouvoir introduire du délai entre les articles (voir plus bas), distinguer ce qui peut rester en stock sans que ce soit problématique, etc.</p> | |||
<p><a href="https://hello-bokeh.fr/">Anne-Sophie</a> me racontait qu’elle avait réussi à reconstruire un flux à partir d’un site qui donnait des conseils/tutos pour enfants avec plusieurs années de décalage pour que ça soit synchronisé avec un âge qui lui est pertinent, je trouve cela fabuleux et tellement peu mis en avant.</p> | |||
<p>Un autre exemple, lorsque je découvre un blog qui m’intéresse, je vais lire les dernières entrées mais ce qui serait pertinent serait de remonter d’anciens articles sporadiquement pour m’aider à mieux comprendre comment la personne en est arrivée là. C’est le cheminement que je trouve intéressant.</p> | |||
<p>Une dernière option, un flux de plusieurs milliers d’éléments c’est sous-optimal vu que c’est une technologie basée sur le fait de répéter des requêtes indéfiniment sur cette ressource (vs. uniquement pousser les nouveaux éléments vers les clients). En revanche, récupérer l’intégralité du stock une bonne fois pour toute afin de l’indexer et faire remonter des choses via une recherche plus ou moins intelligente, là c’est pertinent. Je ne connais pas d’option dans ces formats pour différencier ces deux usages.</p> | |||
<p>J’aurais plein d’autres idées, mon problème avec les outils actuels n’est pas liée à l’infobésité mais à la malnutriformation (?!) : avoir l’impression de toucher du doigt des mines d’informations et de réflexions qui sont enfouies par les 10 dernières entrées.</p> | |||
<p><em>Je pense que l’on peut faire mieux.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/11/05/" title="Lien permanent vers cet article">Palimpseste</a> (2021-11-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — <a href="https://fr.wiktionary.org/wiki/palimpseste">wiktionary</a></p> | |||
</blockquote> | |||
<p>En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et <a href="/david/2021/10/07/" title="Consigner">quels outils</a> pourraient m’aider dans <a href="/david/2021/10/13/" title="Prodiverse">cette tâche</a> extrêmement difficile.</p> | |||
<p>Tentative du jour, l’adaptation d’une page <a href="https://nownownow.com/about">nownownow</a> (<a href="/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/">cache</a>) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.</p> | |||
<p>Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.</p> | |||
<p>Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois !).</p> | |||
<p><mark>Une semaine plus tard</mark> : je suis le seul participant 😅.</p> | |||
<hr /> | |||
<blockquote lang="en"> | |||
<p>Information is generally far less useful when it is only stored in one person’s head, as opposed to <mark>being accessible in a shared system</mark> that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.</p> | |||
<p><cite><em><a href="https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/">No, We Won’t Have a Video Call for That!</a></em> (<a href="/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité ?</p> | |||
</details> | |||
<h2><a href="/david/2021/11/23/" title="Lien permanent vers cet article">Horaires</a> (2021-11-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Autrement dit et pour résumer ces transformations, on peut parfaitement envisager dès maintenant une réduction massive du temps de travail. Ce n’est pas du tout « utopique » ou imaginaire de réclamer deux heures de travail par jour, du moins dans les secteurs susceptibles de l’automatisation-informatisation. D’ailleurs, compte tenu du fait que <mark>l’usure nerveuse est beaucoup plus grave et moins réparable que la fatigue musculaire</mark>, il est devenu indispensable dans ces métiers d’abréger les séquences de travail continu et de réduire déjà sérieusement la durée de la journée de travail. Mais ceci pourrait aller beaucoup plus loin. Or, il semble que ni dans le monde capitaliste ni dans le monde socialiste on ne soit décider à entrer dans cette voie. Il y a comme un blocage qui s’est effectué, et l’on <em>choisit</em> délibérément de ne pas appliquer les moyens techniques que l’on a à sa disposition pour maintenir l’ancienne structure à dominante industrielle. On introduit seulement de façon incoordonnée, à dose homéopathique, tel ou tel procédé. On automatise ici une chaîne de montage. On met en place une banque de données. On introduit un ordinateur etc. Mais il y a en réalité répugnance à changer le système.</p> | |||
<p>Ceci provient d’un certain nombre de difficultés qu’il ne faut pas méconnaître : une inadaptation idéologique évidente. Il y a une répugnance à abandonner « l’idéologie du travail », une angoisse à l’idée de tellement de temps « libre ». On ne sait pas ce que deviendrait la vie humaine si elle n’était pas remplie par le travail. On soupçonne que cela supposerait un changement radical, total de société, de ses orientations, de ses objectifs, de ses structures, mais on n’est pas mûr pour tenter une pareille expérience.</p> | |||
<p><cite><em>Pour qui, pour quoi travaillons-nous ?</em>, Jacques Ellul, Foi & Vie, n°4, juillet 1980</cite></p> | |||
</blockquote> | |||
<p>Facturation à la journée, à l’heure, parfois sur des créneaux un peu hybrides. Pas facile de trouver la granularité qui soit la plus pertinente en ce moment. À la fois pour mon énergie, et pour les produits, et pour les équipes.</p> | |||
<p>À cela vient s’intégrer, de manière transverse, la pénibilité de la tâche en elle-même. Comment facturer au temps lorsque cette durée n’est pas fatigante de manière équivalente d’une heure sur l’autre ? <em>Quid</em> de l’implication émotionnelle ? De ce <em>bug</em> que l’on amène courir avec soi ? De ce commentaire qui va longtemps rester en travers ?</p> | |||
<p>Je ne sais pas si la solution est la <a href="https://adactio.com/journal/18620">semaine</a> (<a href="/david/cache/2021/6513cd7104f4e6a8c7b3e0d759b467d8/">cache</a>) de <a href="https://blog.le-filament.com/posts/semaine-4jours/">4 jours</a> (<a href="/david/cache/2021/c535b353e2af3eb65e4cf0de232bdad5/">cache</a>) ou celle de <a href="https://www.youtube.com/watch?v=iM2nQuwwuKQ">168 heures</a>, il y a du vrai dans chacune de ces approches et des ressentis différents vis-à-vis du travail. De ces <a href="https://oncletom.io/2021/08/16/victoire-professionnels/">activités ayant créées des professions</a> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>) très lucratives et dont je bénéficie si facilement.</p> | |||
<p>Je payerais cher pour savoir ce que penserait Jacques Ellul d’une telle situation.</p> | |||
<hr /> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote> | |||
<p>Mais il faudrait déjà que l’on se parle<br /> | |||
Malgré les bouchons d’oreille les machines qui martèlent nos silences à la pause pourquoi se dire et quoi se dire d’ailleurs<br /> | |||
Que l’on en chie<br /> | |||
Que l’on peine à trouver le sommeil le week-end<br /> | |||
Mais que l’on fait<br /> | |||
Comme si<br /> | |||
Tout allait bien<br /> | |||
On a un boulot<br /> | |||
Même si de merde<br /> | |||
Même si l’on ne se repose pas<br /> | |||
On gagne des sous<br /> | |||
Et l’usine nous bouffera<br /> | |||
Et nous bouffe déjà</p> | |||
<p><cite><em>À la ligne</em>, Joseph Ponthus</cite></p> | |||
</blockquote> | |||
<p>De quoi remettre en perspective mes questionnements de privilégié.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,273 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #scopyleft — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #scopyleft"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #scopyleft</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/25/" title="Lien permanent vers cet article">Valeurs</a> (2021-01-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>S’il n’existe plus de géographie du refuge hors l’exil, et que l’on veut continuer à vivre en société, parce que chacun n’a pas la possibilité de s’échapper en mer ou vers les sommets, <mark>alors il faut trouver ailleurs, en soi</mark>, la manière de s’extraire de la <em>Machine</em> et de faire corps avec le monde vivant contre le <em>Monstre</em>.</p> | |||
<p><cite><em>Plutôt couler en beauté que flotter sans grâce</em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Aujourd’hui, on s’est demandé ce qu’était une valeur avec <a href="http://scopyleft.fr/">scopyleft</a> (et quelles seraient les nôtres aujourd’hui). Est-ce un cap ? Une aspiration ? Une intention ? Un travail quotidien ? Une chose que l’on a en nous ? Une utopie ? <em>Un peu de tout ça ?!</em></p> | |||
<p>Est-ce qu’on doit l’afficher ? Est-ce que ça doit nous guider ? Nous contraindre ? Est-ce que c’est évolutif ? Adaptable ? Partageable ? <em>Est-ce bien nécessaire ?!</em></p> | |||
<p>L’une des branches de cet arbre de possibles m’a fait comprendre qu’il est important d’avoir ces discussions, non pas pour une éventuelle conclusion mais pour les échanges lors de ce cheminement à plusieurs.</p> | |||
<p><strong>Quelle est la valeur qui motive à parler de valeurs à intervalles réguliers ?</strong> #SoMeta</p> | |||
<blockquote> | |||
<p>C’est en façonnant par son travail le monde des objets que l’homme se révèle réellement comme un être générique. <mark>Sa production, c’est sa vie</mark> générique créatrice. Par elle, la nature apparaît comme son œuvre et sa réalité. C’est pourquoi l’objet du travail est l’objectivisation de la vie générique de l’homme car il ne s’y dédouble pas idéalement dans la conscience, mais réellement, comme créateur. Il se contemple ainsi lui-même dans un monde qu’il a lui-même créé par son travail.</p> | |||
<p><cite><em>Ébauche d’une critique de l’Économie politique</em>, Karl Marx dans « Manuscrits de 1844 »</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/22/" title="Lien permanent vers cet article">Vacances</a> (2021-04-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’histoire est aussi importante que la forme ou la structure. Dans une très large mesure, <mark>l’histoire d’un phénomène constitue le phénomène lui-même</mark>. Nous sommes, réellement, tout ce qui a existé avant nous et nous pouvons devenir à notre tour infiniment plus que ce que nous sommes.</p> | |||
<p><cite><em>L’écologie sociale</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>On a un rapport assez particulier aux vacances chez Scopyleft et au moment où on se <a href="/david/2021/03/17/" title="Arrivant·es">transmet en question</a>, c’est l’occasion de partager <em>un</em> état de nos réflexions.</p> | |||
<p>La prise de vacances est libre et consciente. <strong>Libre</strong> car on ne se restreint pas à un nombre de jours/semaines, ni même à communiquer à nos collègues si/quand on est en vacances. <strong>Consciente</strong> car on essaye — dans la mesure du possible — de ne pas laisser les autres galérer du fait de notre indisponibilité. Faire partie d’une <abbr title="Société coopérative et participative">SCOP</abbr> c’est aussi <em>pour moi</em> éprouver de l’empathie et de la solidarité pour les autres membres.</p> | |||
<p>La discussion du jour portait sur la toxicité potentielle d’une telle approche. D’autres entreprises pratiquent les <em>vacances illimitées</em> mais cela crée un tel sentiment de culpabilité que les employé·es prennent en définitive <em>moins</em> de vacances et dans un climat pas terrible.</p> | |||
<p>Comment rompre avec ce sentiment ?</p> | |||
<p>On en vient à (re)questionner les notions de travail et de vacances. Si l’on envisage les vacances comme des <em>moments de prise de soin personnels</em>, le changement n’est pas uniquement sémantique mais traduit une intention différente. D’une manière similaire à l’auto-détermination de nos salaires en fonction de nos « besoins », les vacances s’adaptent ainsi à notre rythme de vie, notre enthousiasme et notre appétence. L’exploration du tempo convenable pour notre danse du moment.</p> | |||
<p>Ce n’est plus alors la recherche d’un rythme de <em>travail</em> soutenable mais celle d’une qualité de <em>vie</em> enviable.</p> | |||
<blockquote> | |||
<p>Bien au contraire, la complétude inclut l’ensemble disparate des structures, d’articulations, de médiations, où le tout va puiser la riche variété de ces formes et où ce qu’un esprit analytique réduirait à une suite de détails « innombrables » et « fortuits » acquiert ainsi des propriétés qualitatives uniques.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/19/" title="Lien permanent vers cet article">Définition</a> (2021-08-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’<em>activité</em> ou la <em>profession</em>, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.</p> | |||
<p><cite><em><a href="https://oncletom.io/2021/08/16/victoire-professionnels/">La victoire des professionnels</a></em> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suivi de :</p> | |||
<blockquote> | |||
<p>(j’ouvre une parenthèse ici pour préciser que quand je dis que je « suis développeur web », j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de « résilience sociale » autour du logiciel que je créé)</p> | |||
<p><cite><em>David <a href="https://eldritch.cafe/@davidbruant/106777018282632259">sur Mastodon</a></em></cite></p> | |||
</blockquote> | |||
<p>Réflexions croisées qui viennent alimenter mes <a href="/david/2021/05/27/" title="Craftsman">propres explorations</a> plus ou <a href="/david/blog/2015/travail-transition/">moins</a> <a href="/david/blog/2015/pairmutation-travail/">récentes</a> sur le sujet. Ce besoin de définition est même assez <a href="/david/blog/2016/passion-definition/">récurrent</a> ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop <em>meta</em>.</p> | |||
<p>« Pour qui, <a href="/david/stream/2018/04/04/">pour quoi</a> travaillons-nous ? » pour reprendre le titre de <a href="/david/2021/01/27/" title="Choix">Jacques Ellul</a>, avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse « force de travail » ? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. <strong>« Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web »</strong>, c’est sûr que ça n’est pas très vendeur pour <a href="/david/2021/03/23/" title="Recrutement">obtenir un emploi</a> mais c’est peut-être ce qui se rapproche le plus de mon <em>activité</em>. En tout cas, ça se retrouve pas mal dans ce qui <a href="http://scopyleft.fr/">nous anime</a> depuis bientôt 9 ans.</p> | |||
<p>Au niveau du « pour qui », il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du « jusqu’à quand » dans ce cas là, savoir s’arrêter avant que la <em>collaboration</em> ne change de sens…</p> | |||
<blockquote> | |||
<p>Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce « petit quelque chose » exerce un pouvoir décuplé sur <mark>ceux qui ne savent lui attribuer un nom</mark> ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un « petit quelque chose » bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.</p> | |||
<p><cite><em>Les secrets du pouvoir au Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#riviere-megantic" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-megantic"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Un flux d’idées, momentanément figé.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/11/09/" title="Lien permanent vers cet article">Junior</a> (2021-11-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Pour diminuer ces risques, les entreprises devraient accepter de <mark>renoncer à une part de rentabilité immédiate au profit d’une forme d’investissement durable</mark> reposant sur le recrutement de davantage de juniors. En comprenant que ces juniors sortant de formations courtes – qui sont, notamment, des femmes – auraient pu être ingénieurs ou ingénieures si ils ou elles n’avaient pas rencontré dès l’enfance toute une série de barrières socio-culturelles, l’industrie miserait sur son propre avenir.</p> | |||
<p><cite><em><a href="https://usbeketrica.com/fr/article/le-manoir-de-verre-comment-la-tech-traite-t-elle-les-femmes-developpeuses-ou-data-scientists">« Le manoir de verre » : comment la tech traite-t-elle les femmes développeuses ou data scientists ?</a></em> (<a href="/david/cache/2021/da6f2715327f68a1955044955fb913ea/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a des jours où je suis bien content de voir l’évolution de <a href="http://scopyleft.fr/">scopyleft</a> sur ce plan là. Cette dernière année, nous sommes devenu·es paritaires en réduisant notre moyenne d’âge de 5 ans. Ce qui se joue en interne va bien au-delà de ces chiffres et je vais avoir besoin de davantage de recul pour en parler.</p> | |||
<p>Jusqu’ici c’est très chouette :-).</p> | |||
<blockquote lang="en"> | |||
<p>We end up in a situation where the demand for senior developers far outweighs the capacity and willingness of the companies to train juniors. Up until recently it wasn’t that bad though, we were in kind of an stable situation - the number of developers needed was growing steadily, the attrition was stable, companies were offering some internships and entry-level positions, universities and bootcamps provided streams of candidates. It wasn’t very easy to get the first job in the industry, but with enough effort and determination it was possible even for someone who has just started programming.</p> | |||
<p>And then came the pandemic.</p> | |||
<p><cite><em><a href="https://www.notonlycode.org/nobody-hires-juniors/">Why nobody hires junior developers anymore</a></em> (<a href="/david/cache/2021/28dd93134ff6df75757a564c42834ff3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>PS : niveau salaires par contre, c’est très inégal et ce sera l’opportunité d’un futur billet.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,731 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #sociologie — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #sociologie"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #sociologie</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/05/" title="Lien permanent vers cet article">Statu quo</a> (2021-01-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le <em>statu quo</em> n’a rien de passif. C’est même très actif. Dire “c’est comme ça”, “on n’y peut rien” ; <mark>c’est faire un choix actif</mark> en se protégeant, par la validation d’une norme, d’un regard silencieux qui cautionne ce choix actif.</p> | |||
<p><cite><em><a href="https://oncletom.io/2021/01/05/statu-quo/">Statu quo</a></em> (<a href="/david/cache/2021/aeb0a60038b91bf1fbbbd39b358366fb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Précieux rappel de Thomas. J’associe le <em>statu quo</em> à l’expression de la culture locale. On peut l’accepter, la quitter ou être en opposition. Il s’agit bien souvent d’une combinaison des trois qui s’exprime et s’étouffe en chaque individu. Une fois que l’on a mis le doigt dessus, c’est difficile à ignorer.</p> | |||
<p>C’est comme lorsqu’on m’indique qu’un outil (technique) est a-politique. Rarement, toutes nos productions et nos usages sont politiques. Le <a href="/david/2020/12/13/#gemini">gain de notre attention</a> est politique. Un format et un protocole <a href="https://jcs.org/2021/01/06/plaintext">sont politiques</a> (<a href="/david/cache/2021/9e5d68c7459c77716c44dd1463be36d8/">cache</a>). <strong>Dès que vous êtes en capacité d’inclure/exclure quelqu’un, vous êtes dans une in·action politique.</strong></p> | |||
<blockquote> | |||
<p>La technique moderne est insécable ; il est devenu impossible de parler de bonnes ou de mauvaises techniques, puisque qu’<mark>il existe une interdépendance entre les différents processus qui rendent possible l’existence des objets</mark> qui nous entourent.</p> | |||
<p>C’est pourquoi il nous est désormais impossible de considérer les objets techniques, les machines produites par l’industrie comme des moyens. À vrai dire, aucune d’entre elles ne peut être isolée et détachée de l’ensemble du système des machines produites de manière industrielle. On a toujours affaire à des produits et à des objets techniques qui n’ont aucune existence indépendante, qui ne sont pas des objets insulaires, ni des outils neutres.</p> | |||
<p><cite><em><a href="https://polemos-decroissance.org/lemprise-de-la-machine-une-critique-decroissanciste-de-la-domination-technique/">L’emprise de la machine : une critique décroissanciste de la domination technique</a></em> (<a href="/david/cache/2021/b19c86fa9c66389e26495165b442d0c0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/06/" title="Lien permanent vers cet article">Clown d’État</a> (2021-01-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>I, for one, believe Facebook charted a course around this election primarily with Facebook’s continuing addictiveness in mind. But I <em>know</em> that whatever the reasons, they were ultimately <mark>determined by one person</mark>. That’s quite a thing.</p> | |||
<p><cite><em><a href="https://daringfireball.net/2020/12/facebook_unknowable_megascale">Facebook’s Unknowable Megascale</a></em> (<a href="/david/cache/2021/352d2966ecda7a68cbf97efbc691d017/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les voisins américains sont toujours aussi surprenants. Aujourd’hui, ils s’étaient donné rendez-vous au Capitole pour une petite <em>party</em> à base de drapeaux des États confédérés d’Amérique et de suprématie blanche. On peut difficilement faire plus équivoque pour une sortie de mandat.</p> | |||
<p>Le rôle des <a href="/david/2020/02/07/">GAFAM+</a> dans tout ça <a href="https://www.buzzfeednews.com/article/craigsilverman/facebook-ignore-political-manipulation-whistleblower-memo">est documenté</a> (<a href="/david/cache/2021/ab9f293c34ce421ab41465fcda8893fe/">cache</a>) mais c’est toujours grinçant d’en faire les frais. Je regardais hier une vidéo du gouvernement français sur la vaccination et je me retrouve avec des suggestions pleines de Raoult, de conspirationisme et d’<em>antivax</em>. À part des captures d’écran de peu de valeur, je n’ai aucun moyen de demander des comptes à ces plateformes (Google Youtube en l’occurence). Le fait que le gouvernement soit obligé de déposer des vidéos là-bas est une autre histoire.</p> | |||
<p>En mettant bout à bout ces deux faits récents, imaginez si les personnes à la tête des <abbr title="Google Apple Facebook Amazon Microsoft et compagnie">GAFAM+</abbr> étaient politisées.</p> | |||
<p><em>Mais comment pourraient-elles ne pas l’être ?</em></p> | |||
<p>Dans un mouvement pendulaire, je me demande s’il ne faudrait pas (ré)investir ces réseaux. <strong>Les <a href="/david/blog/2013/diete-tweets/">abandonner</a> n’a fait que laisser plus de place à la haine.</strong> Les fenêtres ouvertes vers l’extérieur se sont peut-être tellement réduites qu’il ne reste plus qu’une vaste chambre d’écho…</p> | |||
<blockquote> | |||
<p>Dans un ermitage, on se contente d’être aux loges de la forêt. Les fenêtres servent à accueillir la nature en soi, non à s’en protéger. On la contemple, on y prélève ce qu’il faut, mais on ne se nourrit pas de l’ambition de la soumettre. <mark>La cabane permet une posture, mais ne donne pas un statut.</mark> On joue à l’ermite, on ne peut se prétendre pionnier.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dans-les-forets-de-siberie">Dans les forêts de Sibérie</a></em>, Sylvain Tesson</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/24/" title="Lien permanent vers cet article">Rareté</a> (2021-03-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Voilà pourquoi les NFT affolent et agitent autant les internets en ce moment. Parce que chacun voit bien qu’il ne vont rien changer en surface, tout en changeant possiblement plein de choses en profondeur. Parce que de la même manière que le capitalisme linguistique s’était attaqué à la langue en tant que bien commun, cette nouvelle forme de capitalisme de la copie (« <mark>copytalism</mark> » diraient nos amis anglo-saxons s’ils avaient inventé ce terme avant moi) s’attaque aux biens numériques en tant que possibles appropriations communes.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/03/nft-loriginal-et-lacopie.html">NFT : l’original et l’acopie</a></em> (<a href="/david/cache/2021/fe8d34354b3f82a0f5eb2158e314b8f6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’observais récemment des enfants jouer dans la cour et j’étais frappé par le produit de la rareté. Un simple glaçon<sup>*</sup> devenait alors le centre de l’attention (et de la convoitise) du fait de son unicité. Cet objet — auquel des esprits toujours libres eurent tôt fait de donner des vertus quasi-magiques — était l’objet d’une controverse quant à sa destinée. Les un·es voulaient le râper pour en faire de la glycérine (véridique !), les autres comptaient le mettre au sommet de leur château. Cette différence de points de vue a fait l’objet d’une longue négociation qui faisait sourire les parents (enfin je crois, pas facile avec les masques) mais surtout qui établissait des relations sociales.</p> | |||
<p>De cette anecdote est sorti de mon esprit — un peu moins libre — l’idée que la rareté était peut-être importante pour générer des liens sociaux. Et que le capitalisme était notre outil inter-générationnel pour conserver ces liens. Je suis rentré à la maison sur mon vélo en essayant de me <a href="/david/2021/03/18/" title="Fatigue">fatiguer</a> le plus possible…</p> | |||
<p><sup>*</sup> Ce bout de glaçon était en somme le contraire d’un marché liquide. <em>Tadum kshh.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/04/" title="Lien permanent vers cet article">Échappatoire</a> (2021-04-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Souvent dans un lieu quand j’ai la pensée lente, j’imagine le grand tremblement de terre et le tsunami éventuel. Que dois-je faire ? <mark>Dans quelle direction courir</mark>, dans quelle émotion, dans quelle angoisse ? Avant de mettre le pied sur la plage, instinctivement, je marque dans ma mémoire le lieu du bâtiment le plus haut.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/03/31/tremblement">avant le tremblement</a></em> (<a href="/david/cache/2021/60b5a14eec9d72fe274143aa3ccca32f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est l’une des raisons pour lesquelles je ne suis pas resté au Japon. Je n’ai pas supporté de vivre avec cette attention de tous les instants, à la fois si hypothétique et si réelle (ça tremblait pas mal fin 2011…). J’ai conscience que c’est aussi ce qui donne un angle tout à fait singulier à la culture locale : on n’a probablement pas la même attitude lorsque l’épée de Damoclès est aussi visible. Cela forme une sorte de solidarité non-dite et diffuse mais néanmoins palpable. On sait qu’à un moment on va avoir besoin des autres et on espère qu’ils répondront présent de la même manière que l’on s’y prépare soi-même.</p> | |||
<p>Transformant le <em>Big One</em> évènement en <em>One Big</em> nation.</p> | |||
<p>(Je suis d’humeur lyrique ces derniers jours.)</p> | |||
</details> | |||
<h2><a href="/david/2021/04/14/" title="Lien permanent vers cet article">Trending</a> (2021-04-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The point of Twitter’s Trending Topics is ostensibly to surface significant news and Twitter commentary and invite others to ‘join the conversation.’ Left unsaid, of course, is that ‘the conversation’ at scale is complete garbage — an incomprehensible number of voices lecturing past each other. It didn’t matter how Hunt had intended the argument — whether it was cheeky fun or part of a high-minded indictment of the sci-fi horror industrial complex — it was amplified by others as ammunition to make whatever convenient point that interested parties wanted to make. As Ryan Broderick, who chronicles the internet in his excellent newsletter, Garbage Day, noted during the incident, <mark>“is this really how a website should function?”</mark></p> | |||
<p><cite><em><a href="https://warzel.substack.com/p/its-not-cancel-culture-its-a-platform">“It’s Not Cancel Culture - It’s A Platform Failure.”</a></em> (<a href="/david/cache/2021/bd15d74042626a6a1087ea5f32d22656/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On en revient à cette notion de passage à l’échelle et d’<a href="/david/blog/2012/opinion-audience/">audience</a>. Et de notre acceptation d’une telle dépendance. Une forme de grégarité numérique en quelque sorte qui nous empêche d’explorer les autres champs des possibles.</p> | |||
<p>Si vous êtes sur Twitter, peut-être que vous pourriez envisager un <a href="https://laurakalbag.com/write-only-twitter/">usage en écriture seule</a> (<a href="/david/cache/2021/1fdec7eb6b2c3d889cbd789de3fb1d1d/">cache</a>) ?</p> | |||
<blockquote> | |||
<p>Préférer continuer de tolérer les instances d’appels à la mort, fussent-elles figuratives, sur des personnalités que l’on qualifie de publiques au seul moyen d’assertions calculatoires toujours possiblement mouvantes est une <mark>hypocrisie fondamentale</mark>, structurelle qui enferme le pilotage stratégique de ces systèmes sociaux dans la cage de leurs architectures techniques toxiques.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/03/mort-figurative.html">La mort figurative vous va si bien.</a></em> (<a href="/david/cache/2021/0acb9b97e82885d127fefb8266875754/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/28/" title="Lien permanent vers cet article">Politique</a> (2021-04-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>No more societal and political discussions on our company Basecamp account.</strong> Today’s social and political waters are especially choppy. Sensitivities are at 11, and every discussion remotely related to politics, advocacy, or society at large quickly spins away from pleasant. You shouldn’t have to wonder if staying out of it means you’re complicit, or wading into it means you’re a target. These are difficult enough waters to navigate in life, but significantly more so at work. It’s become too much. <mark>It’s a major distraction.</mark> It saps our energy, and redirects our dialog towards dark places. It’s not healthy, it hasn’t served us well. And we’re done with it on our company Basecamp account where the work happens. People can take the conversations with willing co-workers to Signal, Whatsapp, or even a personal Basecamp account, but it can’t happen where the work happens anymore.</p> | |||
<p><cite><em><a href="https://world.hey.com/jason/changes-at-basecamp-7f32afc5">Changes at Basecamp</a></em> (<a href="/david/cache/2021/c6a317213165bc069aabb49c53184a7f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Voilà une décision assez surprenante et qui a produit pas mal de réactions dans ma bulle. J’ai tendance à penser que tout peut devenir politique, de l’endroit où on choisit (parfois) de respirer notre air à l’eau plus ou moins embouteillée et propre que l’on boit, en passant par le bruit que l’on supporte/endure, etc. L’ensemble de nos stimuli et choix est politique si l’on en a conscience. Si l’on en <em>prend</em> conscience.</p> | |||
<p>Ce à quoi l’on consacre notre force de travail est de fait éminemment politique. Autant dire que pour ne pas se laisser <q>distraire</q> par la politique, il faudrait ne plus rien faire au travail. Et encore, même ceci est une contre-action motivée. Le rêve du libertarien est probablement cet ingénieur a-politique, a-cérébré, qui n’est qu’un pion analytique dans cette immense machine à fric.</p> | |||
<p>Et en même temps, je conçois que l’on ne puisse pas être en accord avec de trop nombreuses personnes. Et si cela affecte la productivité d’une équipe, il reste à définir ce que l’on souhaite <em>produire</em> en travaillant ensemble. Pour ma part, la réponse actuelle est simple :</p> | |||
<p>Une pensée critique. <strong>Et donc politique.</strong></p> | |||
<p><mark>Note avant publication :</mark> je choisis finalement de publier ce billet après de nombreux doutes au cours de la semaine, notamment car les <a href="https://marker.medium.com/the-pyramid-of-hate-that-brought-down-basecamp-838b63ca27e">récents</a> (<a href="/david/cache/2021/c92f91f646dd606f81a329fe2c91d733/">cache</a>) <a href="https://www.platformer.news/p/-how-basecamp-blew-up">rebondissements</a> (<a href="/david/cache/2021/413c4ae36b9d7f577768dcc991561268/">cache</a>) sont <a href="https://www.baldurbjarnason.com/2021/you-are-what-you-do/">extrêmement</a> (<a href="/david/cache/2021/a52987d5a3fe3c1e6f3a267a20d43d52/">cache</a>) préoccupants.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/19/" title="Lien permanent vers cet article">Regroupement</a> (2021-05-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si atteindre une position dominante sur leurs marchés respectifs s’avère épineux, ce n’est pas leur principal levier d’influence, relève l’économiste : « Les coopératives contribuent à faire évoluer les règles du jeu, car <mark>elles diffusent leurs idées et leurs pratiques de production au-delà d’elles-mêmes.</mark> »</p> | |||
<p>[…]</p> | |||
<p>Malgré leur motivation, la plupart demeurent des coopératives de tailles et d’effectifs modestes. « Ce n’est pas simple de travailler de concert, surtout quand on porte des projets énergivores en ressources humaines, et qu’on ne possède pas la force de frappe de levée de fonds d’une start-up », dit Adrien Montagut.</p> | |||
<p><cite><em><a href="https://reporterre.net/Des-cooperatives-se-regroupent-pour-une-alternative-aux-geants-du-web">Des coopératives se regroupent pour une alternative aux géants du web</a></em> (<a href="/david/cache/2021/cfd75c2c4d19529d184fc1a1ccdfc938/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, on essaye de répondre à un appel d’offre en formant un regroupement de structures ayant des principes coopératifs. La principale difficulté est de définir un cap pour ce collectif sans qu’il n’y ait pour autant de cap…itaine(s). Réussir à s’accorder prend du temps — même en envisageant de commencer à travailler en commun pour mieux se connaître. Or, un appel d’offre amène cette contrainte forte. Là est l’enjeu.</p> | |||
<p>Au-delà de l’acceptation ou du rejet de notre proposition, c’est ce chemin qui m’intéresse lorsqu’un collectif se forme. Avec l’espoir qu’il survive à l’appât du gain à court terme pour envisager d’autres formes d’interactions et de collaborations.</p> | |||
<blockquote> | |||
<p>— Les trois branches d’un accord sont l’intention, l’information et l’incertitude. La précision et l’honnêteté n’ont pas grand-chose à voir avec la question. […] La dialectique ferme la porte aux sens, déclara Leto en ramenant son visage plus près du sol. Elle masque l’agressivité. <mark>Poussée à outrance, la discussion conduit toujours à la violence.</mark> Et mes intentions envers toi ne sont pas violentes.<br /> | |||
— Que voulez-vous dire par… intention, information, incertitude ?<br /> | |||
— L’intention réunit les participants. L’information délimite le débat. L’incertitude crée les questions.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/22/" title="Lien permanent vers cet article">Fardeau</a> (2021-05-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>— La coutume fremen était de considérer comme hostiles tout ceux qui étaient vus au loin jusqu’à ce qu’ils jettent en l’air une poignée de sable. […]<br /> | |||
— Du sable ? s’étonna-t-elle.<br /> | |||
— Ce geste a une signification profonde. Il veut dire : « <mark>Nous partageons le même fardeau. Le sable est notre unique ennemi.</mark> C’est ce que nous buvons. La main qui tient le sable ne tient pas d’arme. »</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<p>Je m’imagine un instant jeter une poignée de pièces en l’air lorsque je croise quelqu’un dans la forêt.</p> | |||
<p>La lecture de Dune pendant cette pandémie a un goût particulier, il n’est pas question d’éviter la dispersion de son eau mais si on considère <a href="/david/2021/05/16/" title="Aération">l’aérosolisation</a> ça y ressemble pas mal. À chaque fois que je réajuste mon masque, je m’imagine qu’il s’agit de mon « distille » qui va me permettre de survivre plus longtemps dans un environnement hostile. <em>Quelle est mon épice ?</em></p> | |||
</details> | |||
<h2><a href="/david/2021/05/26/" title="Lien permanent vers cet article">Follow</a> (2021-05-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a seat at the table and skin in the game, bang the drum for RSS and the open web. Like I said, it’s great to see early trials of RSS in the Chrome mobile browser and, for me, that’s <mark>a promising start</mark>.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/05/26/chrome_and_rss">Three requests for the Google Chrome team as they experiment with RSS</a></em> (<a href="/david/cache/2021/4a9c4c407b34c40ec5b3783ac5f274a7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>L’une des choses que je retiens de cette expérience, c’est d’utiliser le terme « <span lang="en">Follow</span> » pour suivre des flux RSS. <strong>Au 21<sup>e</sup> siècle, on ne s’abonne plus, on suit.</strong> Et je me demande si je ne vais pas suivre (!) cette mouvance qui permet peut-être de mieux comprendre <a href="/david/blog/2019/flux-rss/">de quoi est-ce qu’il s’agit</a>. Notamment pour des personnes qui découvrent un site après avoir passé tant d’années <em>dans</em> des réseaux sociaux.</p> | |||
<p>Suivez-moi… mais pas de trop près quand même car ça devient vite flippant 😅.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/04/" title="Lien permanent vers cet article">Lâche(r-prise)</a> (2021-06-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Mais quand on avait envie de continuer à s’investir, c’est très frustrant. Je suis un peu triste, <mark>je vis malgré tout partiellement comme un échec le fait de devoir cesser</mark>, là, de faire ce que j’avais commencé, en ne finissant même pas les projets que j’avais démarrés. Je vois bien que c’est ridicule, un peu comme quelqu’un qui le pied dans le plâtre après un accident du travail, ne parlerait que de retourner au bureau. Ben non. Manifestement tu ne peux pas retourner au bureau. <em>Lâche.</em></p> | |||
<p><cite><em><a href="https://www.hauteresolution.net/blog/articles/il-est-temps-de-tourner-la-page/25/">Il est temps de tourner la page</a></em> (<a href="/david/cache/2021/a0ec305634258e807f376799258029cb/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je (me) demandais <a href="https://mastodon.social/@dav/106177137939607389">le mois dernier</a> s’il y avait « lâche » dans « lâcher-prise » car c’est une tension que j’ai l’impression de vivre souvent. Ne plus savoir quelle est l’échelle la plus pertinente dont il faudrait que je prenne soin, de la personnelle à l’universelle en passant par une multitude de paliers plus ou moins enchevêtrés. Le temps et donc notre attention — sur lesquels nous espérons avoir une forme de pouvoir — sont finalement d’un potentiel assez dérisoire.</p> | |||
<p>Il faut que je revienne sur cette notion de <em>potentiel</em>.</p> | |||
<blockquote> | |||
<p>28. L’homme en s’abandonnant ainsi commet le péché social — c’est-à-dire le péché qui consiste à refuser d’être une personne consciente de ses devoirs, de sa force, de sa vocation, pour accepter les influences de l’extérieur (les accepter volontairement ou non, par les ordres reçus ou les films vus p. ex.). <mark>L’homme rentre désormais dans la foule.</mark> Le péché social est le péché contre l’esprit, parce que l’homme renonce à ce qui le rend différent de ses voisins — (sa vocation) — pour s’assimiler à eux et devenir un jeton interchangeable qui accomplit des gestes identiques, lit les mêmes mots, pense les mêmes pensées. C’est le refus de vivre.</p> | |||
<p><cite><em>Directives pour un manifeste personnaliste</em>, Bernard Charbonneau et Jacques Ellul, 1935</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/05/" title="Lien permanent vers cet article">Incarnation</a> (2021-06-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>47. Notre action sera d’autant plus efficace qu’elle sera davantage l’expression normale de nous-mêmes. Nous ne porterons pas d’insigne : lorsque l’insigne devient le signe d’un engagement, c’est que nous ne faisons aucun geste : <mark>il faut que nous incarnions la doctrine</mark>, que nous soyons à proprement parler ces valeurs mêmes que nous élevons.</p> | |||
<p><cite><em>Directives pour un manifeste personnaliste</em>, Bernard Charbonneau et Jacques Ellul, 1935</cite></p> | |||
</blockquote> | |||
<p>Coïncidence étrange que de parler de cela le matin et de lire cet extrait le soir. Je faisais la distinction avec <a href="http://ut7.fr/">Raphaël</a> entre promouvoir <a href="https://fr.wikipedia.org/wiki/D%C3%A9claration_sur_l%27identit%C3%A9_coop%C3%A9rative">les principes coopératifs</a> et celle de les incarner. On peut aspirer à quelque chose sans pour autant aller jusqu’à s’impliquer et ça fait une différence non négligeable. On peut aussi avoir la volonté de les incarner tout en étant maladroit·e, jusqu’à un point où ça peut devenir contre-productif. On peut difficilement être (et) neutre.</p> | |||
<p>Ah… les relations humaines 🤷.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/11/" title="Lien permanent vers cet article">Anti</a> (2021-06-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>So don’t feel all warm and fuzzy about the fact that covid cases have dropped a lot around you. Yes, all those vaccinated people around you will protect you too, but if there is another wave, possibly due to a more transmissible version — you and your family will be at <em>much</em> higher risk than those vaccinated people because of your ignorance and mis-information.</p> | |||
<p>Get vaccinated. Stop believing the anti-vax lies.</p> | |||
<p><cite><a href="https://lore.kernel.org/ksummit/CAHk-=wiB6FJknDC5PMfpkg4gZrbSuC3d391VyReM4Wb0+JYXXA@mail.gmail.com/">Linus Torvalds sur la liste de diffusion du noyau de Linux</a> (<a href="/david/cache/2021/4f568b3460f3cdac5cf2957a05fe2100/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me réjouissais <a href="https://mastodon.social/@dav/106383781076961234">récemment</a> du fait que 75 % de la population du Québec ayant plus de 12 ans soit vaccinée :</p> | |||
<figure> | |||
<a href="#tableau_de_bord_2021-06-08" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-06-08.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec au 8 juin 2021" | |||
loading="lazy" width="1280" height="1103" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="tableau_de_bord_2021-06-08"> | |||
<img src="/static/david/2021/tableau_de_bord_2021-06-08.png" alt="Tableau de bord des chiffres sur l’évolution de la Covid-19 et de sa vaccination au Québec au 8 juin 2021" | |||
loading="lazy" width="1280" height="1103" /> | |||
</a> | |||
<figcaption>Tableau au 8 juin 2021.</figcaption> | |||
</figure> | |||
<p>En grande partie grâce à la vaccination des 12-17 ans (43 % en 15 jours !) si on compare à la <a href="/david/2021/05/24/" title="Dose 1">photo du 24 mai</a>.</p> | |||
<p>Bon, ça n’a pas traîné, quelqu’un est venu <a href="https://mastodon.jpages.eu/@jpages/106384265971548593">me mettre en garde</a> contre un <q>grave scandale sanitaire</q> à venir. Et franchement, c’est épuisant (et ça m’énerve). Ça fait plus d’un an que l’on <em>vit avec</em> un <q>grave scandale sanitaire</q>, des <a href="https://www.worldometers.info/coronavirus/">millions de morts comptabilisés</a>, des covid longs difficiles à estimer, des mutations plus ou moins dangereuses, des services de réanimation à bout de souffle, qu’est-ce qu’il faut de plus ?</p> | |||
<p>C’est important d’être sceptique, de douter, c’est même la base de la démarche scientifique mais après un an d’études et de recul il ne reste plus que des idées puantes qui flottent dans la fosse… septique. La vaccination est le moyen <strong>collectif</strong> que l’on a trouvé pour réduire le risque de mourir et de transmettre la maladie, notamment (mais pas que) pour les personnes les plus à risque. On peut être contre, mais en proposant quoi ?</p> | |||
<p>Avec une population suffisamment vaccinée, on peut envisager de ne plus porter le masque en permanence, on peut recommencer à sourire avec autre chose qu’avec ses yeux, on peut manifester sa joie et sa colère, on peut inviter des ami·es pour débattre, s’embrasser et militer, on peut porter notre attention sur d’autres problèmes.</p> | |||
<p>Les alternatives ? Il y en a plusieurs mais celle qui se profile pour la France, c’est de se balader avec un Pass Sanitaire, c’est de rester masqué, subir un couvre-feu, c’est de se reconfiner en octobre, c’est de ne pas avoir le temps de parler d’autre chose avant la présidentielle, c’est que ça se termine en vaccination obligatoire et en répression…</p> | |||
<p>Chacun·e est libre de choisir un rapport bénéfice/risque plus ou moins individualiste en fonction de ses <a href="/david/2021/04/25/" title="Complot">croyances</a> et <a href="/david/2021/05/15/" title="Inquiétude">inquiétudes</a> mais il faut aussi en assumer les conséquences, directes et indirectes.</p> | |||
<p><mark>Note avant publication :</mark> <a href="https://cdn-contenu.quebec.ca/cdn-contenu/sante/documents/Problemes_de_sante/covid-19/20-210-382W_infographie_sommaire-executif.jpg">l’infographie dynamique</a> donne pour le Québec 78 % de premières doses pour les plus de 12 ans au 16 juin et 16 % de secondes doses. Aussi, je ne devrais pas écrire quand je suis énervé.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/12/" title="Lien permanent vers cet article">Masque</a> (2021-06-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le mythe du désintérêt des autistes pour les autres humains et la sociabilité empêche de reconnaître qu’il existe des autistes qui au contraire adorent observer les autres et comprendre leur fonctionnement, se passionnent pour l’étude des groupes et du <em>small talk</em>, et se servent de leurs passions pour mieux s’intégrer parmi les non-autistes. <mark>Il existe aussi des personnes autistes qui évoluent dans un environnement bienveillant voire autiste lui-même</mark> (parents autistes qui s’ignorent, amitiés ou relations amoureuses avec d’autres personnes autistes identifiées ou non, travail dans un milieu autistico-compatible) et qui donnent ainsi l’impression de ne pas toujours avoir de grandes difficultés à se lier avec autrui, puisqu’elles ont trouvé des semblables ou des gens qui les acceptent comme elles sont.</p> | |||
<p><cite><em><a href="https://dieses.fr/autisme-au-feminin-ou-autisme-tout-court">Autisme « au féminin » ou autisme tout court ?</a></em> (<a href="/david/cache/2021/9655fe9a307f08ff5dcf3824ae74c0ba/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Certaines personnes portent des masques au quotidien depuis bien avant la pandémie. Le <a href="/david/blog/2017/spectre-autisme/">spectre</a> de la neuro-atypie a trop de dimensions pour pouvoir établir des diagnostics pertinents car il y a une multitude de cases possibles.</p> | |||
<p>Les spécialistes essayent de jouer aux échecs alors qu’il s’agit d’un jeu de go…</p> | |||
</details> | |||
<h2><a href="/david/2021/06/20/" title="Lien permanent vers cet article">Contribution</a> (2021-06-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Similar to SQLite, Litestream is open source but closed to code contributions. This keeps the code base free of proprietary or licensed code but it also helps me continue to maintain and build Litestream.</p> | |||
<p>As the author of BoltDB, <mark>I found that accepting and maintaining third party patches contributed to my burn out</mark> and I eventually archived the project. Writing databases & low-level replication tools involves nuance and simple one line changes can have profound and unexpected changes in correctness and performance. Small contributions typically required hours of my time to properly test and validate them.</p> | |||
<p>I am grateful for community involvement, bug reports, & feature requests. I do not wish to come off as anything but welcoming, however, I've made the decision to keep this project closed to contributions for my own mental health and long term viability of the project.</p> | |||
<p><cite><a href="https://github.com/benbjohnson/litestream#open-source-not-open-contribution">Open-source, not open-contribution</a></cite></p> | |||
</blockquote> | |||
<p>Je ne crois pas avoir déjà croisé une annonce du genre. Je ne suis pas sûr de savoir quoi en penser. Toujours <a href="/david/2021/06/04/" title="Lâche(r-prise)">cet entre-deux</a> incertain entre les différentes échelles et prises de soins respectives.</p> | |||
<p><mark>Note après publication :</mark></p> | |||
<p>Mathieu m’indique que le <a href="https://elm-lang.org/">langage Elm</a> a un mode de contribution un peu similaire par « paquets » :</p> | |||
<blockquote lang="en"> | |||
<p>The major benefit of batching is that the review process is <em>structured</em> for coherent design. By allowing time for folks to share their experiences and suggestions, it becomes possible to consider them all together and better balance their needs. Shifting towards real-time responses on everything would necessarily degrade the overall design quality.</p> | |||
<p><cite><em><a href="https://github.com/elm/expectations/blob/master/batching.md#batching">Batching</a></em> (<a href="/david/cache/2021/34dbd7a73608c6cde4adf12c4a7084c0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/02/" title="Lien permanent vers cet article">Parisianisme</a> (2021-07-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Le parisianisme est un terme péjoratif français qui désigne une attitude, perçue comme méprisante, consistant à distinguer systématiquement ce qui se passe à Paris (et par extension, en Île-de-France) de ce qui se passe dans les autres villes et départements français, considéré comme moins important. Cette attitude peut être considérée comme <mark>une forme localisée d’ethnocentrisme</mark>. Le terme peut être dirigé contre des personnes autant que contre des modes de fonctionnement (médiatiques ou culturels par exemple).</p> | |||
<p><cite><em><a href="https://fr.wikipedia.org/wiki/Parisianisme">Parisianisme</a></em>, sur wikipedia</cite></p> | |||
</blockquote> | |||
<p>Je continue sur <a href="/david/2021/07/01/" title="Connexionisme">ma lancée</a>, il y a un biais pour les parisien·nes à tout ramener à leur environnement en arguant qu’il est plus facile de s’y rendre… ce qui ne fait que renforcer cette centralisation.</p> | |||
<p>Pourtant, l’avantage d’une équipe décentralisée c’est de pouvoir être relativement libre dans ses choix de rencontres. Explorer de nouveaux lieux ensemble permet d’aplatir ce type d’ascendance territoriale tout en n’excluant pas les personnes qui sont un peu trop excentrées. Je ne parle bien évidemment pas de mon cas ici — encore que — les <a href="/david/stream/2019/04/05/">montréalisien·nes</a> on bien du mal à quitter le plateau aussi…</p> | |||
<p>Je suis de plus en plus sensible à ces rapports de subordination qui me sont rendus encore plus visibles par ma lecture actuelle des inégalités.</p> | |||
<blockquote> | |||
<p>Les humains sont contents lorsque chacun occupe sa place, lorsque chacun sait parfaitement ce qu’il représente dans l’agencement des choses et ce qu’il peut espérer accomplir. <mark>Détruisez cette place et vous détruisez l’être.</mark></p> | |||
<p><cite><em>Leçon du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/05/" title="Lien permanent vers cet article">Ano(r)malisme</a> (2021-07-05)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Se dire qu’une expérience singulière n’est pas reproductible car le contexte était trop particulier. J’ai souvent croisé ce schéma de pensée, notamment dans le contexte professionnel. C’est triste car ça referme brutalement des portes à peine entrouvertes.</p> | |||
<p>Un contexte se crée et se façonne — disent les privilégié·es — mais il faut pour cela être suffisamment en (in)sécurité. Un entre-deux génère un <a href="/david/2021/01/05/" title="Statu quo">statu quo</a>.</p> | |||
<blockquote> | |||
<p>La bureaucratie est la mort de l’initiative. Il n’est rien que des bureaucrates haïssent plus que l’innovation, en particulier celle qui produit de meilleurs résultats que les vieilles routines traditionnelles. <mark>Les améliorations font toujours paraître ineptes ceux qui se trouvent au sommet de la pyramide.</mark> Et qui prend plaisir à avoir l’air inepte ?</p> | |||
<p><cite><em>Guide des Essais et Erreur dans l’Art de Gouverner, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/18/" title="Lien permanent vers cet article">Sachance</a> (2021-07-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Ce n’est pas un hasard si les femmes sont les plus inquiètes des effets indésirables – si l’on en croit l’étude de la fondation Jean Jaurès. Les scandales sanitaires les plus récents ont eu des femmes pour principales victimes.</p> | |||
<p>[…]</p> | |||
<p>Il faut être aveugle pour ne pas voir que la défiance envers le vaccin se nourrit du discours pro-vaccin. Réduits à la condition d’« antivax » hystériques et illettrés, qui s’informent sur les réseaux sociaux plutôt que de lire le Monde ou d’écouter Karine Lacombe sur TF1, <mark>la population défiante envers le vaccin subit une nouvelle fois la violence que les sachants aiment infliger</mark> aux autres car il grandit d’autant leurs prétentions.</p> | |||
<p><cite><em><a href="https://www.frustrationmagazine.fr/comprendre-la-defiance-envers-le-vaccin/">Comprendre la défiance envers le vaccin pour sortir de l’épidémie de Covid</a></em> (<a href="/david/cache/2021/e4773951c7ed25cbab530ce2c20bd18a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Délit de sachance <a href="/david/2021/07/17/" title="Long terme">hier</a>, orgueil de détenir une licence de biologie cellulaire et un master de bio-informatique. Et puis, d’une certaine manière, je prépare ma <a href="/david/2020/05/26/">thèse en épidémiologie</a> depuis un an aussi… pour rendre intelligibles <a href="https://ansm.sante.fr/actualites/point-de-situation-sur-la-surveillance-des-vaccins-contre-la-covid-19-periode-du-25-06-2021-au-08-07-2021">les points de l’<abbr title="Agence Nationale de Sécurité du Médicament">ANSM</abbr></a> et <a href="https://www.has-sante.fr/jcms/p_3168585/en/tous-les-travaux-de-la-has-covid-19#toc_1_3">les avis de la <abbr title="Haute Autorité de la Santé">HAS</abbr></a>. Que je vous encourage à lire si vous êtes <a href="/david/2021/06/11/" title="Anti">sceptique</a>.</p> | |||
<p>Un besoin de comprendre, au moins socio(il?)logiquement, pourquoi la France se retrouve dans cette impasse. Passer outre la #CovidFatigue et la rationalité. Continuer de creuser. Encore. L’analyse de cette défiance est peut-être la clé pour faire germer d’autres comportements, créer des liens différents de ceux de la méfiance commune. Garder un mince espoir…</p> | |||
<blockquote> | |||
<p>Quant au niveau de revenus, il joue de manière similaire face au vaccin contre le Covid que face aux vaccins en général. Les 10 % les plus riches sont moins hostiles au vaccin que les 50 % les plus pauvres. Ce qui compte alors n’est sans doute pas tant le niveau de revenu que <mark>l’appartenance à des réseaux de sociabilité qui informent les croyances et les pratiques.</mark></p> | |||
<p>[…]</p> | |||
<p>Le débat sur l’obligation vaccinale des soignants fixe l’attention sur certaines catégories de personnels, les aides-soignant.e.s et les infirmier.e.s, et instille le doute sur leur capacité à adopter les bons gestes pour éviter les transmissions, remettant en cause leur professionnalisme.</p> | |||
<p><cite><em><a href="https://www.alternatives-economiques.fr/reticences-face-vaccin-contre-covid-socialement-construites/00099871">« Les réticences face au vaccin contre le Covid sont socialement construites »</a></em> (<a href="/david/cache/2021/0644e7ce0ff32db452eaa7e652fa2461/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cyniquement, c’est la doctrine incompréhensible du gouvernement associée à / causant des pratiques non collectives qui me permet d’être dans ces 10 % depuis plus d’un an. Il faut que j’apprenne à « vivre avec » ce <a href="/david/2021/06/18/" title="Inutile">paradoxe de l’in·utilité</a>.</p> | |||
<figure> | |||
<a href="#tract-anti-vaccination" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/tract-anti-vaccination.jpg" alt="Tract manifestement anti-vaccination découvert sur un arbre dans le Parc d’à côté." | |||
loading="lazy" width="960" height="1280" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="tract-anti-vaccination"> | |||
<img src="/static/david/2021/tract-anti-vaccination.jpg" alt="Tract manifestement anti-vaccination découvert sur un arbre dans le Parc d’à côté." | |||
loading="lazy" width="960" height="1280" /> | |||
</a> | |||
<figcaption>Tract découvert sur un arbre dans le Parc d’à côté. Il y a beaucoup de français·es à Montréal. <a href="https://www.ledevoir.com/societe/617715/les-quebecois-sont-les-moins-preoccupes-par-la-covid-19-de-toute-l-amerique-du-nord">Trop ?</a> (<a href="/david/cache/2021/64b01e334b1c9cd111deb15ceac989a5/">cache</a>)</figcaption> | |||
</figure> | |||
<p>Voir aussi :</p> | |||
<ul> | |||
<li><a href="https://www.bastamag.net/pass-sanitaire-obligation-vaccinale-tests-PCR-payants-annonces-Macron-aucune-pedagogie-Jerome-Martin">« Considérer que ceux qui ne se font pas vacciner sont forcément anti-vaccins est une grosse erreur »</a> (<a href="/david/cache/2021/4922b495016d5ad06df3acb2ca528c18/">cache</a>)</li> | |||
<li><a href="https://blogs.mediapart.fr/damien-maudet/blog/180721/passe-sanitaire-une-lutte-saine-qui-ne-doit-pas-etre-laissee-l-extreme-droite">« Passe Sanitaire » : une lutte saine qui ne doit pas être laissée à l’extrême droite</a> (<a href="/david/cache/2021/dbb3606c28d70952e2451dcdaeb3dad5/">cache</a>)</li> | |||
</ul> | |||
<hr /> | |||
<p>Avant publication, je croise cette citation sur Mastodon :</p> | |||
<blockquote> | |||
<p>Je peux vivre avec le doute et l’incertitude. Je peux vivre sans savoir. Je pense qu’il est beaucoup plus intéressant de vivre sans savoir que d’avoir des réponses qui pourraient être fausses. J’ai des réponses approximatives, j’ai des croyances plausibles avec différents degrés de certitude sur différents sujets. <mark>Mais je ne suis absolument sûr de rien.</mark> Et il y a beaucoup de choses dont je ne sais absolument rien. Mais je ne suis pas obligé d’avoir une réponse. Je ne me sens pas effrayé par le fait de ne pas savoir.</p> | |||
<p><cite><em>Richard Feynman</em>, <a href="https://social.stephane-klein.info/notice/A9VgXLjMmw4s841bqS">partagé par Stéphane Klein</a></cite></p> | |||
</blockquote> | |||
<hr /> | |||
<blockquote> | |||
<p>Les lois prohibitives ont tendance à renforcer ce qu’elles voudraient interdire. C’est le point sensible dont toutes les professions juridiques de l’histoire se sont servies pour assurer la stabilité de leur fonction.</p> | |||
<p><cite><em>Coda Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/09/" title="Lien permanent vers cet article">Support</a> (2021-08-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Lorsque deux personnes ne se supportent pas — n’ont aucune envie de servir de <em>support</em> l’une à l’autre — doit-on tout de suite y voir un conflit de privilèges, de classes, de cultures ou d’égos ? Peut-être qu’il y a parfois « juste » un truc qui ne passe pas et il faut plutôt travailler à dégoupiller la pression sociale qui peut pousser ces deux personnes à se rencontrer. La violence me semble émaner de cette mise en proximité si elle est imposée (aussi numérique soit-elle), on réagit rarement de manière intelligente lorsqu’on est acculé·e.</p> | |||
<figure> | |||
<a href="#canards" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/canards.jpg" alt="Une mère canard sur un rocher, ses petits sur un autre." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="canards"> | |||
<img src="/static/david/2021/canards.jpg" alt="Une mère canard sur un rocher, ses petits sur un autre." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>En sécurité ou à l’écart ?</figcaption> | |||
</figure> | |||
<blockquote> | |||
<p>Le point de rupture est ce moment où l’on renonce à un lien, on le défait ou le tranche. C’est le moment où l’on cesse de croire en quelqu’un, d’attendre quoi que ce soit de lui. Notre capacité à lui faire confiance s’est épuisée au fur et à mesure des déceptions, des mensonges, des violences ou des trahisons. Ou bien, elle s’effondre d’un coup, sous nos yeux incrédules, comme une falaise de craie. C’est le moment de la perte, cet étrange moment où l’on « perd » quelqu’un encore vivant.</p> | |||
<p><cite><em>Rupture(s)</em>, Claire Marin</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/23/" title="Lien permanent vers cet article">Olympique</a> (2021-08-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p><strong>Aujourd’hui pour être un athlète de haut niveau, il semble qu’il ne soit plus suffisant d’être bon, il faut aussi être populaire.</strong></p> | |||
<p>Que certains sportifs soient des influenceurs en capacité de monnayer leur image est une chose. Mais que pour une grande majorité d’entre eux on subordonne leur capacité de vivre (souvent assez mal) de leur sport à leur capacité d’être des <mark>influenceurs</mark>, est tout à fait désolant, <em>a fortiori</em> dans le cadre encore un peu particulier qui est celui de l’olympisme moderne.</p> | |||
<p><cite><em><a href="https://www.affordance.info/mon_weblog/2021/08/plus-vite-plus-haut-plus-de-vues.html">Plus vite, plus haut … plus de vues.</a></em> (<a href="/david/cache/2021/3a94b388ab64cd27e1eb261eeb70ca63/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai retenu trois choses de ces jeux olympiques :</p> | |||
<ol> | |||
<li>Lorsqu’on <a href="https://ig.ft.com/tokyo-olympics-alternative-medal-table/">prend en compte certains facteurs économiques, sociaux et politiques</a> (<a href="/david/cache/2021/e36e870096588a45b32221d254c9da18/">cache</a>) pour ordonner le classique tableau des médailles, on obtient un classement où la France se retrouve bonne dernière (vive l’EPS !).</li> | |||
<li>Les pays riches <a href="https://www.nbcnews.com/storyline/2016-rio-summer-olympics/oil-rich-countries-are-importing-elite-athletes-bump-national-medal-n632566">achètent des athlètes</a> (<a href="/david/cache/2021/9b936d812bb241d79008763f5424bec6/">cache</a>) pour remonter dans le classement classique des médailles, quitte à devoir leur faire changer de noms en cours de route.</li> | |||
<li>Il y a des enjeux diplomatiques <a href="https://www.franceinter.fr/sports/jo-de-tokyo-pourquoi-des-athletes-concourent-avec-les-anneaux-olympiques-plutot-que-leur-drapeau-national">plus ou moins bien cachés</a> (<a href="/david/cache/2021/0323753a4762764c1f796619079e82f6/">cache</a>) à tous les niveaux autour des délégations et de leurs dénominations.</li> | |||
</ol> | |||
<figure> | |||
<a href="#chute-a-bull" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/chute-a-bull.jpg" alt="Une cascade en pause longue." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="chute-a-bull"> | |||
<img src="/static/david/2021/chute-a-bull.jpg" alt="Une cascade en pause longue." | |||
loading="lazy" width="1366" height="2048" /> | |||
</a> | |||
<figcaption>Pose longue d’un ruissellement de nationalité.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/29/" title="Lien permanent vers cet article">Artistes</a> (2021-08-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Il y a une chose qui m’étonne depuis le début de la pandémie, c’est le manque d’explosion artistique auquel je m’attendais compte tenu des circonstances exceptionnelles. Passée la stupéfaction, j’ai l’impression qu’il y avait toutes les conditions réunies pour créer et partager de nouvelles émotions.</p> | |||
<p>Note : il se pourrait qu’elles me soient rendues invisibles aussi…</p> | |||
<p>En attendant, j’apprends des mots :</p> | |||
<ol> | |||
<li><a href="https://fr.wiktionary.org/wiki/ipsedixitisme">ipsedixitisme</a> : Fait de croire vraie une assertion non fondée, parce qu’on l’a entendue dire par quelqu’un en qui on a confiance.</li> | |||
<li><a href="https://fr.wiktionary.org/wiki/ultracr%C3%A9pidarianisme">ultracrépidarianisme</a> : Comportement qui consiste à donner son avis sur des sujets à propos desquels on n’a pas de compétence.</li> | |||
</ol> | |||
<blockquote> | |||
<p>Le fait d’écrire l’histoire est en grande partie un processus de diversion. La plupart des comptes rendus historiques détournent en réalité l’attention des influences secrètes qui se sont exercées sur les évènements importants.</p> | |||
<p><cite><em>Le Bashar Teg</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#sommet-pommes-pin" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un résineux." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="sommet-pommes-pin"> | |||
<img src="/static/david/2021/sommet-pommes-pin.jpg" alt="Des pignes de pin au somme d’un résineux." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Il y a du monde au sommet.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/03/" title="Lien permanent vers cet article">Pouvoir</a> (2021-09-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Within an organization, there are three kinds of power structures: <strong>role power</strong>, <strong>relationships</strong>, and <strong>expertise</strong>.</p> | |||
<p>Understanding these kinds of power — how they’re built; how they’re wielded; ethically and otherwise; what they can and can’t accomplish — is key to understanding organizations at a systemic level and maximizing your effectiveness at work.</p> | |||
<p><cite><em><a href="https://jacobian.org/2021/mar/15/organizational-power/">The Three Kinds of Organizational Power</a></em> (<a href="/david/cache/2021/231eb74b73be464d2cd8fc8e3a128e55/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est toujours intéressants, dans <a href="/david/2021/09/01/" title="Rentrée">certains contextes</a>, d’analyser qui a du pouvoir et sous quelle forme. Ça en dit parfois long sur ce que l’on a choisi de soigner en tant que société et avec quels moyens de rétro-action, en écoutant quelles boucles de <em>feedback</em>, on est en capacité de rééquilibrer certaines situations.</p> | |||
<p>En parallèle, il en est de même lorsqu’un groupe (de parents) se crée, avec différents rôles, expertises et relations passées. Tout cela nécessite du temps. Encore une <a href="/david/2021/08/30/" title="Elfes">question de temps</a>.</p> | |||
<blockquote> | |||
<p><em>[Dialogue entre deux gholas : Miles Teg et Duncan Idaho]</em><br /> | |||
— Il ne faut pas que je fasse confiance à ma Mère… Supérieure ?<br /> | |||
— Seulement à l’intérieur de certaines limites que tu apprendras à évaluer. En attendant, permets-moi de te signaler que le Bene Gesserit fonctionne selon le principe de <em>défiance</em> organisée. T’ont-elles enseigné la démocratie ?<br /> | |||
— Oui, monsieur. C’est lorsqu’on vote pour…<br /> | |||
— <mark>C’est lorsqu’on se défie de tous ceux qui sont situés plus haut sur l’échelle du pouvoir.</mark> Les Sœurs connaissent très bien ce principe. Ne jamais être trop confiant.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/10/" title="Lien permanent vers cet article">Injustice</a> (2021-09-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si vous dénoncez une injustice, je vous invite à réfléchir : que voudriez-vous voir arriver ? <mark>À quoi la responsabilisation pourrait ressembler ?</mark> Si vous pensez que la personne devrait mourir, socialement ou littéralement, nous devons commencer la conversation à cet endroit-là. Sinon, nous avons besoin d’une vision de ce que pourraient être la guérison et la responsabilisation.</p> | |||
<p><cite><em><a href="https://zine-le-village.fr/si-vous-pensez-qu-ils-doivent-mourir.html">Si vous pensez qu’ils doivent mourir…</a></em> (<a href="/david/cache/2021/629d13932d0187afd3e8056f15b509c4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a <a href="https://eldritch.cafe/@davidbruant">David</a> qui parle de justice réparatrice/transformatrice depuis un moment, il faut que je me penche sur ce concept car j’y vois une source de compréhension et d’acceptation. En lisant <a href="https://fr.wikipedia.org/wiki/Justice_r%C3%A9paratrice">la page wikipedia française</a>, j’apprends qu’il pourrait y avoir un <a href="https://en.wikipedia.org/wiki/Restorative_justice#In_criminal_cases">lien local</a> avec <a href="https://en.wikipedia.org/wiki/Restorative_justice#Precursors_in_indigenous_groups">l’origine</a> de ce concept et sa potentielle <a href="https://en.wikipedia.org/wiki/Restorative_justice#Victim-offender_dialogue">mise</a> en <a href="https://en.wikipedia.org/wiki/Restorative_justice#Circles_of_Support_and_Accountability">application</a>.</p> | |||
<p>De quoi me motiver encore davantage.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/11/" title="Lien permanent vers cet article">Vengeance</a> (2021-09-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The greatest regret of my life is my reflexive, unquestioning support for that decision. I was outraged, yes, but that was only the beginning of a process in which my heart completely defeated my rational judgment. I accepted all the claims retailed by the media as facts, and I repeated them as if I were being paid for it. I wanted to be a liberator. I wanted to free the oppressed. I embraced the truth constructed for the good of the state, which in my passion I confused with the good of the country. It was as if whatever individual politics I’d developed had crashed—the anti-institutional hacker ethos instilled in me online, and the apolitical patriotism I’d inherited from my parents, both wiped from my system—and <mark>I’d been rebooted as a willing vehicle of vengeance.</mark> The sharpest part of the humiliation comes from acknowledging how easy this transformation was, and how readily I welcomed it.</p> | |||
<p><cite><em><a href="https://edwardsnowden.substack.com/p/9-12">9/12 - by Edward Snowden</a></em> (<a href="/david/cache/2021/6201ca5ee00ceafd79ab4a889a20419e/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Lire Edward Snowden, 20 ans après. Essayer de comprendre avec son recul, ses mots. Ce qui a pu se passer dans des millions de têtes, pas si loin d’ici. Et les conséquences que cela a pu avoir, les abus, les lanceurs d’alertes.</p> | |||
<p>La polarisation du monde, sa guerre immonde. Des dommages collatéraux, loin. Le souvenir, entretenu, ravivé. Restons terrorisé·es et dociles, canalisés.</p> | |||
<p>Les <em>traders</em> se défenestrent, Ben Laden fait un plongeon, on réserve le même sort aux afghans nous ayant aidé. Pas de parachutes pour notre culpabilité, la vengeance doit montrer la brutalité de cet écrasement. Chutes silencieuses, sur-commentées.</p> | |||
<p>Les victimes sont tombées 99 fois, je me relève sans foi.</p> | |||
<hr /> | |||
<p>Après ceci, je suis à peu près assuré de ne pas pouvoir entrer chez les voisins.</p> | |||
<blockquote lang="en"> | |||
<p>It’s not a bug, it’s a feature. (Developer edition)</p> | |||
</blockquote> | |||
<blockquote lang="en"> | |||
<p>It’s not a blunder, it’s a gambit. (Chess edition)</p> | |||
</blockquote> | |||
<hr /> | |||
<p>Note : Substack propose un <a href="https://edwardsnowden.substack.com/feed/">flux RSS</a> pour les publications si vous préférez ce moyen. C’est suffisamment rare pour le remarquer (coucou tinyletter). Heureusement, des <a href="https://kill-the-newsletter.com/">outils</a> permettent de palier ce manque.</p> | |||
<hr /> | |||
<blockquote> | |||
<p>C’est cool<br /> | |||
Ma jeunesse s’écoule<br /> | |||
Entre un mur qui tombe et deux tours qui s’écroulent<br /> | |||
Eh ouais c’est cool<br /> | |||
Ma jeunesse s’écoule</p> | |||
<p><cite><em>C’est cool 🎶</em>, Gaël Faye</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/15/" title="Lien permanent vers cet article">Héritage</a> (2021-09-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I like thinking about privacy as being collective, because it feels like a more true reflection of the fact that our lives are made up of relationships, and information about our lives is social and contextual by nature. The fact that I have a sister also indicates that my sister has at least one sibling: me. If I took a DNA test through 23andme <mark>I’m not just disclosing information about me but also about everyone that I’m related to</mark>, none of whom are able to give consent. The privacy implications for familial DNA are pretty broad: this information might be used to sell or withhold products and services, expose family secrets, or implicate a future as-yet-unborn relative in a crime. I could email 23andme and ask them to delete my records, and they might eventually comply in a month or three. But my present and future relatives wouldn’t be able to do that, or even know that their privacy had been compromised at all.</p> | |||
<p><cite><em><a href="https://phirephoenix.com/blog/2021-05-03/privacy">left alone, together</a></em> (<a href="/david/cache/2021/9c4c83e66d9d0b259c17d0f87af70c69/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Une personne proche n’avait pas eu conscience de divulguer une partie de l’information génétique de sa descendance en procédant à un séquençage. Et surtout, ne comprenait pas en quoi cette information pouvait être une donnée critique.</p> | |||
<p>Toute donnée stockée sera exploitée, tout recoupement possible sera effectué. Ce n’est qu’une question de temps.</p> | |||
</details> | |||
<h2><a href="/david/2021/09/28/" title="Lien permanent vers cet article">Paranoïa</a> (2021-09-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Scanning the photos on your phone isn’t like steaming open the mail and peeping inside the envelopes. It’s like rifling through your memory.</p> | |||
<p>And when those memories may at any time be silently observed or removed… even if it never happens but there is the possibility of it…</p> | |||
<p>[…]</p> | |||
<p>And if somebody else is now inside your memories, <mark>can you be sure that they’re not being edited?</mark> Is gaslighting occurring with these most personal of devices? Even if it never happens… that’s the lesson of the Panopticon, the mere possibility is enough to affect behaviour.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/08/06/paranoia">Apple’s photo scanning and our state of forced collective paranoia</a></em> (<a href="/david/cache/2021/afd74b165f837caf94dd2098d161627a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me suis penché plusieurs fois sur cet article depuis sa publication. Il y a plusieurs lectures possibles pour considérer les liens entre ces différents éléments et, même si ça semble un peu tiré par les cheveux parfois, il y a tout de même cette atmosphère un peu malaisante que j’ai du mal à formuler.</p> | |||
<p>Les pensées et fragments de mémoire publiés ici me semblent être difficilement falsifiables à mon insu. J’ai un historique, sur plusieurs machines, etc. En revanche pour des photos — qui plus est stockées sur l’ordinateur d’un·e autre — c’est bien plus compliqué à identifier et à prouver.</p> | |||
<hr /> | |||
<p>En retournant le problème, cela pourrait être un métier d’aller effacer de mauvais souvenirs… plus ou moins à la demande de la personne.</p> | |||
</details> | |||
<h2><a href="/david/2021/10/01/" title="Lien permanent vers cet article">Stratégie</a> (2021-10-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>“The first thing is to make this thing a war,” Admiral Gouveia e Melo said in an interview, recalling how he approached the job. “I use not only the language of war, but military language.”</p> | |||
<p>While politicians around the world have invoked a similar martial rhetoric, he said it was critical to his success that he was widely seen as <mark>detached from politics</mark>.</p> | |||
<p><cite><em><a href="https://www.nytimes.com/2021/10/01/world/europe/portugal-vaccination-rate.html">In Portugal, There Is Virtually No One Left to Vaccinate</a></em> (<a href="/david/cache/2021/e5fef8a04d9f54759de9aa3f2ac8aa1c/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Différents pays, différentes cultures, différentes stratégies. Je trouve ça fascinant à étudier, essayer de comprendre pourquoi est-ce que ça fonctionne ou échoue, ici et là. Est-ce que les personnes qui ont du pouvoir auront ce recul en d’autres temps ?</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,450 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #traces — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #traces"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #traces</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/03/" title="Lien permanent vers cet article">Consentement</a> (2021-02-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The Consentful Tech Project’s definition of good <mark>digital consent</mark> is adapted from Planned Parenthood’s definition of sexual consent, which abbreviates to the easy-to-remember, tasty acronym “FRIES.” According to this definition, consent must be:</p> | |||
<ul> | |||
<li><strong>Freely given.</strong> Doing something with someone is a decision that should be made without pressure, force, manipulation, or while incapacitated.</li> | |||
<li><strong>Reversible.</strong> Anyone can change their mind about what they want to do, at any time.</li> | |||
<li><strong>Informed.</strong> Be honest. For example, if someone says they’ll use protection and then they don’t, that’s not consent.</li> | |||
<li><strong>Enthusiastic.</strong> If someone isn’t excited, or really into it, that’s not consent.</li> | |||
<li><strong>Specific.</strong> Saying yes to one thing doesn’t mean they’ve said yes to others.</li> | |||
</ul> | |||
<p><cite><em><a href="https://www.consentfultech.io/">What is Consentful Tech?</a></em></cite></p> | |||
</blockquote> | |||
<p>Jolie découverte <a href="https://www.internetactu.net/2021/02/03/design-justice-repolitiser-le-design/">via un auto-commentaire</a> (<a href="/david/cache/2021/6faa32ba37a3b1232125db9858700627/">cache</a>) de la part d’Hubert Guillaud sur un article bien dense aussi. Il y a un <a href="http://www.consentfultech.io/wp-content/uploads/2019/10/Building-Consentful-Tech.pdf">PDF de 300 Ko</a> (<a href="/static/david/2021/Building-Consentful-Tech.pdf">cache</a>) qui vient compléter la définition et qui donne davantage de précisions — dont celle-ci en particulier :</p> | |||
<blockquote lang="en"> | |||
<p>“Fail faster” is a maxim of application developers these days. It means putting something out into the world quickly and responding to user feedback in future iterations. This is a great way to optimize the value of your application to your users, by starting with something simple and experimenting until you get the right features.</p> | |||
<p>[…]</p> | |||
<p>It isn’t enough to iterate features in response to harm — <mark>we must also iterate the process that lead to those features being released</mark>. What would that process look like if it was centered around the privacy and security of survivors of violence? Of people from communities that are regularly subject to state surveillance?</p> | |||
</blockquote> | |||
<p>Les plateformes peuvent s’excuser <em>a posteriori</em> mais qu’en est-il de <a href="/david/2021/01/06/" title="Clown d’État">rendre des comptes</a> sur ce qui a été mis en place en interne pour ne pas reproduire de telles situations ? Voilà de quoi ajouter pas mal d’eau au moulin qui me sert de cerveau. Et pendant ce temps là, j’apprends qu’il y a des <q>chiens de garde de la vie privée</q> au Canada :</p> | |||
<blockquote> | |||
<p>Le rapport note entre autres que l’entreprise américaine a constitué une base de données de « plus de trois milliards d’images de visages », y compris ceux d’un grand nombre de Canadiens et d’enfants. Des forces policières y ont eu accès, tout comme des organisations commerciales, et ce, <mark>sans le consentement des personnes</mark>, déplorent le commissaire Daniel Therrien et ses homologues du Québec, de l’Alberta et de la Colombie-Britannique.</p> | |||
<p><cite><em><a href="https://www.ledevoir.com/societe/594536/reconnaissance-faciale-clearview-ai-a-viole-la-vie-privee-des-canadiens">Reconnaissance faciale: Clearview AI a violé la vie privée des Canadiens</a></em> (<a href="/david/cache/2021/0e0d866f920298fbc0624c03ddc83d24/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/12/" title="Lien permanent vers cet article">Beauté</a> (2021-02-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je m’interroge sur la pertinence de persévérer dans le combat politique quand certains jours tout me crie de faire sécession, de cultiver le lieu et l’instant. À l’instar de l’orchestre du <em>Titanic</em> qui continue de jouer, digne et vertical jusqu’au naufrage, pendant que les autres passagers s’entretuent pour se sauver, quelle est la meilleure manière, la plus adaptée, <mark>d’ajouter de la poésie au monde</mark>, de défendre la beauté dans une société en train de couler ?</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Maladroite tentative de justifier le fait <a href="/david/2021/02/07/" title="Ostentatoire">d’avoir cédé</a>. Je ne sais pas ce qui me pousse à vouloir avoir les moyens de produire des <a href="/david/2021/01/19/" title="Chaîne de capture">images</a> d’une telle qualité technique, peut-être la médiocre estime de ce que je suis. Lorsqu’on commence à se connaître, difficile de se cacher ses propres travers…</p> | |||
<p>J’explore aussi la piste d’une certaine forme d’héritage. Avoir connu la neige à Montréal sera peut-être une chose à montrer, à transmettre dans quelques années. Peut-être qu’il y aura une symbolique d’espoir dans ces quelques images, la promesse d’un futur qui pourrait se rééquilibrer. L’histoire d’un passé que l’on ne voudra pas reproduire. Les jeunes y croiront, les vieux souriront.</p> | |||
<p>J’ai au moins eu la décence d’acquérir tout cela de seconde main.</p> | |||
<blockquote> | |||
<p>Pour moi, il ne suffit pas de savoir que, puisque nous ne sommes pas libres de nos actes, tout est excusable. <mark>Ce que je cherche, ce n’est pas une excuse à ma vie mais exactement le contraire</mark> d’une excuse : le pardon. L’idée me vient finalement que toute consolation ne prenant pas en compte ma liberté est trompeuse, qu’elle n’est que l’image réfléchie de mon désespoir. En effet, lorsque mon désespoir me dit : Perds confiance, car chaque jour n’est qu’une trêve entre deux nuits, la fausse consolation me crie : Espère, car chaque nuit n’est qu’une trêve entre deux jours.</p> | |||
<p><cite><em>Notre besoin de consolation est impossible à rassasier</em>, Stig Dagerman</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/06/" title="Lien permanent vers cet article">Pistage</a> (2021-03-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quant à le définir : d’abord il faut comprendre que le pistage est pour moi complètement désarticulé de la chasse : cela n’a rien à voir. Le « pistage philosophique » qui m’intéresse est plutôt de se rendre sensible à la manière dont les autres vivants habitent avec nous ce monde, pour inventer des formes de cohabitation plus riches et plus vivables pour tous. Je le définirai donc comme une manière renouvelée d’<mark>être attentif aux vivants</mark>. […] Ce que j’aime dans cette affaire, c’est qu’il s’agit d’une pratique dans laquelle on est sorti de l’opposition entre pensée et sensibilité, entre théorie et pratique : dans le pistage, pour interpréter les indices laissés par un cerf, une panthère des neiges ou un loup, on tisse de manière très serrée les sens, l’intuition, l’imagination, et le raisonnement, le tout pour chercher un état d’attention très aiguisé, vibratile, à ce qui se passe autour.</p> | |||
<p><cite><em><a href="https://www.humanite.fr/baptiste-morizot-lanimalite-est-constitutive-de-notre-identite-dans-ce-quelle-de-sain-658797">Baptiste Morizot : « L’animalité est constitutive de notre identité dans ce qu’elle a de sain »</a></em> (<a href="/david/cache/2021/9d1a6e44ba8805d53071ba461df238b0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une piste que j’aimerais suivre : être en capacité d’apprendre de simples <a href="/david/stream/2018/05/18/">traces</a>, d’imaginer des interactions, des scénarios à partir des éléments laissés, remonter un cheminement pour tenter d’en comprendre les intentions. C’est ce que j’avais <a href="/david/stream/2019/10/08/">commencé</a> à <a href="/david/stream/2018/12/04/">faire</a> avec les <a href="https://fr.programmescoyote.com/">Programmes Coyote</a> mais ils sont maintenant un peu trop éloignés (sans compter que c’est compliqué en ce moment…). Or, c’est un apprentissage qui demande à être accompagné — à moins peut-être d’habiter la forêt à plein temps.</p> | |||
<p>Encore et toujours une question de temps.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/31/" title="Lien permanent vers cet article">Formes</a> (2021-03-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Or rather, as a knowledge base or wiki develops, it should - just like a real city - encourage its users to gravitate towards these different fundamental elements. A page that starts to function a little bit like a road should transform into a slick navigation element, available on all its linked pages. A page which is functioning like a landmark should start being visible from two hops away.</p> | |||
<p>It would be interesting to investigate exactly <mark>what the minimal level of physical appearance is required</mark> to trigger the automatic behaviour of loading/resetting human memory and associations.</p> | |||
<p>Like, following a hyperlink might not activate the neurological automation.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/03/31/maps">Clues for software design in how we sketch maps of cities</a></em> (<a href="/david/cache/2021/4dd972c7ed4d1f01f0d63956763134d1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Donner une forme aux agencement du Web, matérialiser les relations, prendre conscience des changements d’espaces. Combien d’années, décennies, siècles, seront nécessaires pour que notre cerveau s’adapte à ces nouvelles représentations ?</p> | |||
<p><em>Si ce site avait une forme, quelle serait-elle ?</em> Et quelle fonction aurait-il dans un village ? Suis-je en train de crier dans une ruelle que je rêverais d’être un pont ? #ContrePèterie</p> | |||
</details> | |||
<h2><a href="/david/2021/04/27/" title="Lien permanent vers cet article">Cheminement</a> (2021-04-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quand nous concevons des systèmes informatiques exposant un objet numérique, comme ce carnet Web. Nous représentons une interprétation. Mais ce qui est important n’est pas vraiment ce que j’écris maintenant. Mon interprétation, ma catégorisation n’ont pas tant le besoin d’une expression. Non, <mark>ce qui est époustouflant, c’est le chemin des mots.</mark> Quelqu’un prend un morceau de texte, une idée, et créé une autre interprétation. Autant de chemins que de lecteurs. Autant d’aventures et de passion que de personnes qui écrivent en ayant rencontré ce chemin. L’impermanence est le bouillon des envies des autres de bifurquer le chemin.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/04/17/pluie">regarder la pluie tomber sur les surfeurs</a></em> (<a href="/david/cache/2021/9a8f56d9efefd5fa0bda187c76666403/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je prends le temps de <em>biforker</em> à mon tour ce chemin de traverse.</p> | |||
<p>C’est marrant car on discutait il y a quelques jours avec <a href="https://nota-bene.org/">Stéphane</a> au sujet de la <a href="https://nota-bene.org/Contribution-au-monde-et-outils">façon de se définir</a> (<a href="/david/cache/2021/1b0510b90c1d90366209c631b7adb0be/">cache</a>) et ça m’a rappelé un de mes <a href="/david/blog/2016/passion-definition/">vieux articles</a> qui était probablement lui-même un rebond. Le plus intrigant étant de devenir parfois son propre rebond. Encore plus méta, se rendre compte que l’on a déjà écrit à ce (méta-)sujet. Un tour de <a href="/david/stream/2018/04/07/">spirale</a> de plus.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/04/" title="Lien permanent vers cet article">Touriste</a> (2021-05-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Finalement, ces contenus deviennent les reflets revendiqués de pratiques touristiques où seule la trace numérique est suffisante pour <mark>justifier</mark> l’existence et l’expérience du séjour.</p> | |||
<p><cite><em><a href="https://usbeketrica.com/fr/article/travel-porn-outil-distinction-social">Le « TravelPorn », nouvel outil de distinction sociale sur les réseaux sociaux</a></em> (<a href="/david/cache/2021/bda7c1903601dae7d2b10ce8e3d87572/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cet article aura achevé de me convaincre de faire ma prochaine balade en nature sans intention d’en partager un récit. Je vais quand même prendre de quoi enregistrer des images et des sons, une façon d’ouvrir ma perception à un environnement inconnu.</p> | |||
<p>Au passage, je ne sais pas comment gérer une bibliothèque de fragments de vidéos sans avoir de projet associé pour l’instant. Il faut que je me renseigne là-dessus mais si vous avez des pratiques, je prends !</p> | |||
</details> | |||
<h2><a href="/david/2021/05/13/" title="Lien permanent vers cet article">Obsolescence chiffrée</a> (2021-05-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>On September 30, there will be a change in how older browsers and devices trust Let’s Encrypt certificates, resulting in a <mark>minor decrease</mark> in compatibility. -- The Let’s Encrypt team</p> | |||
<p><cite>Un courriel adressé à toutes les personnes ayant généré des certificats Let’s Encrypt (incluant indirectement cet espace)</cite></p> | |||
</blockquote> | |||
<p>C’est un bon rappel que <a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/">HTTPS crée de l’obsolescence</a> (<a href="/david/cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/">cache</a>) en ne supportant plus des périphériques plus anciens (au même titre qu’un système d’exploitation par exemple). La durée acceptable semble être de 10 ans dans le cas du compromis qui a été fait. Les personnes détentrices (<a href="https://letsencrypt.org/docs/certificate-compatibility/">entre beaucoup d’autres</a>) d’un iPhone 4 ne pourront plus accéder à cet espace — et des millions d’autres — d’ici la fin de l’année et ça me rend triste.</p> | |||
<p>Voir les <a href="/david/stream/2018/01/06/">épisodes</a> <a href="/david/stream/2018/01/10/">précédents</a> au <a href="/david/stream/2018/01/24/">sujet de HTTPS</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/21/" title="Lien permanent vers cet article">Voiture espion</a> (2021-05-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The kit, MSAB says, also has the ability to discover specific events that most car owners are probably unaware are even recorded, like “when and where a vehicle’s lights are turned on, and which doors are opened and closed at specific locations” as well as “gear shifts, odometer reads, ignition cycles, speed logs, and more.” <mark>This car-based surveillance, in other words, goes many miles beyond the car itself.</mark></p> | |||
<p>[…]</p> | |||
<p>Anyone who’s taken a spin in a new-ish vehicle and connected their phone — whether to place a hands-free call, listen to Spotify, or get directions — has probably been prompted to share their entire contact list, presented as a necessary step to place calls but without any warning that a perfect record of everyone they’ve ever known will now reside inside their car’s memory, sans password.</p> | |||
<p><cite><em><a href="https://theintercept.com/2021/05/03/car-surveillance-berla-msab-cbp/">Your Car Is Spying on You. A CBP Contract Shows the Risks.</a></em> (<a href="/david/cache/2021/ce7d120b6e5c13644a538f5116b4409b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la double raison m’ayant (aussi) motivé à acheter une voiture ayant plus de 10 ans d’une part, ce qui limite drastiquement le niveau d’électronique à bord. Et également à éviter les voitures de location modernes qui récupèrent autant de données à chaque rechargement de batterie du téléphone indispensable rendu impératif vu la consommation lors de l’usage du GPS.</p> | |||
<p>Je n’ai trouvé aucun moyen, selon les modèles, de refuser que tout soit envoyé vers la voiture. Et encore moins de tout effacer lorsqu’on rend le véhicule. C’est préoccupant et il <strong>faut</strong> y penser.</p> | |||
<blockquote> | |||
<p>— Il y a là une leçon également. À quoi servent de telles machines, en réalité ? À accroître le nombre de choses que nous pouvons faire sans y penser. Voilà le vrai danger… <mark>les choses que nous faisons sans y penser.</mark> Pense à tout le temps que tu as passé à parcourir ce désert avant de songer à mettre ton rabat en place.<br /> | |||
— Vous auriez pu m’avertir !<br /> | |||
— Et resserrer ta dépendance ?</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/27/" title="Lien permanent vers cet article">Craftsman</a> (2021-05-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You’re on duty til you die, you know, as a craftsman.</p> | |||
<p><cite><em><a href="https://www.youtube-nocookie.com/embed/5wlH4n3guYY">The master craftsman: Shimada Takayuki</a></em>, vidéo Google Youtube</cite></p> | |||
</blockquote> | |||
<p>Il y a souvent ce débat dans la communauté des développeur·euses pour savoir s’il s’agit d’un <em>craft</em>, si on peut être considéré·es comme étant des artisans, etc. Je crois même qu’à un moment je me décrivais ici-même comme étant un « Artisan du Web ». Ce n’est plus le cas aujourd’hui.</p> | |||
<p>Même si on s’amuse sur <a href="https://www.turingtumble.com/">Turing Tumble</a>, je n’ai pas l’intention de transmettre grand chose dans ce domaine. Et je n’ai pas la prétention d’avoir suffisamment appris pour avoir une pratique unique et transmissible à ce titre.</p> | |||
<p>Je crois que, non seulement j’accepte mais, je vais même jusqu’à apprécier de plus en plus le côté éphémère de mes productions. <a href="/david/2021/05/28/">Si</a> mon <abbr title="Curriculum vitæ">CV</abbr> est une <em>blockchain</em> 🤔, savoir que la plupart des sites que j’ai accompagné ne sont plus alimentés est un soulagement.</p> | |||
<blockquote> | |||
<p>L’image des mots commence à se déformer à l’instant même où ils sont formulés. Les idées incrustées dans un langage ne peuvent s’exprimer que dans ce langage donné. C’est l’essence même de la signification profonde du terme « exotique ». Vous voyez comme les distorsions commencent à apparaître ? La traduction vacille en présence de l’exotique. Le galach que je parle ici s’impose. C’est un cadre de référence externe, un système particulier. <mark>Tous les systèmes recèlent des dangers. Ils englobent les croyances non vérifiées de leurs créateurs.</mark> Adopter un système, adhérer à ses croyances, c’est renforcer la résistance au changement.</p> | |||
<p><cite><em>Les Mémoires Volés</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/28/" title="Lien permanent vers cet article">Curriculum chain</a> (2021-05-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Vieillir est parfois un lent travail de deuil et de pertes amenant à désinvestir les relations et les actions autrefois appréciées. La personne vieillissante consent peu à peu à ne plus posséder qu’un contrôle restreint de son existence. Certes, elle réinvestit d’autres relations, mais nombre de celles qui lui étaient chères disparaîssent. V. Jankélévitch parle en ce sens de <mark>“l’âge où il y a tout à regretter et rien à espérer”</mark>. Certaines personnes vivent plus douloureusement que d’autres le fait de se sentir éloignées de ce qu’elles ont été et de voir disparaître une à une les traces de leur passé. L’ancienne personnalité parfois se dissout quand l’armure de la réussite sociale ou professionnelle s’efface. Il faut alors consentir à ne plus être l’homme ou la femme que l’on a été si longtemps.<br /> | |||
D’une atteinte narcissique à une autre l’existence finit par peser.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>J’évoquais <a href="/david/2021/05/27/" title="Craftsman">hier</a> la similitude entre un <abbr title="Curriculum vitæ">CV</abbr> et une <em>blockchain</em>. Dans les deux cas, on a eu une preuve de travail a un moment donné, qui a consommé de l’énergie et sans laquelle on n’aurait pas pu avoir une preuve de travail suivante identique. Je suis l’entité principale de certification de cette chaîne d’expériences mais d’autres personnes peuvent partager la véracité de cette information. D’ailleurs, la personne lisant un CV se préoccupe bien souvent de l’intégrité du parcours…</p> | |||
<p>Dans le cadre de notre <a href="/david/2021/05/19/" title="Regroupement">réponse commune</a>, je rédigeais aujourd’hui pour la n-ième fois ce parcours et en fait — même si chaque bloc dépend toujours plus ou moins du précédent — il n’y a pas vraiment la même histoire qui est racontée à chaque itération. Et surtout à chaque interlocuteur·ice. J’adapte mon récit en fonction de ce qui est attendu, de mes aspirations actuelles et de ma souvenance qui ré-interprète des actions passées.</p> | |||
<p>L’évolution d’un même CV m’en dirait certainement plus sur une personne que sa photographie à un instant t. Les maillons de nos chaînes ne renvoient pas toujours la même lumière en fonction de l’angle avec lequel on les éclaire.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/21/" title="Lien permanent vers cet article">Voûte</a> (2021-06-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Sommes-nous à ce point envoûtés par le possible de nos mots, par la facilité de la transmission, qu’il nous faille croire à l’immortalité de la prose ? Les mots et encore plus les histoires autour des mots survivent dans les bouches qui manœuvrent les sons, et les tympans qui entrent en transe. La mémoire d’une légende est bien plus riche dans sa multitude que dans le texte fossilisé.</p> | |||
<p><mark>Peut-être qu’il ne faut pas tant se soucier de l’existence posthume d’un site Web.</mark> Il suffit qu’une personne ou une communauté de personnes pour réaliser la copie d’un site Web. Et si les enfants ou les grands-enfants avaient un quelconque désir de sauvegarde, ils reprendront le labour des mots. Ils garderont la chandelle vacillante dans la tempête.</p> | |||
</blockquote> | |||
<blockquote> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/06/02/envoutement">Web envoûté</a></em> (<a href="/david/cache/2021/8809cdb7b9693d1edff1f6627eeaae83/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’accepte progressivement cette idée aussi. Je suis déjà suffisamment bruyant de mon vivant pour pouvoir imposer cela à d’autres. Il faudra que je mette à jour mon <a href="/david/blog/2013/testament-numerique/">testament numérique</a> pour expliciter cela.</p> | |||
<p>C’est peut-être la <em>clef</em>, ne plus prétendre combler un vide. Celui de sa <a href="/david/2021/06/09/" title="Parenthèse">disparition</a>.</p> | |||
<blockquote lang="en"> | |||
<p>As I wrote in January, silence is effectively impossible on the contemporary internet, where “<mark>voids are just filled by other people’s content</mark>, and thus vanish instantly.” The illusions that enable social media to feel like a primary reality (rather than a medium that supplements that reality) have become increasingly seamless and less likely to be broken, but as Venkatesh Rao has observed, many users are sacrificed at the altar of this reality, slipping through the cracks and becoming “digitally homeless.”</p> | |||
<p><cite><em><a href="https://kneelingbus.substack.com/p/162-minimum-viable-self">#162: Minimum Viable Self</a> (<a href="/david/cache/2021/5a89944a64394da98512ea35a64bafdc/">cache</a>)</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/06/25/" title="Lien permanent vers cet article">Données</a> (2021-06-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Perhaps then we’d understand how we can handle this data in a more responsible way. A metaphor that puts our personal experience at the forefront will help us find out where to draw lines in how our lives are stored and processed, and to understand that the lines will need to be different for different people. I don’t know what the right metaphor is - memory and history are the concepts I’ve been mulling over, but they have already been used in computing in ways that blur and dull them.</p> | |||
<p><mark>Maybe we should be very explicit, and refer to data as our lives.</mark> Imagine if a service had to ask you permission to ‘track your life’ or ‘share information about your life with other providers’. Already that feels grittier, more visceral, than just ‘data’.</p> | |||
<p><cite><em><a href="https://howtomeasureghosts.substack.com/p/data-isnt-oil-so-what-is-it">Data isn’t oil, so what is it?</a></em> (<a href="/david/cache/2021/68f3b87ebf1ae01bccc75fc648ac9201/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Les données de nos vies, ou les évènements qui composent nos vies. L’historique de vos interactions avec autrui. Si tant est que nous soyons plus que la somme de ces micro-expériences.</p> | |||
<p>J’imagine alors à quoi pourrait correspondre le bouton de suppression de compte :</p> | |||
<p><q>Supprimer votre vie.</q></p> | |||
</details> | |||
<h2><a href="/david/2021/07/14/" title="Lien permanent vers cet article">Livre ouvert</a> (2021-07-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Another Facebook engineer used his employee access to dig up information on a woman with whom he had gone on a date after she stopped responding to his messages. In the company's systems, he had access to “years of private conversations with friends over Facebook messenger, events attended, photographs uploaded (including those she had deleted), and posts she had commented or clicked on,” the book said. Through the Facebook app the woman had installed on her phone, the book said, <mark>the engineer was also able to see her location in real time.</mark></p> | |||
<p><cite><em><a href="https://www.businessinsider.com/facebook-fired-dozens-abusing-access-user-data-an-ugly-truth-2021-7">Facebook Fired Dozens Over Abusing Access to User Data, New Book Says</a></em> (<a href="/david/cache/2021/6e36731348841db8712631851ee3467a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Si quelqu’un·e qui m’est proche était employé·e de Facebook (et si j’utilisais cet outil), je serais quand même prudent. C’est valable pour pas mal d’autres réseaux et outils en ligne mais celui-ci est particulièrement utilisé… et utilisable.</p> | |||
<p>Dans les <a href="/david/2020/02/07/">épisodes</a> <a href="/david/2020/02/14/">précédents</a> et <a href="/david/2020/06/25/#targets">nombreux</a>.</p> | |||
<p><a href="/david/2021/06/25/" title="Données">#Delete</a><a href="https://byebyefacebook.loupbrun.ca/fr/">Facebook</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/07/21/" title="Lien permanent vers cet article">Espoir</a> (2021-07-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In a sense, every hyperlink on the World Wide Web is little act of hope. Even though I know that when I link to something, it probably won’t last, I still harbour that hope.</p> | |||
<p>If hyperlinks are built on hope, and the web is made of hyperlinks, then in a way, <mark>the World Wide Web is quite literally made out of hope.</mark></p> | |||
<p>I like that.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/18292">Hope</a></em> (<a href="/david/cache/2021/d650cd3cc8831f1b28b6cc2f7eb0f9f7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime bien ce raisonnement <em>et</em> j’ai perdu espoir il y a un moment en essayant de mettre en cache local les publications que je lie. Je me demande parfois ce qui freine les autres personnes sensibles à ce vieillissement des liens à mettre en place leur <a href="/david/blog/2018/caching-links/">propre solution</a> pour le faire.</p> | |||
<p>J’utilise <a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache/src/branch/master/cache.py">ce script</a> et je fais pas mal de travail manuellement ensuite pour que ça reste au moins lisible. Dans certains cas j’abandonne, notamment pour les images/graphiques qui ont besoin de JavaScript pour s’afficher… dans d’autres je prends le temps de faire des liens absolus ou des retouches sémantiques. Une forme de prise de soin de mes futur·es lecteur·ices (dont je fais partie !) avec l’espoir que ça soit utile. Il faudra que je regarde le nombre de liens qui ne sont plus disponibles que <em>via</em> ma copie en fonction des années. C’est intéressant aussi pour pouvoir faire des recherches en <em>full-text</em> sur le dépôt dédié sans dépendre d’un historique de navigateur.</p> | |||
<p>En <a href="/david/stream/2015/01/05/">6 ans</a>, je n’ai supprimé qu’une seule ressource sur ma proposition à l’auteur·e qui souhaitait faire disparaître un contenu. Aucune violation de copyright ou autre n’a été remontée. Si cela arrivait, je m’assurerais auparavant que ce contenu n’est pas dans le cache de Google ou dans la <a href="https://archive.org/web/">Wayback machine</a> 🤷.</p> | |||
<blockquote lang="en"> | |||
<p>As a young man, I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before.</p> | |||
<p>By building a Library of Everything in the digital age, I thought the opportunity was not just to make it available to everybody in the world, but to make it better–smarter than paper. By using computers, <mark>we could make the Library not just searchable, but organizable;</mark> make it so that you could navigate your way through millions, and maybe eventually billions of web pages.</p> | |||
<p><cite><em><a href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/">Reflections as the Internet Archive turns 25</a></em> (<a href="/david/cache/2021/e23db6deddbc0ea74b73c960df2b193f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/14/" title="Lien permanent vers cet article">Captées</a> (2021-11-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Plutôt que de <em>data</em>, il nous faudrait plutôt parler de <em>capta</em> :</p> | |||
<ol> | |||
<li>les <em>data</em> ne sont pas données comme l’espace et le temps, elles doivent être <strong>produites</strong> ;</li> | |||
<li>les <em>data</em> sont toujours <strong>construites</strong> d’une manière particulière, d’après une vision du monde ;</li> | |||
<li>pour être connues, les <em>data</em> doivent être <strong>captées</strong> ; il a y donc un choix entre le type d’information qui a été retenu et ce qui a été ignoré ;</li> | |||
<li>les <em>data</em> seraient donc <strong>beaucoup moins objectives</strong> qu’elles ne le paraissent à première vue.</li> | |||
</ol> | |||
<p><cite><em><a href="https://journal.loupbrun.ca/n/119/">Les données ne sont pas données</a></em> (<a href="/david/cache/2021/5b13354f8ffafd6cf2af4efd3a37dbca/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Distinction importante rapportée par Louis-Olivier Brassard. J’accorde beaucoup d’importance à cette distinction sémantique, surtout avec le double sens de « données » en français qui prête d’autant plus à confusion…</p> | |||
<p>Peut-être <a href="https://adactio.com/journal/18625">faudrait-il même évoquer</a> (<a href="/david/cache/2021/a2489e4ca3410b8cc1fdec65c2c1d47a/">cache</a>) des <em>tracka</em> ? Auquel cas l’ambiguïté est davantage acceptable, souhaitable ? 😇</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,521 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #travail — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #travail"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #travail</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/02/01/" title="Lien permanent vers cet article">Software</a> (2021-02-01)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The right coding language, system architecture, or interface design will vary wildly from project to project. But <mark>there are characteristics particular to software that consistently cause traditional management practices to fail</mark>, while allowing small startups to succeed with a shoestring budget:</p> | |||
<ul> | |||
<li>Reusing good software is easy; it is what allows you to build good things quickly;</li> | |||
<li>Software is limited not by the amount of resources put into building it, but by how complex it can get before it breaks down; and</li> | |||
<li>The main value in software is not the code produced, but the knowledge accumulated by the people who produced it.</li> | |||
</ul> | |||
<p>Understanding these characteristics may not guarantee good outcomes, but it does help clarify why so many projects produce bad outcomes.</p> | |||
<p><cite><em><a href="https://www.csc.gov.sg/articles/how-to-build-good-software">How to Build Good Software</a></em> (<a href="/david/cache/2021/6be8b8649cd695b922a43d15f74d4773/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deux articles lus ce jour qui sont totalement dans mes réflexions du moment. Avoir de l’expérience dans le domaine dans lequel j’évolue, c’est se demander pourquoi est-ce qu’on y est encore et si on a vraiment appris un truc après toutes ces années. J’ai beaucoup de mal à répondre à ces deux questions, les réponses se mordent la queue et ça me donne parfois l’impression de tourner en rond.</p> | |||
<p>Mon activité (rémunérée) est un chaos. Et le seul moyen que j’ai trouvé de le rendre acceptable est de le réduire. Moins de dépendances, moins de hiérarchie, moins de variables, moins de boîtes noires. D’une certaine manière, moins d’attentes aussi.</p> | |||
<p>Une autre exploration est de <a href="/david/2020/12/13/#journal">consigner</a> mes doutes, mes motivations, mes erreurs, mes joies. Je n’ai aucune illusion quand au fait de reproduire ces expériences plus ou moins mal·heureuses — même après les avoir écrites — mais le fait de les avoir formulées, externalisées, est déjà une étape dans leur acceptation. Ainsi que les émotions qui vont avec.</p> | |||
<p>Je me demande rarement si je suis un « vrai » ingénieur. Je me demande davantage si je deviens un vrai humain à continuer cette activité. C’est peut-être ceci l’expérience : douter de plus en plus de l’utilité de ce que l’on produit… et de la façon d’y parvenir.</p> | |||
<blockquote lang="en"> | |||
<p>Nobody I read in these arguments, not one single person, ever worked as a “real” engineer. At best they had some classical training in the classroom, but we all know that looks nothing like reality. <mark>Nobody in this debate had anything more than stereotypes to work with.</mark> The difference between the engineering in our heads and in reality has been noticed by others before, most visibly by Glenn Vanderburg. He read books on engineering to figure out the difference. But I wanted to go further.</p> | |||
<p><cite><em><a href="https://www.hillelwayne.com/post/crossover-project/are-we-really-engineers/">Are We Really Engineers?</a></em> (<a href="/david/cache/2021/6514143dca5d96bf9e751236b800fba5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/19/" title="Lien permanent vers cet article">Support</a> (2021-03-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Yes, not only that, also just experience with selling very low priced products and how that’s incompatible with the kind of companies that we run and the kind of service we want to offer. So we have a relatively large support department who spend a lot of time being very diligent and careful with all the customers they interact with. And the math on that is that like someone writes us an email and it costs about five bucks, you take all the costs involved with running support department. It costs about five dollars to answer an email.</p> | |||
<p>If you lower your price to the point where one email essentially put you under water on a on a customer relationship, <mark>you end up in a place where you don’t want to talk to your customers.</mark></p> | |||
<p><cite><em><a href="https://small-tech.org/videos/small-is-beautiful-07/">Small Is Beautiful livestream #7</a></em> (<a href="/david/cache/2021/184bcc38c39ce5b4d2f75fedd2c82198/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Il y a beaucoup de choses intéressantes dans cette discussion, je remercie Laura et Aral d’avoir pris le temps de faire un transcript de l’échange qui me permet non seulement de le lire à mon rythme mais en plus de l’archiver (bon et bien sûr de le rendre accessible aux personnes en ayant davantage besoin).</em></p> | |||
<p>J’apprécie particulièrement cette partie relative au support, qui lui donne un coût permettant d’arbitrer une intention. Lorsque l’on crée une chose, on y place un espoir dont on essaye de s’approcher. La difficulté est de continuer à partager cet espoir et/ou de le faire évoluer sans renier totalement les conditions de son accession.</p> | |||
<p>Cette difficulté est un travail quotidien.</p> | |||
<blockquote lang="en"> | |||
<p>We were about 45 people, I think, at the time. We had four major products that were all sort of succeeding and growing. And we looked at that and said, you know what? We can’t continue with four major products at the same time, if we’re staying at 45 people, we have to probably go to 150 because there’s these tipping points where once you install this layer of management, you need a bunch more people and so on. So if we’re going to run this whole thing, I can see a straight path to us being 150, maybe 300 people. And I looked at that and said, you know what, <mark>I don’t want to work there</mark>. I don’t want to work at a Basecamp of 300 people.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/20/" title="Lien permanent vers cet article">Manuel</a> (2021-03-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>I’ve created a <mark>user manual about myself</mark> and I’d love to hear what other questions people think should be included in something like this. I also think there should be a caveat that this is done knowing that not all your needs and preferences can be met, but there is still value in making them explicit for those you work with.</p> | |||
<p><cite><em><a href="https://cassierobinson.medium.com/a-user-manual-for-me-d3a851fbc694">A user manual for me</a></em> (<a href="/david/cache/2021/720b1db6efb78ef6790594ad1a8b7980/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je découvre cet article <a href="https://numerique.canada.ca/2018/08/21/collaboration-productive/">via le SNC</a> (<a href="/david/cache/2021/7405ceb4a34705e65bc5ccc4f025a0b8/">cache</a>) qui propose la <a href="https://docs.google.com/presentation/d/1KNNLKtFYoLOdTZ5Ez0ZBXwDGcZNB7AcfKr-4iMNF5L0/edit#slide=id.g3fd0daa6c4_0_0">version traduite</a> suivante :</p> | |||
<ul> | |||
<li>les conditions dans lesquelles j’aime travailler ;</li> | |||
<li>les heures et les moments de la journée pendant lesquels j’aime travailler ;</li> | |||
<li>les meilleures façons de communiquer avec moi ;</li> | |||
<li>les façons dont j’aimerais recevoir des commentaires ;</li> | |||
<li>les choses dont j’ai besoin ;</li> | |||
<li>les choses avec lesquelles j’ai de la difficulté ;</li> | |||
<li>les choses que j’aime ;</li> | |||
<li>les autres choses à savoir à mon sujet.</li> | |||
</ul> | |||
<p>J’aime le fait de pouvoir afficher cela de manière aussi explicite dans son équipe. Je vais essayer de rédiger mon propre manuel.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/23/" title="Lien permanent vers cet article">Recrutement</a> (2021-03-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>À chaque étape la question est essentiellement « <mark>Est-ce qu’on veut travailler ensemble  ?</mark> pourquoi  ? qu’est-ce qui pourrait coincer  ? ». À l’entretien technique on peut éventuellement ajouter « Où positionner le candidat par rapport aux salariés actuels au niveau compétences et rémunération  ? ». Le reste c’est de la littérature.</p> | |||
<p><cite><em><a href="https://n.survol.fr/n/longueur-du-processus-de-recrutement">Longueur du processus de recrutement</a></em> (<a href="/david/cache/2021/b50e973ef4e131098b91c9d99cb69a5a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Ma ligne de temps pour une candidature au <abbr title="Canadian Digital Service">CDS</abbr>-<abbr title="Service Numérique Canadien">SNC</abbr> :</p> | |||
<ul> | |||
<li><a href="/david/2021/01/22/" title="Tentation">22 janvier</a> : Yannick poste <a href="https://numerique.canada.ca/join-our-team/positions/d%C3%A9veloppeur-de-logiciel-senior-principal-e-python/">un lien</a> (<a href="/david/cache/2021/b7829aa5073173cca4ed3f4ea23e767f/">cache</a>) sur le chat interne de <a href="http://scopyleft.fr/">Scopyleft</a> ;</li> | |||
<li>25 janvier : j’applique (en bon québécois) après 5 années d’hésitations pour de nombreuses raisons — je suis rappelé dès le lendemain ;</li> | |||
<li>27 janvier : rencontre avec la personne dédiée à mon recrutement (30 min), on échange un peu sur mon parcours et sur ce que je pourrais faire au <a href="https://digital.canada.ca/">CDS</a>-<a href="https://numerique.canada.ca/">SNC</a>, je me rends compte que je n’ai jamais passé d’entretien de recrutement à proprement parler — je suis rappelé le 2 février ;</li> | |||
<li><a href="/david/2021/02/04/" title="Chance">4 février</a> : rencontre en anglais (1 h) avec deux personnes sur les <em>Core Values</em>, j’apprécie beaucoup que ces sujets soient abordés avant même de parler de technique, on parle d’humanité, d’empathie, d’inclusion — je suis rappelé le 16 février ;</li> | |||
<li>17 février : rencontre en anglais (1 h 30 min) avec deux personnes sur les <em>Technical Skills</em>, je raconte certaines expériences, on évoque des scénarios, c’est relativement équilibré comme discussion et je ne peux m’empêcher de voir des parallèles avec ce qui se fait (ou pas) chez <a href="https://beta.gouv.fr/">betagouv</a> — je suis rappelé le 1<sup>er</sup> mars ;</li> | |||
<li>10 mars : rencontre en français (1 h 30 min) avec deux personnes sur les <em>Technical Skills</em> encore une fois, j’apprécie le fait que ce ne soit <a href="https://medium.com/swlh/why-senior-engineers-hate-coding-interviews-d583d2855757">pas un test technique</a> (<a href="/david/cache/2021/cfe6353c663f062eb2e6ccfcace889ef/">cache</a>) mais un échange horizontal sur des situations plus ou moins fictives et les pistes de résolution associées ;</li> | |||
<li>23 mars : courriel m’indiquant que je ne suis finalement pas retenu.</li> | |||
</ul> | |||
<p>Ce qui n’est pas explicite avec ces dates, c’est le stress diffus avec de gros <em>gros</em> pics sur une période de plusieurs mois. C’est l’incapacité à travailler lorsque j’ai un entretien dans la journée. Ce sont les doutes entre chaque session avant d’attendre un retour qui arrive plusieurs jours après. Ce sont les questionnements au moment de la préparation, les remises en question de mes capacités.</p> | |||
<p>Je comprends l’intérêt de tester la motivation dans la durée mais je me demande aussi si un tel processus ne ferme pas la porte à des personnes moins privilégiées, moins en confiance, dans une situation moins stable.</p> | |||
<p>Au cours de ce processus, la <a href="https://jacobian.org/series/unpacking-interview-questions/">série de billets</a> de Jacob m’a été d’une grande aide. Le <a href="https://eng-hiring.18f.gov/">guide de 18F</a> m’a beaucoup rassuré aussi pour avoir une idée du potentiel enchainement au complet. Et bien sûr, le <a href="https://cds-snc.github.io/technical-playbook-manuel-technique/">Technical Playbook</a> (<a href="https://cds-snc.github.io/technical-playbook-manuel-technique/fr/">version française</a>) du CDS-SNC lui-même.</p> | |||
<p>Sur une note positive, j’aurais beaucoup appris au cours de ce parcours, surtout sur moi. La relation au stress, à la confiance en moi mais aussi des réflexions sur le plus long terme. <strong>Ce que je suis prêt à changer dans ma vie</strong>, la dose de liberté que je peux/veux réduire, les libérations et les contraintes que cela m’apporterait. Au fil du temps, j’ai pu affiner mes questions/attentes aussi, afin de mieux connaître la structure et les façons de fonctionner. Je suis reconnaissant des personnes qui ont pris le temps de s’intéresser à ma candidature et qui ont été vraiment bienveillantes durant ce parcours.</p> | |||
<p>En bonus, je crois que ça me permet de travailler mon acceptation de l’échec… et du contentement. J’espère néanmoins que ce sera le premier <em>et</em> le dernier parcours de recrutement de ce type que j’aurais à faire dans ma vie. Sans aigreur, ce n’est pas un processus qui me semble être adapté à ma façon de rejoindre une structure/équipe. Je crois que j’ai besoin de <em>faire</em> et d’<em>être</em> avec les personnes car l’hypothétique résiste rarement à l’épreuve du réel. Mais peut-être que cette démarche prend trop de temps ?</p> | |||
<blockquote lang="en"> | |||
<p>How many hours does it take to hire someone, from approval of the open position to their first day? It takes <strong>about 100 person-hours</strong>, and that’s about a best-case scenario.</p> | |||
<p><cite><em><a href="https://jacobian.org/2021/mar/11/hours-to-hire/">How Long Does It Take to Hire Someone?</a></em> (<a href="/david/cache/2021/e7dd6d41e04bcbf69d3bf09bce827e4c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/26/" title="Lien permanent vers cet article">Stimulant</a> (2021-03-26)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>J’ai évité d’écrire un livre qui mastique toutes les pensées possibles en rapporte avec les questions soulevées dans les pages suivantes. Je ne voudrais pas livrer ces pensées comme une bouillie prédigérée à un lecteur passif. La tension dialectique que j’apprécie le plus se situe entre le lecteur d’un livre et l’écrivain : les indices, les suggestions, les pensées inachevées et les stimuli qui encouragent le lecteur à penser par lui-même ou elle-même. En ces temps qui connaissent de telles fluctuations, il serait arrogant de présenter des analyses et des recettes finies ; je considère plutôt qu’il est de la responsabilité d’un travail sérieux de <mark>stimuler la pensée</mark> dialectique et écologique. Pour une œuvre si « simple », si « claire » et si peu partagée — en un mot, si élitiste — qu’elle ne nécessite aucune modification, le lecteur devra regarder ailleurs. Ce livre n’est pas un programme idéologique ; c’est un stimulant de la pensée — un ensemble cohérent de concepts que le lecteur ou la lectrice devra achever dans l’intimité de son propre esprit.</p> | |||
<p><cite><em>L’écologie sociale, penser la liberté au-delà de l’humain</em>, Murray Bookchin</cite></p> | |||
</blockquote> | |||
<p>Un bon résumé de ce que j’aimerais que cet espace de pensées soit, devienne, vive, inspire, respire.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/28/" title="Lien permanent vers cet article">Smolstack</a> (2021-03-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.</p> | |||
<p><cite><em><a href="https://communitywiki.org/wiki/SmolNet">CommunityWiki: Smol Net</a></em> (<a href="/david/cache/2021/cd910565715dbc18d4b31ad60546a4a3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On me demandait <a href="/david/2021/03/23/" title="Recrutement">récemment</a> si je me considérais comme étant un développeur <em>fullstack</em>. Avec le recul, cette question m’a permis d’affiner ce que j’entends par ce terme et pourquoi je ne veux pas l’être. Je me suis aussi <a href="/david/blog/2017/web-developer/">replongé</a> dans mes <a href="/david/blog/2016/inclusive-developer/">archives</a> car le sujet n’est pas nouveau mais j’ai besoin de le revisiter régulièrement.</p> | |||
<p>Ce que l’on entend traditionnellement par le terme <em>fullstack</em> me semble aller de l’orchestration de containers (incluant sécurité, disponibilité, redondance, etc.) à l’interface utilisateur·ice et à son expérience que l’on espère la plus pertinente possible (incluant l’accessibilité, les performances, etc.) en passant par le <em>backend</em> et le <em>frontend</em> qui apportent leur lot de connaissances à maîtriser et maintenir à jour. Mais ce n’est pas tant le périmètre en lui-même que l’appétence que l’on peut avoir pour l’ensemble de ce spectre qui est une attente qui <em>m</em>’est irréaliste.</p> | |||
<p>Je vais maintenant essayer de définir ce que j’entends par <em>smolstack</em>, c’est brouillon et je vais probablement avoir besoin de plusieurs itérations :</p> | |||
<ul> | |||
<li>vérifier la pertinence des fonctionnalités avec des tests utilisateur·ices ;</li> | |||
<li>réduire les dépendances au maximum et être guidé par le besoin plus que par la tendance actuelle ;</li> | |||
<li>prendre le temps de faire le ménage à tous les niveaux : nouvelles attentes, évolution de dépendance, retrait de fonctionnalités, etc. ;</li> | |||
<li>faire en sorte que les données soient accessibles au plus grand nombre (je vais avoir besoin de préciser ce point) ;</li> | |||
<li>privilégier le statique tant que c’est possible, il n’y a rien qui soit plus performant et polyvalent ;</li> | |||
<li>arbitrer la <a href="/david/blog/2017/bugs-complexite/">complexité</a> vis-à-vis de l’impact que cela va avoir sur les utilisateur·ices mais aussi la maintenance, la fiabilité et la légèreté du produit ;</li> | |||
<li>documenter les choix techniques ainsi que les joies/échecs associés (journal d’équipe ?) ;</li> | |||
<li>envisager l’essaimage plutôt que le passage à l’échelle.</li> | |||
</ul> | |||
<p>Je vais m’arrêter là pour ce soir, je n’ai pas l’ambition d’en faire un manifeste, ni la prétention d’en faire un terme consacré. Je le vois plus comme une ébauche <a href="/david/2021/03/26/" title="Stimulant">inspirante et vivante</a>. C’est incomplet à dessein. Et ce sera obsolète dès demain.</p> | |||
<p><em>Keep smoling!</em> 😀</p> | |||
<blockquote lang="en"> | |||
<p>That last bit is a bit of a concern as ageism is already strong enough in web development for 30 to be considered old. <mark>The last thing I want is to be labelled a conservative old fogey in an industry dominated by novelty-seeking.</mark> Mostly because it really isn’t accurate. I really <em>do</em> enjoy some of the new developments in the field. So much so that I constantly have to fight the urge to start building projects using the latest bit of shiny.</p> | |||
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/">Which type of novelty-seeking web developer are you?</a></em> (<a href="/david/cache/2021/809290eb60d9bda55b427919091533f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/29/" title="Lien permanent vers cet article">Évaluation</a> (2021-03-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Alas, many developers don’t build with this mindset. I mean, I understand why: <mark>it means thinking about users with the most boring, least powerful technology</mark>. It’s simpler and more exciting to assume that everyone’s got a shared baseline of newer technology. But by doing that, you’re missing out on one of the web’s superpowers: that something served up at the same URL with the same underlying code can simultaneously serve people with older technology <em>and</em> also provide a whizz-bang experience to people with the latest and greatest technology.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/17987">The principle of most availability</a></em> (<a href="/david/cache/2021/15d4f93dba253e3194c8dba52d0e8ee6/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Pensée du jour suite à un retour interne (merci !) relatif à mon <a href="/david/2021/03/23/" title="Recrutement">non-recrutement</a>. Comme un besoin de déconstruire le refus pour pouvoir me reconstruire…</em></p> | |||
<p>Lorsqu’on est évalué pour un nouveau poste, on essaye de connaître la situation technique la plus complexe à laquelle on a été confrontée. Et cela a tendance à me rappeler d’une certaine manière le <a href="/david/stream/2015/12/29/">Principe d’Aurélien</a>. Ce qui me semblerait intéressant serait d’évaluer les choix qui ont été réalisés pour <em>ne pas</em> arriver à ce niveau de complexité.</p> | |||
<p>Comment est-ce que vous avez réussi à garder une équipe à taille humaine ? Quelles mesures avez-vous mis en place pour conserver un ensemble technologique cohérent, compréhensible et maintenable ? Quelles sont les plus faibles compétences requises pour modifier les données sur ce produit ? Qu’est-ce qui a été automatisé et délégué, pourquoi ? Seriez-vous à l’aise pour transmettre cette application, à qui ? Qu’est-ce qui vous empêche de dormir la nuit à son sujet ?</p> | |||
<p>Il est certain qu’en créant une usine à gaz on acquiert tout un lot de compétences. Mais ce ne sont <a href="/david/2021/03/28/" title="Smolstack">pas celles qui m’attirent</a> (et je ne parle même pas d’humain). Il est des moments où <a href="/david/stream/2015/06/06/">relire ses archives</a> fait du bien.</p> | |||
<blockquote> | |||
<p>Je vous développe une application complexe parce que je n’ai pas l’expérience pour en écrire une moins sophistiquée.</p> | |||
<p><cite><em>Blaise Pascal fait du développement web</em>, Les dépendenciales (2021)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/19/" title="Lien permanent vers cet article">Regroupement</a> (2021-05-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Si atteindre une position dominante sur leurs marchés respectifs s’avère épineux, ce n’est pas leur principal levier d’influence, relève l’économiste : « Les coopératives contribuent à faire évoluer les règles du jeu, car <mark>elles diffusent leurs idées et leurs pratiques de production au-delà d’elles-mêmes.</mark> »</p> | |||
<p>[…]</p> | |||
<p>Malgré leur motivation, la plupart demeurent des coopératives de tailles et d’effectifs modestes. « Ce n’est pas simple de travailler de concert, surtout quand on porte des projets énergivores en ressources humaines, et qu’on ne possède pas la force de frappe de levée de fonds d’une start-up », dit Adrien Montagut.</p> | |||
<p><cite><em><a href="https://reporterre.net/Des-cooperatives-se-regroupent-pour-une-alternative-aux-geants-du-web">Des coopératives se regroupent pour une alternative aux géants du web</a></em> (<a href="/david/cache/2021/cfd75c2c4d19529d184fc1a1ccdfc938/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, on essaye de répondre à un appel d’offre en formant un regroupement de structures ayant des principes coopératifs. La principale difficulté est de définir un cap pour ce collectif sans qu’il n’y ait pour autant de cap…itaine(s). Réussir à s’accorder prend du temps — même en envisageant de commencer à travailler en commun pour mieux se connaître. Or, un appel d’offre amène cette contrainte forte. Là est l’enjeu.</p> | |||
<p>Au-delà de l’acceptation ou du rejet de notre proposition, c’est ce chemin qui m’intéresse lorsqu’un collectif se forme. Avec l’espoir qu’il survive à l’appât du gain à court terme pour envisager d’autres formes d’interactions et de collaborations.</p> | |||
<blockquote> | |||
<p>— Les trois branches d’un accord sont l’intention, l’information et l’incertitude. La précision et l’honnêteté n’ont pas grand-chose à voir avec la question. […] La dialectique ferme la porte aux sens, déclara Leto en ramenant son visage plus près du sol. Elle masque l’agressivité. <mark>Poussée à outrance, la discussion conduit toujours à la violence.</mark> Et mes intentions envers toi ne sont pas violentes.<br /> | |||
— Que voulez-vous dire par… intention, information, incertitude ?<br /> | |||
— L’intention réunit les participants. L’information délimite le débat. L’incertitude crée les questions.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/19/" title="Lien permanent vers cet article">Définition</a> (2021-08-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>On pourrait distinguer des développeur·ses, designer‧ses, agilistes et coach dont c’est l’<em>activité</em> ou la <em>profession</em>, si leur travail nourrit directement une structure capitalistique et qui renforce le maillage néolibéral.</p> | |||
<p><cite><em><a href="https://oncletom.io/2021/08/16/victoire-professionnels/">La victoire des professionnels</a></em> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suivi de :</p> | |||
<blockquote> | |||
<p>(j’ouvre une parenthèse ici pour préciser que quand je dis que je « suis développeur web », j’ai l’impression que ça cache la valeur que j’apporte quand je réfléchis à ces questions de « résilience sociale » autour du logiciel que je créé)</p> | |||
<p><cite><em>David <a href="https://eldritch.cafe/@davidbruant/106777018282632259">sur Mastodon</a></em></cite></p> | |||
</blockquote> | |||
<p>Réflexions croisées qui viennent alimenter mes <a href="/david/2021/05/27/" title="Craftsman">propres explorations</a> plus ou <a href="/david/blog/2015/travail-transition/">moins</a> <a href="/david/blog/2015/pairmutation-travail/">récentes</a> sur le sujet. Ce besoin de définition est même assez <a href="/david/blog/2016/passion-definition/">récurrent</a> ici, le blog étant probablement une forme de définition en soi mais je m’égare et ça devient trop <em>meta</em>.</p> | |||
<p>« Pour qui, <a href="/david/stream/2018/04/04/">pour quoi</a> travaillons-nous ? » pour reprendre le titre de <a href="/david/2021/01/27/" title="Choix">Jacques Ellul</a>, avec quels espoirs plus ou moins communs engageons-nous notre attention, aspirons-nous à dédier notre fameuse « force de travail » ? J’ai l’impression d’avoir de moins en moins de réponses à tout cela, une définition peut rester floue, une identité aussi finalement, lorsqu’on est suffisamment en confiance. Peut-être qu’en dépassant cette dénomination, on s’élève, on se libère d’un poids à la fois social et culturel. <strong>« Je fais des trucs en équipe que j’espère utiles et qui parfois se retrouvent sur le Web »</strong>, c’est sûr que ça n’est pas très vendeur pour <a href="/david/2021/03/23/" title="Recrutement">obtenir un emploi</a> mais c’est peut-être ce qui se rapproche le plus de mon <em>activité</em>. En tout cas, ça se retrouve pas mal dans ce qui <a href="http://scopyleft.fr/">nous anime</a> depuis bientôt 9 ans.</p> | |||
<p>Au niveau du « pour qui », il y a toujours cette tension à travailler pour un gouvernement, ce péché d’orgueil d’espérer faire moins pire que ce que ça pourrait être. J’imagine que l’Histoire est remplie de personnes bien intentionnées qui — avec ce même raisonnement — en sont arrivées à commettre les pires atrocités. Se pose peut-être davantage la question du « jusqu’à quand » dans ce cas là, savoir s’arrêter avant que la <em>collaboration</em> ne change de sens…</p> | |||
<blockquote> | |||
<p>Les gens veulent toujours quelque chose de plus qu’une joie immédiate ou que ce sentiment plus profond qu’on appelle le bonheur. C’est là un des secrets qui nous aident à façonner l’accomplissement de nos visées. Ce « petit quelque chose » exerce un pouvoir décuplé sur <mark>ceux qui ne savent lui attribuer un nom</mark> ou (comme c’est le plus souvent le cas) ne soupçonnent même pas son existence. La plupart des gens ne réagissent qu’inconsciemment à de telles forces cachées. De sorte que nous n’avons plus qu’à concevoir un « petit quelque chose » bien étudié et à lui donner une forme et une définition acceptables pour qu’on nous suive comme un seul homme.</p> | |||
<p><cite><em>Les secrets du pouvoir au Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#riviere-megantic" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="riviere-megantic"> | |||
<img src="/static/david/2021/riviere-megantic.jpg" alt="Une rivière en pause longue au Mont Mégantic." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Un flux d’idées, momentanément figé.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/09/02/" title="Lien permanent vers cet article">Équipes</a> (2021-09-02)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You might assume that if you put together a bunch of people and give them a goal, they’re a team. <mark>But that’s not how it works.</mark> While all constellations are working groups of some sort, in order for a working group to be considered a team two criteria need to be met.</p> | |||
<p><cite><em><a href="https://www.viktorcessan.com/the-first-question-to-ask-when-building-teams-is-this-really-a-team/">The First Question To Ask When Building Teams - Is This Really A Team?</a></em> (<a href="/david/cache/2021/77419ba77876ddc880823ee6321f9cbe/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me réfère souvent à cette classification lorsqu’on me parle d’équipe. Elle a l’avantage d’être relativement simple à (re)mettre en mémoire grâce aux schémas.</p> | |||
<p><strong>Un but commun qui nécessite d’être ensemble.</strong> Tous les mots comptent.</p> | |||
<p>Ne pas confondre avec un « groupe d’affinité » :</p> | |||
<blockquote> | |||
<p>L’influence du mouvement anarchiste sur l’alter-mondialisme procède en grande partie de la diffusion de modes d’organisation comme le <em>groupe d’affinité</em>, une unité militante autonome d’environ 5 à 20 individus qui <mark>partagent une même sensibilité à l’égard des causes à défendre et des types d’actions à privilégier</mark>. Le processus de prise de décision y est anarchiste, c’est-à-dire qu’il est égalitaire, participatif, délibératif et consensuel.</p> | |||
<p><cite><em>Les nouveaux anarchistes</em>, Francis Dupuis-Déri</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/06/" title="Lien permanent vers cet article">Promotion</a> (2021-10-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>At most companies, it’s common for the person leading you to have experienced a promotion in taking on the role. At Automattic, <mark>we view taking on the team lead role as a focus change rather than as a promotion.</mark> This means people are welcome to step up into the lead role and step down without a change in salary. We’re all ultimately individual contributors at the end of the day!</p> | |||
<p><cite><em><a href="https://nomad.blog/2020/12/08/you-might-not-love-working-at-automattic-if/">You might not love working at Automattic if…</a></em> (<a href="/david/cache/2021/e7f354687d0d6c2b2d342b7edb144013/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de choses très inspirantes dans cet article. J’apprécie que l’on puisse considérer que le rôle de <em>lead</em> (difficilement traduisible) soit temporaire et ne soit pas indexé sur le salaire. C’est accepter une certaine impermanence dans nos envies, nos appétences et nos expérimentations. C’est une façon de pouvoir se tromper sans que les conséquences ne soient rapidement critiques.</p> | |||
<p>J’ai l’impression de porter différentes casquettes actuellement sur les différents produits auxquels je participe et j’adore cette diversité. Une forme de <em>full stack</em> (<a href="/david/2021/03/28/" title="Smolstack">1</a>, <a href="/2021/06/23/">2</a>) mais en mode distribué où j’apprends des autres casquettes présentes dans les équipes.</p> | |||
<p>Pour moi, une promotion correspond au courage et à la confiance suffisante en soi de consentir à une casquette relativement inconnue, au moins pour un tour.</p> | |||
<p>Littéralement : pro-motion, être en faveur du mouvement.</p> | |||
<blockquote lang="en"> | |||
<p>For example, I was a lead for 3.5 years and was able to easily step away to pursue other work when an opportunity came up without a change in pay. <mark>I never approached leadership as being a “forever lead”</mark> which helped me make decisions that I knew I’d have to live out if down the line I was no longer a lead.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/10/14/" title="Lien permanent vers cet article">Carrière</a> (2021-10-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Without understanding the context, the advice is meaningless, or even worse, harmful. If those folks had followed their own advice early on, they themselves would likely have suffered from it. <mark>It is hard to escape this trap.</mark> We may be the culmination of our experiences, but we view them through the lens of the present.</p> | |||
<p><cite><em><a href="https://www.simplethread.com/20-things-ive-learned-in-my-20-years-as-a-software-engineer/">20 Things I’ve Learned in my 20 Years as a Software Engineer</a></em> (<a href="/david/cache/2021/7d378db0707cc63aa2d466ada68fe690/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Beaucoup de sagesse dans cette liste. J’en aurais d’autres à ajouter mais je ne sais pas si j’en suis à 20 années de carrière, ayant du mal à dater le moment où celle-ci a véritablement commencée.</p> | |||
<p>Ce serait peut-être mon premier conseil : envisager cela comme un cheminement en forêt et non comme un concassage de cailloux. Le papillon semble avoir plus de fun que la chenille (relire cette phrase en anglais).</p> | |||
</details> | |||
<h2><a href="/david/2021/10/29/" title="Lien permanent vers cet article">Vélocité</a> (2021-10-29)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s true that the gains from picking the right problem can be greater than the gains from having better tactical execution because the gains from picking the right problem can be unbounded, but it’s also much <mark>easier to improve tactical execution</mark> and doing so also helps with picking the right problem because having faster execution lets you experiment more quickly, which helps you find the right problem.</p> | |||
<p><cite><em><a href="https://danluu.com/productivity-velocity/">Some reasons to work on productivity and velocity</a></em> (<a href="/david/cache/2021/50e183c99474ec15a833b2375aea1faf/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Une réflexion récente de <a href="http://scopyleft.fr/">Sarah</a> sur la vitesse (dans un contexte de développement) m’a interpellé car je suis de moins en moins convaincu que ce soit un facteur de <em>réussite</em> important pour un produit. Et c’est là où il va falloir définir « réussite ». C’est un peu un accident lorsque ça marche :</p> | |||
<ul> | |||
<li>un public qui a un besoin ;</li> | |||
<li>un produit qui est connu de ce public ;</li> | |||
<li>une équipe qui se fait confiance ;</li> | |||
<li>un budget/revenu qui permet d’arriver à un produit fonctionnel ;</li> | |||
<li>une connaissance autour de la problématique qui est capitalisée ;</li> | |||
<li>etc.</li> | |||
</ul> | |||
<p>La vitesse d’avancement de l’équipe technique dans tout ça est rarement le goulot d’étranglement. (En ayant conscience du biais de ne pas vouloir faire partie de ce goulot, qui m’invisibilise peut-être des situations passées…).</p> | |||
<p>Si ça se trouve, introduire un peu de lenteur permet de mieux évaluer la pertinence de ce que l’on expérimente parfois, de prendre du recul, de trouver des solutions moins techniques, de diluer la pression, d’avoir davantage d’interactions avec les utilisateur·ices. Si ça se trouve.</p> | |||
<blockquote lang="en"> | |||
<p>The acceleration of our collective pace of life is not a result of stupidity or irrationality; rather, it is a symptom of what is perfectly predicted by the prisoner’s dilemma at a global scale: Hyper-rational individuals making hyper-rational decisions on how to spend their time by launching into an inescapable arms race of productivity. <mark>Burnout is inevitable.</mark></p> | |||
<p><cite><em><a href="https://zandercutt.com/2019/02/18/were-optimizing-ourselves-to-death/">We’re Optimizing Ourselves to Death</a></em> (<a href="/david/cache/2021/b3db6a66bfa8f11941f00ac4fa1175e5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/23/" title="Lien permanent vers cet article">Horaires</a> (2021-11-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Autrement dit et pour résumer ces transformations, on peut parfaitement envisager dès maintenant une réduction massive du temps de travail. Ce n’est pas du tout « utopique » ou imaginaire de réclamer deux heures de travail par jour, du moins dans les secteurs susceptibles de l’automatisation-informatisation. D’ailleurs, compte tenu du fait que <mark>l’usure nerveuse est beaucoup plus grave et moins réparable que la fatigue musculaire</mark>, il est devenu indispensable dans ces métiers d’abréger les séquences de travail continu et de réduire déjà sérieusement la durée de la journée de travail. Mais ceci pourrait aller beaucoup plus loin. Or, il semble que ni dans le monde capitaliste ni dans le monde socialiste on ne soit décider à entrer dans cette voie. Il y a comme un blocage qui s’est effectué, et l’on <em>choisit</em> délibérément de ne pas appliquer les moyens techniques que l’on a à sa disposition pour maintenir l’ancienne structure à dominante industrielle. On introduit seulement de façon incoordonnée, à dose homéopathique, tel ou tel procédé. On automatise ici une chaîne de montage. On met en place une banque de données. On introduit un ordinateur etc. Mais il y a en réalité répugnance à changer le système.</p> | |||
<p>Ceci provient d’un certain nombre de difficultés qu’il ne faut pas méconnaître : une inadaptation idéologique évidente. Il y a une répugnance à abandonner « l’idéologie du travail », une angoisse à l’idée de tellement de temps « libre ». On ne sait pas ce que deviendrait la vie humaine si elle n’était pas remplie par le travail. On soupçonne que cela supposerait un changement radical, total de société, de ses orientations, de ses objectifs, de ses structures, mais on n’est pas mûr pour tenter une pareille expérience.</p> | |||
<p><cite><em>Pour qui, pour quoi travaillons-nous ?</em>, Jacques Ellul, Foi & Vie, n°4, juillet 1980</cite></p> | |||
</blockquote> | |||
<p>Facturation à la journée, à l’heure, parfois sur des créneaux un peu hybrides. Pas facile de trouver la granularité qui soit la plus pertinente en ce moment. À la fois pour mon énergie, et pour les produits, et pour les équipes.</p> | |||
<p>À cela vient s’intégrer, de manière transverse, la pénibilité de la tâche en elle-même. Comment facturer au temps lorsque cette durée n’est pas fatigante de manière équivalente d’une heure sur l’autre ? <em>Quid</em> de l’implication émotionnelle ? De ce <em>bug</em> que l’on amène courir avec soi ? De ce commentaire qui va longtemps rester en travers ?</p> | |||
<p>Je ne sais pas si la solution est la <a href="https://adactio.com/journal/18620">semaine</a> (<a href="/david/cache/2021/6513cd7104f4e6a8c7b3e0d759b467d8/">cache</a>) de <a href="https://blog.le-filament.com/posts/semaine-4jours/">4 jours</a> (<a href="/david/cache/2021/c535b353e2af3eb65e4cf0de232bdad5/">cache</a>) ou celle de <a href="https://www.youtube.com/watch?v=iM2nQuwwuKQ">168 heures</a>, il y a du vrai dans chacune de ces approches et des ressentis différents vis-à-vis du travail. De ces <a href="https://oncletom.io/2021/08/16/victoire-professionnels/">activités ayant créées des professions</a> (<a href="/david/cache/2021/1e65aa7484aa157870c2a1b735f36a26/">cache</a>) très lucratives et dont je bénéficie si facilement.</p> | |||
<p>Je payerais cher pour savoir ce que penserait Jacques Ellul d’une telle situation.</p> | |||
<hr /> | |||
<p><mark>Lu depuis :</mark></p> | |||
<blockquote> | |||
<p>Mais il faudrait déjà que l’on se parle<br /> | |||
Malgré les bouchons d’oreille les machines qui martèlent nos silences à la pause pourquoi se dire et quoi se dire d’ailleurs<br /> | |||
Que l’on en chie<br /> | |||
Que l’on peine à trouver le sommeil le week-end<br /> | |||
Mais que l’on fait<br /> | |||
Comme si<br /> | |||
Tout allait bien<br /> | |||
On a un boulot<br /> | |||
Même si de merde<br /> | |||
Même si l’on ne se repose pas<br /> | |||
On gagne des sous<br /> | |||
Et l’usine nous bouffera<br /> | |||
Et nous bouffe déjà</p> | |||
<p><cite><em>À la ligne</em>, Joseph Ponthus</cite></p> | |||
</blockquote> | |||
<p>De quoi remettre en perspective mes questionnements de privilégié.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,254 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #utilisateur·ice — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #utilisateur·ice"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #utilisateur·ice</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/16/" title="Lien permanent vers cet article">Bouc émissaire</a> (2021-01-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>And so naturally, we apply our view of the world, our values. If you view your users with contempt, then the reason behind why people don’t like complicated products is because they are stupid and lazy. If, on the other hand, you <em>respect</em> your users, <mark>you might view things differently</mark>.</p> | |||
<p><cite><em><a href="https://somehowmanage.com/2020/09/13/disrespectful-design-users-arent-stupid-or-lazy/">Disrespectful Design-Users aren’t stupid or lazy</a></em> (<a href="/david/cache/2021/883963a92bff6f5bd5ade883ae84bd3f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deux articles qui invitent à revisiter notre rapport aux utilisateur·ice·s et à la responsabilité que l’on peut avoir dans leurs désarrois face à nos productions. <strong>Il est assez aisé d’éprouver de l’empathie pour ses pairs.</strong> En revanche, lorsqu’il s’agit de personnes très différentes, il est beaucoup plus difficile de se mettre à leurs places. Et c’est là où réside l’enjeu d’une approche qui a l’intention d’être inclusive.</p> | |||
<blockquote lang="en"> | |||
<p>This shouldn’t be about shaming individual habits, it’s counter-productive to data shame users. Those of us designing and building these digital products and services should be the ones <mark>taking responsibility</mark> for ensuring that they’re fit for a more sustainable world.</p> | |||
<p><cite><em><a href="https://branch.climateaction.tech/2020/10/15/designing-branch-sustainable-interaction-design-principles/">Designing Branch: Sustainable Interaction Design Principles</a></em> (<a href="/david/cache/2021/2057ddcf3fd20edd602cee1b08ac17e8/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/09/" title="Lien permanent vers cet article">Fun</a> (2021-03-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>And there’s plenty of other backfill features, as we like to call them. The stuff you’re just supposed to do. The things people will ask for.</p> | |||
<p>But people don’t ask for weird. They don’t ask for different. They even rarely ask for fun. Practical? Yup. Configurable? Definitely. Life is more than just that, though.</p> | |||
<p>[…]</p> | |||
<p>That’s why its <mark>our duty to stand up</mark> for weird/different/fun. Give it a seat at the planning table.</p> | |||
<p><cite><em><a href="https://world.hey.com/dhh/keep-hey-weird-de3e912c">Keep HEY weird</a></em> (<a href="/david/cache/2021/b0bb48391acd14185895724197f63417/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est une des choses qui me titille avec les entretiens utilisateur·ices, les approches LEAN, etc. On obtient des produits plus pertinents, plus rapidement mais qu’en est-il de la partie fun ? C’est déjà très bien d’arriver à un outil fonctionnel mais comment le conjuguer à une « humanité » imparfaite et surprenante ?</p> | |||
<p>Dans cet étau d’efficacité, on passe peut-être à côté de quelque chose d’important. On court après <q>une recherche aussi rapide que celle de Google</q>, <q>un achat aussi <em>1-click</em> que celui d’Amazon</q>, <q>une interface aussi simple que celle d’Apple</q> mais les fois où j’ai des émotions c’est quand je me connecte au site même-pas-en-HTTPS de la ferme du coin pour commander des œufs et qu’ils me répondent manuellement pour me dire <q>À dimanche !</q>.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/22/" title="Lien permanent vers cet article">JavaScript-less</a> (2021-03-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a few minor omissions and links, you can create a site that <strong>works great in modern browsers with ES6+</strong> <em>and</em> <strong>acceptably in browsers without JavaScript</strong>. This approach is more sustainable for teams without the resources for extensive QA, and more beneficial to users of nonstandard browsers. […]<br /> | |||
The best way to help your IE11 users is <mark>to provide a great experience for your non-JS users</mark> and share that experience with them, instead of sending them an untested and buggy experience that also slows the experience of users with modern browsers.</p> | |||
<p><cite><em><a href="https://blog.carlmjohnson.net/post/2020/time-to-kill-ie11/">Dropping Support For IE11 Is Progressive Enhancement</a></em> (<a href="/david/cache/2021/a9e4daf32281eaee0adaa39e32d28890/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je trouve cette approche particulièrement pertinente, un peu difficile avec une <abbr title="Single Page App">SPA</abbr> sans serveur tout de même. Et encore, il y aurait des choses à expérimenter : on peut potentiellement aller très loin en CSS uniquement avec des <code>:checked</code> par exemple. À voir à quel point est-ce que ça endommage l’accessibilité par ailleurs… les défis techniques hypothétiques sont parfois de fausses bonnes idées pour des usages qui sont eux bien réels.</p> | |||
<p>Les tests utilisateur·ices sont une source intarissable de découvertes impensables. <em>Qu’il faut pourtant panser.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/04/30/" title="Lien permanent vers cet article">Produit</a> (2021-04-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This was surprising because it seems so clearly against our own interest. In almost every case, companies fail because they build the wrong thing. <mark>Unless your customers are themselves engineers, I’m the wrong person to help with that.</mark> You want someone comfortable at the periphery of your system, who wants to learn about the competitive landscape, who wants to talk to customers. You want a product engineer.</p> | |||
<p><cite><em><a href="https://ideolalia.com/essays/trapped-in-the-technologist-factory.html">trapped in the technologist factory</a></em> (<a href="/david/cache/2021/0d69b48e03e8a6b26605dfda4a6f32dd/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est un long cheminement personnel pour arriver à cette conclusion. Le mien a duré de très longues années et d’une certaine manière je continue de l’arpenter. Se rappeler quotidiennement que le produit que je développe n’est pas égoïstement pour moi — ou ma propre acquisition de connaissances — mais au service d’autres personnes. Cette démarche requiert un certain niveau de prise de conscience puis d’empathie pour espérer faire un produit utilisable et utilisé.</p> | |||
<p>Et pendant ce temps là :</p> | |||
<blockquote lang="en"> | |||
<p>I choose requests from this list <mark>based on my current mood</mark> and what I would like to implement next. There is no secret sauce behind it. It’s all about building what people want.</p> | |||
<p><cite><em><a href="https://www.lunadio.com/blog/the-story-of-a-unicorn-solo-founder-making-dollar500000-arr/">The story of a unicorn solo founder making $500,000 ARR</a></em> (<a href="/david/cache/2021/7a14f3cf8b05889a910c575726915486/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/11/06/" title="Lien permanent vers cet article">Client</a> (2021-11-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The central cause of the failure was another anti-pattern, <strong>CEO as Customer</strong>. And it turns out that a company that can’t invest in the quality of its mainline product, won’t invest in the quality of its replacement, either. That’s a management anti-pattern, and starting over with new people and a blank piece of paper doesn’t change management. <mark>Only management can change management.</mark></p> | |||
<p><cite><em><a href="http://raganwald.com/2021/10/28/the-inner-osborne-effect.html">The Inner Osborne Effect</a></em> (<a href="/david/cache/2021/a98225895499217f24a9e081c2684dc4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><abbr lang="en" title="Chief Executive Officer">CEO</abbr> comme client < Comité directeur comme client < Équipe de développement comme cliente < Équipe produit comme cliente < Interviewé·es comme client·es.</p> | |||
<p>Étonnamment, entre le biais de sélection et la transformation des personnes recrutées, « Client comme client » est très difficile à atteindre.</p> | |||
<p>À moins d’être son propre client.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,606 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #vidéo — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #vidéo"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #vidéo</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/07/" title="Lien permanent vers cet article">Blancheur</a> (2021-01-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Maints moments du quotidien pourvoient également un retrait hors des exigences de la communication sociale : rêverie, méditation, lecture, écoute de la musique, sommeil, etc., conduire sur une longue distance, effectuer un travail répétitif… mille activités sont propices à un relâchement intérieur susceptible de se rompre instantanément en situation d’alerte. Echappées belles hors du quotidien et de ses mailles qui enserrent dans des rôles malaisés à quitter mais lourds à assumer plus longtemps. Cette dissociation est une donnée élémentaire de la vie courante, un bref oubli de l’environnement et une plongée dans l’intériorité aboutissant à une sorte de détente de la volonté, un flottement de soi pour rompre l’ennui d’une tâche et/ou trouver une diversion. Nul n’est jamais tout à fait présent à ce qu’il fait.</p> | |||
<p>Au fil de ce livre, <mark>j’appellerai blancheur cet état d’absence de soi</mark> plus ou moins prononcé, le fait de prendre congé de soi sous une forme ou sous une autre à cause de la difficulté ou de la pénibilité d’être soi.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Le terme choisi est ambigu et c’est dommage mais alors le simple passage du <q>Seuil</q> de ce livre a été douloureux de réalité. J’hésite à rentrer plus avant, ce qui donne une consistance toute particulière à l’intitulé de cette introduction. <strong>Il faut parfois savoir renoncer pour ne pas se faire trop mal.</strong> Ou au moins attendre de se trouver dans un équilibre psychologique moins instable.</p> | |||
<p>À ce sujet, j’ai de plus en plus envie d’aller construire des cabanes dans les bois. Il y a tellement de <a href="https://www.youtube.com/playlist?list=PLPVw8wSyPZsKc1v76FD6NgZzzArj3a2TY">belles choses à (re)faire</a> (les sous-titres sont pertinents).</p> | |||
<blockquote> | |||
<p>If we gave up, this experience would only show us another thing we didn’t want to do with our lives. Or worse: <mark>that maybe our jobs hadn’t been the problem, but we were</mark>; that the empty feeling that had been bubbling up inside us at our nine-to-fives would follow us wherever we went. We’d get over the money we’d lose, but the dream would be harder to let go of. The cabin fantasy had buoyed our spirits through all those years behind a desk. If we quit, we’d would lose our vision of another, happier life.</p> | |||
<p><cite><em><a href="https://www.outsideonline.com/2415766/friends-diy-cabin-build-washington">We Quit Our Jobs to Build a Cabin-Everything Went Wrong</a></em> (<a href="/david/cache/2021/78f2e167938eb4bfa6747503aefe45c1/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/11/" title="Lien permanent vers cet article">Marche ou trêve</a> (2021-01-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’engouement de nos sociétés pour la marche témoigne de cette volonté de s’arracher aux routines de la vie personnelle pour quelques heures ou davantage et devenir anonyme sur les chemins, sans plus avoir de contraintes d’identité. Le marcheur est libre de ses mouvements, de son rythme, il ne doit plus rien à personne, et nul ne vient le rappeler à ses responsabilités. Il est ailleurs, nul ne sait qui il est ni où il va. Il noue des relations provisoires ou durables avec les autres, mais à son gré. <mark>Sur les chemins de traverse, le sentiment de soi se dénoue, les exigences de la vie sociale se relâchent.</mark> La marche est un exercice ludique et contrôlé de disparition, une réappropriation heureuse de l’existence.</p> | |||
<p><cite><em>Disparaître de soi</em>, David Le Breton</cite></p> | |||
</blockquote> | |||
<p>Il est très surfait de faire une ode à la marche. Et pourtant, c’est là où je me sens le plus « <a href="/david/2021/01/07/" title="Blancheur">blanc</a> » et je regrette parfois d’avoir commencé à <a href="https://vimeo.com/473661570/46af2e921e">filmer</a> <a href="https://vimeo.com/485769887/190546b69c">ces</a> <a href="https://vimeo.com/492686199/31ac11260c">moments</a>. L’impression de perdre une partie de l’intimité que me procurent ces balades en forêt. De tenter de disparaitre en revenant avec un pancarte « J’existe ! » (en 4k s’il vous plait). Une incohérence de plus…</p> | |||
<p><strong>J’ai transformé un moment de trêve avec moi-même.</strong> Un moment où je mettais en pause mon envie d’exprimer des émotions et des réactions pour mieux les ressentir. Un moment où les seules techniques étaient celles me permettant de (sur)vivre. Et cela s’est transformé en une mise en scène et une attention au partage. Une chorégraphie malaisante de ma personne dans un moment où je pouvais enfin l’oublier.</p> | |||
<p>Peut-être que les limites matérielles auxquelles je me heurte sont le signe qu’il faut que je laisse le corps en paix dans ces moments là.</p> | |||
<blockquote> | |||
<p>En cet âge où les humains disposent de moyens de transport capables de traverser les profondeurs de l’espace-temps ou de survoler des surfaces planétaires virtuellement infranchissables, l’idée d’entreprendre de longs voyages à pied semble étrange. Pourtant, la marche demeure le premier moyen de locomotion sur Arrakis. On attribue ce fait aussi bien à un choix délibéré qu’aux rudes traitements que cette planète réserve à toute espèce mécanique. Dans les rigueurs d’Arrachis, <mark>la chair de l’homme est le recours le plus durable et le plus sûr</mark> du Hajj. Peut-être est-ce la conscience implicite de ce fait qui explique qu’Arrakis soit l’ultime miroir de l’âme.</p> | |||
<p><cite><em>Guide du Hajj</em>, <a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/19/" title="Lien permanent vers cet article">Chaîne de capture</a> (2021-01-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Pictures have always been a meaningful part of the human experience. From the first cave drawings, to sketches and paintings, to modern photography, we’ve mastered the art of recording what we see.</p> | |||
<p><mark>Cameras and the lenses inside them may seem a little mystifying.</mark> In this blog post I’d like to explain not only how they work, but also how adjusting a few tunable parameters can produce fairly different results</p> | |||
<p><cite><em><a href="https://ciechanow.ski/cameras-and-lenses/">Cameras and Lenses</a></em> (<a href="/david/cache/2021/ef2067bf42482ed7c48e1d166cde117a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>En ce moment, je creuse un peu quelles chaînes est-ce que je consens à supporter pour produire de la vidéo. Cela me fait découvrir et réviser des fondamentaux d’optique mais aussi de technique numérique. <strong>Il faut aujourd’hui comprendre les deux pour capter une image exploitable.</strong> Et je ne parle même pas (encore) de la post-production.</p> | |||
<p>C’est un cheminement plaisant car on part d’un « simple » reflet de lumière pour arriver à une complexité numérique incroyable. L’œil et le cerveau sont des organes assez fascinants vus sous cet angle (<em>pun intended</em>).</p> | |||
<blockquote lang="en"> | |||
<p>To understand what makes it so special, the first half of this post explains how a digital camera develops a photo. Then we go on to explain the strengths and weaknesses of traditional RAWs. Finally, we dive into what’s unique about ProRAW, how it changes the game, and its few remaining drawbacks.</p> | |||
<p><cite><em><a href="https://blog.halide.cam/understanding-proraw-4eed556d4c54">Understanding ProRAW</a></em> (<a href="/david/cache/2021/0c6966a8e9543b52c361ac6de68f08e4/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/24/" title="Lien permanent vers cet article">Négativité</a> (2021-01-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Peut-être que ce qui me gène n’est pas tant l’écran en tant que tel, mais la <mark>posture</mark> dans laquelle celui-ci me plonge ?</p> | |||
<p>Plutôt que de chercher à passer <strong>très peu</strong> de temps derrière un écran, je peux essayer de maximiser le temps ou j’y fais quelque chose qui m’intéresse, et pour lequel je suis dans un usage créatif ?</p> | |||
<p><cite><em><a href="https://blog.notmyidea.org/reconnexion.html">Reconnexion ?</a></em> (<a href="/david/cache/2021/1ac1db00072c35c5f6de8d729331b8d4/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai l’impression de partager de plus en plus de négativité et de contenus anxiogènes sur Mastodon. Je vais m’en écarter un moment pour me recentrer sur du temps qui m’apporte plus d’enthousiasme.</p> | |||
<p>Besoin d’un changement de <a href="https://www.youtube.com/watch?v=fHJNtLuCww4">perspective</a> (vidéo Youtube).</p> | |||
<blockquote> | |||
<p>I’ve been changing my relationship to being online.</p> | |||
<p>[…]</p> | |||
<p>Some of it is <mark>just letting myself wander</mark>, link to link, through people’s personal websites and passion projects, seeing what comes up.</p> | |||
<p><cite><em><a href="https://lucybellwood.com/stumbling/">Stumbling</a></em> (<a href="/david/cache/2021/4121412b765fff38f76943b7bc6391a5/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/07/" title="Lien permanent vers cet article">Ostentatoire</a> (2021-02-07)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’économiste Thorstein Veblen a qualifié de « consommation ostentatoire » le mode de consommation des plus riches, la « classe de loisir ». <mark>N’ayant plus de besoins à assouvir, ceux-ci se livrent à des achats dont le seul but est de conforter leur place sociale et de se singulariser.</mark> On est très loin, en matière de loisir, de la pratique de l’<em>otium</em> de l’Antiquité — par opposition au <em>negotium</em> de la vie active, du commerce et des affaires : un temps de solitude et de retraite envisagé comme le fondement de la sagesse. Un temps de respiration cultivé, de création intellectuelle, préservé des scories du quotidien. Soit tout l’inverse d’un passe-temps lié à l’argent qui consisterait à épater son voisin par de nouvelles acquisitions matérielles.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Retomber sur ce passage le jour où je me décide à acquérir du matériel vidéo après <a href="/david/2020/12/01/#apprendre">plusieurs mois</a> d’<a href="/david/2021/01/11/" title="Marche ou trêve">hésitation</a> est un bon rappel de ma classe sociale… et de mon incapacité à y échapper (coucou Bourdieu).</p> | |||
</details> | |||
<h2><a href="/david/2021/02/12/" title="Lien permanent vers cet article">Beauté</a> (2021-02-12)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je m’interroge sur la pertinence de persévérer dans le combat politique quand certains jours tout me crie de faire sécession, de cultiver le lieu et l’instant. À l’instar de l’orchestre du <em>Titanic</em> qui continue de jouer, digne et vertical jusqu’au naufrage, pendant que les autres passagers s’entretuent pour se sauver, quelle est la meilleure manière, la plus adaptée, <mark>d’ajouter de la poésie au monde</mark>, de défendre la beauté dans une société en train de couler ?</p> | |||
<p><cite><em><a href="/david/2020/12/21/#plutot-couler-en-beaute-que-flotter-sans-grace">Plutôt couler en beauté que flotter sans grâce</a></em>, Corinne Morel Darleux</cite></p> | |||
</blockquote> | |||
<p>Maladroite tentative de justifier le fait <a href="/david/2021/02/07/" title="Ostentatoire">d’avoir cédé</a>. Je ne sais pas ce qui me pousse à vouloir avoir les moyens de produire des <a href="/david/2021/01/19/" title="Chaîne de capture">images</a> d’une telle qualité technique, peut-être la médiocre estime de ce que je suis. Lorsqu’on commence à se connaître, difficile de se cacher ses propres travers…</p> | |||
<p>J’explore aussi la piste d’une certaine forme d’héritage. Avoir connu la neige à Montréal sera peut-être une chose à montrer, à transmettre dans quelques années. Peut-être qu’il y aura une symbolique d’espoir dans ces quelques images, la promesse d’un futur qui pourrait se rééquilibrer. L’histoire d’un passé que l’on ne voudra pas reproduire. Les jeunes y croiront, les vieux souriront.</p> | |||
<p>J’ai au moins eu la décence d’acquérir tout cela de seconde main.</p> | |||
<blockquote> | |||
<p>Pour moi, il ne suffit pas de savoir que, puisque nous ne sommes pas libres de nos actes, tout est excusable. <mark>Ce que je cherche, ce n’est pas une excuse à ma vie mais exactement le contraire</mark> d’une excuse : le pardon. L’idée me vient finalement que toute consolation ne prenant pas en compte ma liberté est trompeuse, qu’elle n’est que l’image réfléchie de mon désespoir. En effet, lorsque mon désespoir me dit : Perds confiance, car chaque jour n’est qu’une trêve entre deux nuits, la fausse consolation me crie : Espère, car chaque nuit n’est qu’une trêve entre deux jours.</p> | |||
<p><cite><em>Notre besoin de consolation est impossible à rassasier</em>, Stig Dagerman</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/16/" title="Lien permanent vers cet article">Éponge</a> (2021-02-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Papa, tu as toute la vie pour apprendre !</p> | |||
</blockquote> | |||
<p>C’est toujours surprenant de retrouver ses propres mots.</p> | |||
<p>J’aime ce moment de l’apprentissage où des pans entiers de technique et de savoir-faire s’ouvrent à moi. Je ne cesse de découvrir de nouvelles choses à faire autour de la vidéo, il y a une complexité délirante au cours de toute la <a href="/david/2021/01/19/" title="Chaîne de capture">chaîne de capture</a> mais aussi de montage. L’avantage du domaine, c’est qu’il existe beaucoup de… <a href="https://www.youtube.com/watch?v=wX9KGRHaMEY">vidéos</a> pour apprendre à faire des vidéos !</p> | |||
<p>C’est une absorption à double-tranchant, trop importante et j’explose, trop faible et je ressens un manque.</p> | |||
<p>Lecture inspirante du jour :</p> | |||
<blockquote lang="en"> | |||
<p>In the spirit of “this might be useful to someone else” but also, more so, with the goal of putting some low level peer-pressure on myself, I thought I’d share how I’m trying to structure 2021. Because I like alliterations and repeating things, but also simply because of our calendar, I call it the <mark>Four fours</mark>. Or 4x4x4x4.</p> | |||
<ul> | |||
<li>Four solid hours of knowledge work a day.</li> | |||
<li>Four work days a week.</li> | |||
<li>Four things delivered each week.</li> | |||
<li>Four projects a year.</li> | |||
</ul> | |||
<p><cite><em><a href="https://sentiers.media/four-fours/">Four fours</a></em> (<a href="/david/cache/2021/75dddb3b875088c9e1908a83687e7725/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/02/23/" title="Lien permanent vers cet article">Montage</a> (2021-02-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Deuxième soirée à essayer d’assembler des morceaux de vidéos tous plus instables et flous les uns que les autres. J’aurais <em>beaucoup</em> appris pendant cette sortie. Je voulais voir ce que ça donnait du format <code>V-LogL</code> en qualité 10 bits (4:2:2 disent les pros), et bien c’est puissant en post-production lorsqu’on maîtrise ses outils mais lorsqu’on n’arrive pas à avoir le bon contenu dans le cadre ça ne sert pas à grand chose… Une telle qualité d’image pour un si piètre résultat c’est assez rageant.</p> | |||
<p>Les pistes d’améliorations :</p> | |||
<ol> | |||
<li>Plus jamais <em>jamais</em> <strong>jamais</strong> d’auto-focus.</li> | |||
<li>Apprendre à me servir du matériel existant <em>avant</em> de me retrouver dans des conditions qui ne me permettent pas de prendre le temps.</li> | |||
<li>Investir dans un écran externe car sur l’écran d’un DSLR on n’y voit rien, surtout s’il faut faire du focus manuel, si possible avec une capacité d’enregistrement afin de faire d’une pierre deux coups.</li> | |||
<li>Envisager un rail et/ou une tête de trépied permettant de faire des <em>travelling</em>/panoramas décents, j’aurais pu tenter des choses avec le traineau mais je manquais de temps…</li> | |||
<li>Trouver un moyen de limiter l’enregistrement lors du retour pour aller chercher la caméra, mine de rien ça me prend la moitié de l’espace de stockage pour rien !</li> | |||
<li>Abandonner tout ce qui est pris à main levée, surtout lorsqu’il faut faire des grands pas dans la neige, je n’ai pas envie de me trimbaler avec une <em>gimbal</em> (et encore moins un drone).</li> | |||
<li>Prendre le temps de maîtriser le logiciel <em>avant</em> d’enregistrer en qualité extrême, de toute façon ça ne m’apporte que des frustrations en post-production.</li> | |||
<li>Ne plus développer la couleur le soir alors que j’ai f.lux d’activé, j’ai lutté contre les <abbr title="Look Up Table">LUTs</abbr> de manière assez risible…</li> | |||
<li>Rester léger — dans tous les sens du terme — malgré tout (oui ça vient contredire tout ce qui précède).</li> | |||
</ol> | |||
<p>Note : la partie montage me donne toujours mal à la tête (littéralement), je n’arrive pas à savoir si c’est le niveau de concentration requis ou le focus à répétition sur les couleurs/l’exposition. Il faut que je tente un montage itératif par petites séquences.</p> | |||
</details> | |||
<h2><a href="/david/2021/02/24/" title="Lien permanent vers cet article">Précipitation</a> (2021-02-24)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Après beaucoup d’hésitations à le publier, voici finalement le résultat de ces <a href="/david/2021/02/21/" title="Jour 1">deux</a> <a href="/david/2021/02/22/" title="Jour 2">jours</a> dans la forêt. Le <a href="/david/2021/02/23/" title="Montage">montage</a> n’aura pas été facile mais à force de tâtonner j’ai l’impression de trouver aussi ce que j’ai envie de partager et la façon dont j’ai envie de le faire. Cette exploration sera manifestement assez longue et ça n’est pas pour me <a href="/david/2021/02/16/" title="Éponge">déplaire</a>, j’espère ne pas vous faire endurer des images trop douloureuses d’ici là 😅.</p> | |||
<p>La vidéo sur Vimeo : <a href="https://vimeo.com/516515235/45826baa92">Précipitation</a> (il faudra que je tente un <a href="https://github.com/luwes/lite-vimeo-embed">lite embed</a> à un moment).</p> | |||
</details> | |||
<h2><a href="/david/2021/02/25/" title="Lien permanent vers cet article">Stabilisation</a> (2021-02-25)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Hâtez-vous lentement, et sans perdre courage, vingt fois sur le métier stabilisez votre ouvrage.</p> | |||
<p><cite>Nicolas Boileau fait des vidéos</cite></p> | |||
</blockquote> | |||
<p>Suite à mes <a href="/david/2021/02/24/" title="Précipitation">récents déboires</a>, j’ai décidé de m’entrainer dans mon jardin (le parc à 250 mètres de chez moi). Je constate qu’en captant des vidéos à 60 images par seconde puis en réduisant la vitesse en post-production à 24, cela me permet d’avoir un mouvement plus rapide et donc plus fluide. C’est une astuce connue mais je voulais vérifier les effets de bord, je vois deux inconvénients :</p> | |||
<ol> | |||
<li>Devoir penser à définir une vitesse d’obturateur de ~1/120 sec (contre ~1/48 sec à 24 images/sec) pour avoir des mouvements plus réalistes.</li> | |||
<li>Perdre le son, ça n’est pas critique pour un panoramique par exemple mais c’est à garder en mémoire selon la situation, avoir un capteur externe pourrait être pertinent mais la synchro sera de toute façon un problème.</li> | |||
</ol> | |||
<p>Aussi, pour cet exercice j’ai ajouté deux poignées et collé le boitier à mon corps afin d’augmenter la stabilité. En ajoutant encore un peu de poids, je pourrais probablement gagner encore un peu.</p> | |||
<p>C’était aussi l’occasion de tester un nouvel objectif grand angle totalement manuel, dédié à la captation cinématographique. Cette focale (~17 mm) semble me convenir pour ce type de prise de vue.</p> | |||
<p>Le résultat sur Vimeo : <a href="https://vimeo.com/516981493/bd0c3a6e23">Stabilisation</a>. Je vais essayer de publier mes entraînements sans prétention, ça me force à fluidifier ma chaîne de traitement.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/08/" title="Lien permanent vers cet article">Vie</a> (2021-03-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>After more than six months of filming and countless tweaks, van IJken was able to shrink what would take around four weeks in nature down to just six minutes of <mark>otherworldly beauty</mark>.</p> | |||
<p><cite><em><a href="https://www.nationalgeographic.com/animals/article/time-lapse-film-shows-salamander-development">Incredible time-lapse shows a single cell transforming into a salamander</a></em> (<a href="/david/cache/2021/cd6592ceefc88cec80f8642f25a85f8f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On a beau envoyer la persévérance sur Mars et s’extasier sur des images désertiques uniquement peuplées de robots, la beauté de la vie est bien sur Terre.</p> | |||
<blockquote> | |||
<p>Vouloir attribuer des règles à la création, cela revient à essayer de séparer l’esprit du corps.</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> IV. L’Empereur-Dieu de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/21/" title="Lien permanent vers cet article">Gimbal</a> (2021-03-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai finalement opté pour une <em>gimbal</em> (rotule fluide ? cardan ?) car malgré mes <a href="/david/2021/02/25/" title="Stabilisation">exercices</a> je n’arrivais pas à stabiliser suffisamment mes prises de vues. En plus de la stabilisation, je vois plusieurs avantages :</p> | |||
<ol> | |||
<li>pouvoir lui demander de me suivre : pour l’instant je m’en tiens à du recadrage dynamique en post-production mais ça laisse relativement peu de possibilités ;</li> | |||
<li>pouvoir me passer d’un rail pour faire des <em>travellings</em> ou d’une rotule dédiée pour faire des vues panoramiques ;</li> | |||
<li>pouvoir faire des prises de vues avec des angles différents (plus proches/éloignées du sol par exemple) ;</li> | |||
<li>pouvoir faire des <em>timelapses</em> dynamiques (tout un domaine à explorer) ;</li> | |||
<li>pouvoir me servir de mon téléphone indispensable comme d’un écran externe : c’est quand même bien plus simple pour se filmer en étant seul !</li> | |||
</ol> | |||
<p>Je suis allé m’entraîner dans mon jardin et je suis assez <a href="https://vimeo.com/527081070/c9d78e439c">satisfait du résultat</a>, surtout compte-tenu des conditions de déplacement assez difficiles (neige molle/fondante). Il me reste beaucoup à pratiquer pour me familiariser avec la bête mais les premiers tests sont concluants. Joie.</p> | |||
</details> | |||
<h2><a href="/david/2021/03/27/" title="Lien permanent vers cet article">Immersion</a> (2021-03-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai un micro fabuleux depuis Noël (merci !) mais je n’avais encore jamais pensé à m’en servir en combinaison avec une paire de jumelles. C’est à mi-chemin entre la réalité virtuelle et les capacités de super-héros. Je m’explique.</p> | |||
<p>En reliant le micro à un casque, j’arrive à percevoir des sons bien au-delà de ma portée actuelle, c’est limite choquant d’arriver à écouter distinctement une conversation qui est à plusieurs dizaines de mètres. Si j’ajoute des jumelles, j’ai l’impression d’être à côté de l’oiseau en observation et d’entendre chacun de ses mouvements. Au printemps, c’est fabuleux.</p> | |||
<p>Je vais essayer de vous partager le son, j’aimerais bien le combiner à une <em>timelapse</em> que j’espère faire dans la semaine. Il faut vraiment que je m’entraine, la dernière tentative j’étais resté en mode vidéo et ça m’a fait 300 vidéos d’une seconde… qui en plus était en cours de mouvement par la <em>gimbal</em>. #n00b</p> | |||
<p>Mise à jour : la combinaison des deux s’intitule <a href="https://vimeo.com/531066432/da724b9b29">Timelapson</a>, il faut que je trouve comment rendre le son plus net en enlevant la fréquence de la voie rapide dans le fond.</p> | |||
<p><em>Écouté depuis : <a href="https://ici.radio-canada.ca/recit-numerique/2193/son-immersif-vanuatu-trois-dimensions">Le Vanuatu en son 3D</a>, merci <a href="http://shl.huld.re/~f6k/log/vol11/19-vanuatu.html">f6k</a> (<a href="/david/cache/2021/5243221f38525040d87e7407b08e1ff5/">cache</a>) !</em></p> | |||
</details> | |||
<h2><a href="/david/2021/03/30/" title="Lien permanent vers cet article">Timelapse</a> (2021-03-30)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>J’ai enfin pris le temps d’aller me geler deux heures un soir pour faire une vidéo de 20 secondes. C’est le principe de la… <em>timelapse</em> ! Et le pire, c’est que vous n’êtes jamais sûr·e d’y aller un soir où le ciel va être conciliant. Apprentissages de la patience et de la contemplation nous voilà :-). Normalement vous avez déjà <a href="https://vimeo.com/531066432/da724b9b29">vu le résultat</a> car j’ai mis des sons d’oiseaux par-dessus qui avaient été <a href="/david/2021/03/27/" title="Immersion">précédemment captés</a>.</p> | |||
<p>J’ai choisi de faire une photo toute les 10 secondes et de laisser l’appareil en automatique, ce que je ne fais jamais mais je ne savais pas comment m’adapter au cours de la prise de vue sans faire des paliers et/ou tout faire bouger… 500 photos (et 10 Go) plus tard, j’ai décidé que ça suffisait et en fait c’était limite pour en faire une vidéo à part entière. Mais bon je suis toujours dans l’exercice et je me force à publier mes erreurs aussi… #thérapie</p> | |||
<p>Je n’ai pas encore tenté d’animer la prise en combinant avec la <a href="/david/2021/03/21/" title="Gimbal">gimbal</a> mais je vois déjà que ça me prend une bonne partie d’une batterie aussi ça m’inquiète pour des situations où j’ai des contraintes fortes à ce niveau. Au passage, je me demande comment font celleux qui réalisent des <em>timelapses</em> d’aurores boréales, il doit falloir un générateur à côté de l’appareil 😅.</p> | |||
<p>Un truc que je n’avais pas anticipé, c’est que je peux récupérer parmi toutes les prises de vues celles que j’ai envie de garder sous forme de photos. J’en ai gardé 3 pour l’occasion :</p> | |||
<figure> | |||
<a href="#timelapse1" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse1"> | |||
<img src="/static/david/2021/timelapse1.jpg" alt="Coucher de soleil 1" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Coucou les bernaches, merci de nous annoncer le printemps <3.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#timelapse2" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse2"> | |||
<img src="/static/david/2021/timelapse2.jpg" alt="Coucher de soleil 2" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Le ciel, aussi rouge que le bout de mon nez.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#timelapse3" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="timelapse3"> | |||
<img src="/static/david/2021/timelapse3.jpg" alt="Coucher de soleil 3" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Le ciel s’éteint et la rivière s’illumine.</figcaption> | |||
</figure> | |||
<hr /> | |||
<p>En revenant à la maison, de nuit :</p> | |||
<blockquote> | |||
<p>— Je pensais que tu nous avais abandonnés. Parce que je fais trop de bruit.</p> | |||
</blockquote> | |||
<p>Il va falloir encaisser ça et travailler cette insécurité, à la fois pour le fils… et le père !</p> | |||
</details> | |||
<h2><a href="/david/2021/04/19/" title="Lien permanent vers cet article">Conversions</a> (2021-04-19)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>Lorsque je capte les vidéos lors d’une sortie en forêt, je sélectionne le format <code>MOV</code> en <code>C4K/10bit/150M/24p</code> ce qui signifie une résolution de 4096x2160 pixels à 23,98 images par seconde (150 Mpbs de bit rate) en <code>4:2:2/10 bit</code> avec compression <code>Long GOP</code>. Beaucoup de jargon pour dire que j’essaye de capter l’une des meilleures qualités proposées par le capteur. Je pourrais aller encore plus haut mais ça me consommerait 400 Mo par seconde sur la carte et pour une carte de 128 Go je passe de 1 h 48 min de captation disponible à seulement 41 min en choisissant ce format.</p> | |||
<p>Lors de ma ballade, je suis revenu avec 1 h 45 min de prises de vue pour un total de 124 Go. Or, je suis obligé de les convertir en un format moins compressé pour pouvoir procéder au montage avec DaVinci Resolve, j’utilise la commande suivante pour les convertir en <code>ProRes</code> :</p> | |||
<pre><code>for f in *.MOV; do ffmpeg -i "$f" -c:v prores -profile:v 3 -c:a pcm_s16le "../prores/${f%.*}.mov"; done | |||
</code></pre> | |||
<p>Cela signifie que je prends tous les fichiers avec l’extension <code>.MOV</code> dans le répertoire en cours et que je les convertis dans un dossier <code>prores</code> un cran plus haut en gardant le nom du fichier. Cette opération m’a pris 3 h 30 min avec 4 cœurs i7 à 2,3 GHz : le résultat de la conversion fait l’astronomique 903 Go !</p> | |||
<p>Autant dire que j’ai dû faire ça sur un disque externe, ce qui me contraint une fois dans DaVinci Resolve à utiliser des média sous forme de proxy (cache local) qui sont en moindre qualité mais qui font en sorte que l’ordinateur ne souffle (ni souffre) pas trop pendant le montage. Ça aussi, ça prend un temps/CPU non négligeable…</p> | |||
<p>Tout ça pour dire qu’<em>avant même</em> d’agencer deux morceaux de vidéos j’ai déjà consommé une énergie assez considérable. Le plus frustrant étant que Vimeo me fasse parfois une bouillie de pixels, quand ça n’est pas juste à l’export car je ne maîtrise pas encore très bien ce qu’il se passe dans cette boîte noire.</p> | |||
<p>Bon, au moins j’apprends des trucs 🤷.</p> | |||
</details> | |||
<h2><a href="/david/2021/04/21/" title="Lien permanent vers cet article">Montage</a> (2021-04-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When our goals are aligned with those that we serve, we have a rare chance to maximize both. It’s worth seeking out. We’re not unsponsored. We’re sponsored by the very people we’re engaging with.</p> | |||
<p><cite><em><a href="https://seths.blog/2021/04/unsponsored/">Unsponsored</a></em> (<a href="/david/cache/2021/db38e76455afa8d2f98210241fe91a2a/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Deuxième soirée de montage consécutive, en tout je dois en être à 10 heures sans compter les temps d’exports intermédiaires pour vérifier la cohérence (chacun me prend 1 h 30 min pour ~25 min de film). J’essaye de soigner la colorimétrie (challenge météo) et le son (challenge frottements), j’apprends plein de choses et c’est chouette. À chaque nouveau montage, j’ai envie de refaire tous les précédents, ce qui me montre à quel point j’ai la sensation de progresser !</p> | |||
<p>Je sens aussi le potentiel d’amélioration derrière les prises de vues et chaque étape du montage. Je pense que ça va pouvoir m’occuper pendant encore un bon moment. Je me demande combien de personnes vont être suffisamment motivées pour aller jusqu’au bout :D</p> | |||
<p>Ces étapes me font d’autant plus apprécier le travail hebdomadaire (quand c’est pas quotidien !) des autres personnes produisant des vidéos. Le corollaire est que je ne peux plus regarder une vidéo sans faire attention à tous ces détails…</p> | |||
</details> | |||
<h2><a href="/david/2021/04/23/" title="Lien permanent vers cet article">Contemplation</a> (2021-04-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Chaque kilomètre qui m’éloigne de Montréal est un pas de plus dans un pèlerinage vers la seule cathédrale qui m’inspire la foi, une profonde forêt qui abrite toutes mes confessions.</p> | |||
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p> | |||
</blockquote> | |||
<p>Finalement, le <a href="/david/2021/04/20/" title="Remote">montage</a> aura pris plus de 15 heures au total. Et je ne parle même pas du temps des <a href="/david/2021/04/19/" title="Conversions">conversions</a> en tout genre. Le tout avec une machine qui a moins d’un an et qui semble déjà être obsolète dans les standards actuels de production de vidéos.</p> | |||
<p>J’avais envisagé, suite aux <a href="https://mastodon.social/@dav/106087917305254369">résultats pas si départagés</a>, de produire deux versions très différentes à partir des mêmes sources mais je crois que cette première mouture (la plus longue et donc la plus facile) a épuisé mon enthousiasme pour un petit moment.</p> | |||
<p>Néanmoins, je suis bien content d’avoir appris autant de choses pendant la captation au cours <a href="/david/2021/04/16/" title="Jour 1">des</a> <a href="/david/2021/04/17/" title="Jour 2">trois</a> <a href="/david/2021/04/18/" title="Jour 3">jours</a> mais aussi dans l’étape de montage et je commence à toucher un style qui me plait bien. Une forme d’immersion lente et silencieuse qui m’a fait regretter de ne pas avoir pris un micro décent. Partager ma propre écoute du monde et de ses chemins de traverse. Une approche que j’espère peu colonialiste.</p> | |||
<p>J’ai pas mal d’idées pour la suite et en attendant, <a href="https://vimeo.com/540447287/323e810be3">voici la vidéo</a> de 22 min 30 sec produite lors de cette sortie. Je vous invite à mettre un casque… et à aller aux toilettes avant :-).</p> | |||
</details> | |||
<h2><a href="/david/2021/05/08/" title="Lien permanent vers cet article">Étoiles</a> (2021-05-08)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The 500 rule is used to measure the <mark>maximum exposure time</mark> you can shoot before the stars become blurry or before star trails appear. Setting the shutter speed for longer than allowed by this rule will result in images that do not have sharp stars.</p> | |||
<p><cite><em><a href="https://astrobackyard.com/the-500-rule/">Use the 500 Rule for Astrophotography</a></em> (<a href="/david/cache/2021/f04788683f65047073081e87834a42f8/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je voulais « juste » mettre une bande son cacophonique sur des photos d’étoiles apaisantes. Et puis je me suis rappelé que j’avais fait aussi des <em>timelapses</em>, du coup j’en ai profité pour faire une <a href="https://vimeo.com/547124830/afd00f4a69">petite vidéo</a> de 2 min 30 sec. Je garde quand même les photos accessibles ici car j’ai peur du rendu une fois la vidéo compressée par la plateforme que j’utilise pour les héberger.</p> | |||
<p>À un moment, il faudra que je m’en libère.</p> | |||
<hr /> | |||
<figure> | |||
<a href="#etoiles-nuages" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/etoiles-nuages.jpg" alt="Ciel étoilé (1)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="etoiles-nuages"> | |||
<img src="/static/david/2021/etoiles-nuages.jpg" alt="Ciel étoilé (1)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>Les étoiles commencent à apparaître, j’aime les rendu des nuages.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#etoiles-nuages-ensuite" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/etoiles-nuages-ensuite.jpg" alt="Ciel étoilé (2)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="etoiles-nuages-ensuite"> | |||
<img src="/static/david/2021/etoiles-nuages-ensuite.jpg" alt="Ciel étoilé (2)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>La silhouette des arbres est encore visible, c’est probablement le meilleur moment.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#etoiles-reflets" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/etoiles-reflets.jpg" alt="Ciel étoilé (3)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="etoiles-reflets"> | |||
<img src="/static/david/2021/etoiles-reflets.jpg" alt="Ciel étoilé (3)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>J’apprécie d’avoir réussi à capter quelques reflets dans le lac.</figcaption> | |||
</figure> | |||
<figure> | |||
<a href="#etoiles-reflets-presque-noir" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/etoiles-reflets-presque-noir.jpg" alt="Ciel étoilé (4)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="etoiles-reflets-presque-noir"> | |||
<img src="/static/david/2021/etoiles-reflets-presque-noir.jpg" alt="Ciel étoilé (4)" | |||
loading="lazy" width="1600" height="1200" /> | |||
</a> | |||
<figcaption>J’avais l’impression de voir moins d’étoiles que ce qu’il y a sur la photo !</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/07/27/" title="Lien permanent vers cet article">Évasion</a> (2021-07-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p><a href="/david/2021/07/19/" title="Jour 1">Deux</a> <a href="/david/2021/07/20/" title="Jour 2">jours</a> pour me libérer de la prison de mes pensées et prendre soin de ma santé mentale. Quelques instants d’écoute dynamique de la forêt et de mes aspirations. Une tentative maladroite de partager ce sentiment de calme intérieur.</p> | |||
<p>J’aurais pu soigner encore davantage le son, effacer ces gouttes d’eau sur l’objectif, faire des transitions exotiques, rythmer encore davantage. Et j’apprécie que cela reste un travail amateur, satisfaisant dans ses imperfections et ses approximations. Le <a href="/david/2021/07/25/" title="Dé·mont(r)age">montage</a> a encore été la source de nombreux questionnements, c’est à la fois la partie la plus difficile et peut-être la plus intéressante du point de vue introspectif. J’essaye de me fixer la règle de ne pas prendre plus de temps à produire la vidéo que ce que m’a pris la sortie en question !</p> | |||
<p>La vidéo : <a href="https://vimeo.com/580086949/0833bc929c">Évasion</a> (23 minutes). Normalement, j’ai fait attention à ne pas vous faire mal aux oreilles, même lorsqu’un hydravion me passe au-dessus de la tête… je ne pouvais pas manquer un si gros oiseau.</p> | |||
<blockquote> | |||
<p>Beaucoup de choses que nous faisons tout naturellement nous deviennent difficiles dès l’instant où nous cherchons à les intellectualiser. Il arrive qu’à force d’accumuler les connaissances sur un sujet donné, nous devenions ignares.</p> | |||
<p><cite><em>Texte mentat n°2 (dicto)</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/09/14/" title="Lien permanent vers cet article">Lutte</a> (2021-09-14)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>“From an Indigenous perspective, when we are confronting the climate crisis we are inherently confronting the systems of colonization and white supremacy as well,” Goldtooth said. “In order to do that, you have to reevaluate how you relate to the world around you and define what your obligations are to the world around you. It’s more than just stopping fracking development and pipelines and it’s more than just developing clean energy, it’s about actually fundamentally changing how we see the world itself.”</p> | |||
<p>[…]</p> | |||
<p>“When you take a step back and look at the work that Indigenous peoples have put in over the years and decades, <mark>it really goes to show that we collectively are making a tremendous impact for the benefit of this planet</mark>,” Goldtooth told Grist.</p> | |||
<p>“It backs up what we’ve constantly been saying,” he added, “recognizing Indigenous Rights protects the water, protects the land, and protects our futures.”</p> | |||
<p><cite><em><a href="https://grist.org/protest/indigenous-resistance-has-cut-u-s-and-canadas-annual-emissions/">Indigenous resistance has cut U.S. and Canada’s annual emissions</a></em> (<a href="/david/cache/2021/37c5b14ca3ae3079847fecc90deeddc0/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Au-delà des chiffres, il y a ce constat à la lecture du <a href="https://www.ienearth.org/wp-content/uploads/2021/09/Indigenous-Resistance-Against-Carbon-2021.pdf">rapport</a> (PDF, 4 Mo, <a href="/static/david/2021/Indigenous-Resistance-Against-Carbon-2021.pdf">cache</a>) que (seule ?) la lutte fonctionne. Merci aux personnes qui <em>sont</em> cette lutte, qui incarnent la résistance dont nous avons besoin pour survivre.</p> | |||
<p>Imaginez un peu si la <a href="/david/2021/09/13/" title="Démission">grande démission</a> se transformait en grande action collective… on pourrait appeler ça le Grand Matin pour changer un peu.</p> | |||
<hr /> | |||
<p>Une vidéo du dernier <a href="https://peertube.fedi.quebec/w/44341428-aef7-458e-8309-779e83aa851f">Grand Solstice</a>.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |
@@ -0,0 +1,713 @@ | |||
<!doctype html><!-- This is a valid HTML5 document. --> | |||
<!-- Screen readers, SEO, extensions and so on. --> | |||
<html lang="fr"> | |||
<!-- Has to be within the first 1024 bytes, hence before the `title` element | |||
See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset --> | |||
<meta charset="utf-8"> | |||
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 --> | |||
<!-- The viewport meta is quite crowded and we are responsible for that. | |||
See: https://codepen.io/tigt/post/meta-viewport-for-2015 --> | |||
<meta name="viewport" content="width=device-width,initial-scale=1"> | |||
<!-- Required to make a valid HTML5 document. --> | |||
<title>Tag #web — David Larlet</title> | |||
<meta name="description" content="Publications relatives au tag #web"> | |||
<!-- That good ol' feed, subscribe :). --> | |||
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/"> | |||
<!-- Generated from https://realfavicongenerator.net/ such a mess. --> | |||
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png"> | |||
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png"> | |||
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png"> | |||
<link rel="manifest" href="/static/david/icons2/site.webmanifest"> | |||
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c"> | |||
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico"> | |||
<meta name="msapplication-TileColor" content="#f7f7f7"> | |||
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml"> | |||
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)"> | |||
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)"> | |||
<!-- Documented, feel free to shoot an email. --> | |||
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css"> | |||
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. --> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin> | |||
<script> | |||
function toggleTheme(themeName) { | |||
document.documentElement.classList.toggle( | |||
'forced-dark', | |||
themeName === 'dark' | |||
) | |||
document.documentElement.classList.toggle( | |||
'forced-light', | |||
themeName === 'light' | |||
) | |||
} | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme !== 'undefined') { | |||
toggleTheme(selectedTheme) | |||
} | |||
</script> | |||
<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all"> | |||
<header> | |||
<h1>Publications relatives au tag #web</h1> | |||
</header> | |||
<nav> | |||
<p class="center"> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> | |||
• <a rel="tags" href="/david/#tags" title="Liste de toutes les étiquettes"><svg class="icon icon-tags"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-tags"></use> | |||
</svg> Étiquettes</a> | |||
</p> | |||
</nav> | |||
<hr> | |||
<main> | |||
<p>Liste des publications en ordre chronologique :</p> | |||
<h2><a href="/david/2021/01/04/" title="Lien permanent vers cet article">Webing-lists</a> (2021-01-04)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p><mark>Newsletters killed blogs</mark> because…</p> | |||
<ol> | |||
<li>They’re impossibly easy to publish.</li> | |||
<li>Your inbox is a notification stream.</li> | |||
<li>Writers can actually, ya know, get paid.</li> | |||
</ol> | |||
<p>Alternatively, websites today…</p> | |||
<ol> | |||
<li>Are difficult to make.</li> | |||
<li>Can’t notify people of new work.</li> | |||
<li>Aren’t able to pay writers easily.</li> | |||
</ol> | |||
<p><cite><em><a href="https://www.robinrendle.com/essays/newsletters">Newsletters</a></em> (<a href="/david/cache/2021/99c13c692ec7f2217311fdea482e8792/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il y a de petites graines dans ces réflexions. Ce qui est ironique c’est que les raisons évoquées sont d’ordre technique alors que techniquement elles ont été — plus ou moins bien — résolues. <strong>C’est l’usage qu’il manque.</strong> Et l’effet de mode (les deux étant liés de toute façon). Dans une liste de diffusion, il y a justement… la liste qui donne une métrique permettant à l’auteur·ice d’avoir un semblant de contrôle sur qui lit. Avec un <a href="/david/blog/2019/flux-rss/">flux RSS</a>, il est de plus en plus difficile de savoir qui lie<sup>*</sup> tellement tout cela se passe dans les boîtes noires que deviennent les réseaux sociaux.</p> | |||
<p>* on a là une différence importante également, l’impossibilité de lier vers un contenu qui a été envoyé par courriel, les listes de diffusion ne disposant pas toutes d’archives web.</p> | |||
<p>Aussi, mon navigateur est équipé d’extensions me permettant de bloquer l’enregistrement des mes actions relatives à une page. Ce n’est pas le cas de mon client email. C’est la <a href="/david/2020/02/07/#newsletters">raison pour laquelle</a> je me désabonne de beaucoup de listes de diffusion qui contiennent des liens destinés à me tracer. J’aimerais pouvoir dire à une personne que je l’ai lue et écoutée sans alimenter pour autant une usine à collecte de données personnelles. C’est peut-être là que réside l’innovation…</p> | |||
<p>Karl en parle aussi, le lendemain (des bienfaits d’une publication décalée 🙂) :</p> | |||
<blockquote> | |||
<p>L’email est un système de push et cela change beaucoup de choses. <mark>Il y a une notion d’intimité qui est importante et qui définit un plus grand contrôle.</mark> La newsletter n’atteint pas potentiellement tout le monde, uniquement ceux qui ont voulu s’inscrire (et potentiellement payer). Créer un site Web intime, c’est à dire gérer le contrôle d’accès est plus difficile.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/01/05/newsletter">cher vous</a></em> (<a href="/david/cache/2021/5f4b0220be54d83f711a78b356c73a68/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/01/17/" title="Lien permanent vers cet article">Finesse</a> (2021-01-17)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Une <strong>espace fine insécable</strong> est un caractère typographique dont l’espace est un peu plus fine que l’espace insécable (une espace que l’on intercale entre deux parties qui ne doivent pas être séparées par un éventuel retour à la ligne automatique). Le code typographique français recommande une espace fine insécable devant les signes de ponctuation doubles sauf deux-points (point-virgule, point d’interrogation, point d’exclamation), et à l’intérieur des guillemets français pour les séparer du texte mis en exergue. Pour les nombres de quatre chiffres, l’espace fine insécable est préférable. On ne sépare pas les chiffres en tranches de trois pour un ordinal ou un numéro.</p> | |||
<p><cite><a href="https://fr.wikipedia.org/wiki/Espace_fine_ins%C3%A9cable">Espace fine insécable</a>, sur Wikipedia</cite></p> | |||
</blockquote> | |||
<p>Il y a depuis peu des espaces insécables <em>fine</em> sur cet espace (en plus des insécables classiques lorsque j’y pensais). C’est un détail mais j’arrive à faire la distinction entre les deux maintenant que j’ai pris conscience de cette différence.</p> | |||
<p><strong>Un petit pas de plus dans ma compréhension de ce domaine.</strong> Limite <em>snob</em> mais j’assume. Le plus difficile étant de faire la part des choses entre les différentes ressources à ce sujet qui ont tendance à se contre-dire (et je ne parle même pas des différences au sein de la francophonie…). Des choix — futiles donc indispensables — à faire, des affirmations à défaire, des raisonnements à refaire. C’est peut-être la définition de mon activité !</p> | |||
<blockquote> | |||
<p>L’hypothèse selon laquelle le fonctionnement d’un système peut être amélioré par une intervention brutale sur ses éléments conscients traduit une <mark>dangereuse ignorance</mark>. Cette attitude fut trop longtemps celle des esprits qui se qualifient des épithètes de « scientifique » et de « technologues ».</p> | |||
<p><cite><em>Le Jihad Butlérien</em>, par Harq al-Ada (<a href="/david/2020/12/21/#dune">Dune</a> III. Les enfants de Dune)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/16/" title="Lien permanent vers cet article">Confort</a> (2021-03-16)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Developers, particularly in Silicon Valley firms, are definitionally wealthy and enfranchised by world-historical standards. Like upper classes of yore, comfort ("DX") comes with courtiers happy to declare how important comfort must surely be. It’s bunk, or at least most of it is.</p> | |||
<p>As frontenders, <mark>our task is to make services that work well for all, not just the wealthy</mark>. If improvements in our tools or our comfort <em>actually</em> deliver improvements in that direction, so much the better. But we must never forget that measurable improvement for <em>users</em> is the yardstick.</p> | |||
<p><cite><em><a href="https://infrequently.org/2021/03/the-performance-inequality-gap/">The Mobile Performance Inequality Gap, 2021</a></em> (<a href="/david/cache/2021/d3a653c926aa97707653300947b65ab5/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Pour résumer, le budget réactualisé de la décence serait de <q>~100KiB (gzipped) of HTML/CSS/fonts and 300-350KiB of JavaScript on the wire (compressed)</q>. Un demi méga-octet transféré et si on a bien fait son travail on espère que ça ne donne pas une expérience trop fastidieuse en-deçà du 75<sup>e</sup> centile.</p> | |||
<p>Je viens de vérifier et on est à 469 Ko sur <a href="https://mesconseilscovid.sante.gouv.fr/">MesConseilsCovid</a>. On a dû faire des choix assez drastiques pour cela : pas de <em>framework</em>, des dépendances limitées, etc. Est-ce que c’est inconfortable pour autant ? Parfois, et dans ces moments je me rappelle que mon « inconfort » est au service de l’accessibilité du produit pour lequel je travaille.</p> | |||
<p>Et j’y accorde davantage d’importance.</p> | |||
<blockquote lang="en"> | |||
<p>Getting there involves no small amount of class traitorship; <mark>the frontend community will need to value the commons over personal comfort</mark> for a little while longer to ease our ecosystem back toward health. The past 6 years of consulting with partner teams has felt like a dark remake of Groundhog Day, with a constant parade of sites failing from the get-go thanks to Framework + Bundler + SPA architectures that are mismatched to the tasks and markets at hand. Time (and chips) can heal these wounds if we only let it. We only need to hold the line on script bloat for a few years for devices and networks to overtake the extreme, unconscionable excesses of the 2010’s.</p> | |||
<p><cite><em>Ibid.</em></cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/22/" title="Lien permanent vers cet article">JavaScript-less</a> (2021-03-22)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>With a few minor omissions and links, you can create a site that <strong>works great in modern browsers with ES6+</strong> <em>and</em> <strong>acceptably in browsers without JavaScript</strong>. This approach is more sustainable for teams without the resources for extensive QA, and more beneficial to users of nonstandard browsers. […]<br /> | |||
The best way to help your IE11 users is <mark>to provide a great experience for your non-JS users</mark> and share that experience with them, instead of sending them an untested and buggy experience that also slows the experience of users with modern browsers.</p> | |||
<p><cite><em><a href="https://blog.carlmjohnson.net/post/2020/time-to-kill-ie11/">Dropping Support For IE11 Is Progressive Enhancement</a></em> (<a href="/david/cache/2021/a9e4daf32281eaee0adaa39e32d28890/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je trouve cette approche particulièrement pertinente, un peu difficile avec une <abbr title="Single Page App">SPA</abbr> sans serveur tout de même. Et encore, il y aurait des choses à expérimenter : on peut potentiellement aller très loin en CSS uniquement avec des <code>:checked</code> par exemple. À voir à quel point est-ce que ça endommage l’accessibilité par ailleurs… les défis techniques hypothétiques sont parfois de fausses bonnes idées pour des usages qui sont eux bien réels.</p> | |||
<p>Les tests utilisateur·ices sont une source intarissable de découvertes impensables. <em>Qu’il faut pourtant panser.</em></p> | |||
</details> | |||
<h2><a href="/david/2021/03/28/" title="Lien permanent vers cet article">Smolstack</a> (2021-03-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>The “smol” net is the “small” net. It’s small because it is build for friends and friends of friends. It doesn’t have to scale to millions of people because those millions should build their own local small nets.</p> | |||
<p><cite><em><a href="https://communitywiki.org/wiki/SmolNet">CommunityWiki: Smol Net</a></em> (<a href="/david/cache/2021/cd910565715dbc18d4b31ad60546a4a3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>On me demandait <a href="/david/2021/03/23/" title="Recrutement">récemment</a> si je me considérais comme étant un développeur <em>fullstack</em>. Avec le recul, cette question m’a permis d’affiner ce que j’entends par ce terme et pourquoi je ne veux pas l’être. Je me suis aussi <a href="/david/blog/2017/web-developer/">replongé</a> dans mes <a href="/david/blog/2016/inclusive-developer/">archives</a> car le sujet n’est pas nouveau mais j’ai besoin de le revisiter régulièrement.</p> | |||
<p>Ce que l’on entend traditionnellement par le terme <em>fullstack</em> me semble aller de l’orchestration de containers (incluant sécurité, disponibilité, redondance, etc.) à l’interface utilisateur·ice et à son expérience que l’on espère la plus pertinente possible (incluant l’accessibilité, les performances, etc.) en passant par le <em>backend</em> et le <em>frontend</em> qui apportent leur lot de connaissances à maîtriser et maintenir à jour. Mais ce n’est pas tant le périmètre en lui-même que l’appétence que l’on peut avoir pour l’ensemble de ce spectre qui est une attente qui <em>m</em>’est irréaliste.</p> | |||
<p>Je vais maintenant essayer de définir ce que j’entends par <em>smolstack</em>, c’est brouillon et je vais probablement avoir besoin de plusieurs itérations :</p> | |||
<ul> | |||
<li>vérifier la pertinence des fonctionnalités avec des tests utilisateur·ices ;</li> | |||
<li>réduire les dépendances au maximum et être guidé par le besoin plus que par la tendance actuelle ;</li> | |||
<li>prendre le temps de faire le ménage à tous les niveaux : nouvelles attentes, évolution de dépendance, retrait de fonctionnalités, etc. ;</li> | |||
<li>faire en sorte que les données soient accessibles au plus grand nombre (je vais avoir besoin de préciser ce point) ;</li> | |||
<li>privilégier le statique tant que c’est possible, il n’y a rien qui soit plus performant et polyvalent ;</li> | |||
<li>arbitrer la <a href="/david/blog/2017/bugs-complexite/">complexité</a> vis-à-vis de l’impact que cela va avoir sur les utilisateur·ices mais aussi la maintenance, la fiabilité et la légèreté du produit ;</li> | |||
<li>documenter les choix techniques ainsi que les joies/échecs associés (journal d’équipe ?) ;</li> | |||
<li>envisager l’essaimage plutôt que le passage à l’échelle.</li> | |||
</ul> | |||
<p>Je vais m’arrêter là pour ce soir, je n’ai pas l’ambition d’en faire un manifeste, ni la prétention d’en faire un terme consacré. Je le vois plus comme une ébauche <a href="/david/2021/03/26/" title="Stimulant">inspirante et vivante</a>. C’est incomplet à dessein. Et ce sera obsolète dès demain.</p> | |||
<p><em>Keep smoling!</em> 😀</p> | |||
<blockquote lang="en"> | |||
<p>That last bit is a bit of a concern as ageism is already strong enough in web development for 30 to be considered old. <mark>The last thing I want is to be labelled a conservative old fogey in an industry dominated by novelty-seeking.</mark> Mostly because it really isn’t accurate. I really <em>do</em> enjoy some of the new developments in the field. So much so that I constantly have to fight the urge to start building projects using the latest bit of shiny.</p> | |||
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/which-kind-of-web-developer-are-you/">Which type of novelty-seeking web developer are you?</a></em> (<a href="/david/cache/2021/809290eb60d9bda55b427919091533f0/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/03/31/" title="Lien permanent vers cet article">Formes</a> (2021-03-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Or rather, as a knowledge base or wiki develops, it should - just like a real city - encourage its users to gravitate towards these different fundamental elements. A page that starts to function a little bit like a road should transform into a slick navigation element, available on all its linked pages. A page which is functioning like a landmark should start being visible from two hops away.</p> | |||
<p>It would be interesting to investigate exactly <mark>what the minimal level of physical appearance is required</mark> to trigger the automatic behaviour of loading/resetting human memory and associations.</p> | |||
<p>Like, following a hyperlink might not activate the neurological automation.</p> | |||
<p><cite><em><a href="https://interconnected.org/home/2021/03/31/maps">Clues for software design in how we sketch maps of cities</a></em> (<a href="/david/cache/2021/4dd972c7ed4d1f01f0d63956763134d1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Donner une forme aux agencement du Web, matérialiser les relations, prendre conscience des changements d’espaces. Combien d’années, décennies, siècles, seront nécessaires pour que notre cerveau s’adapte à ces nouvelles représentations ?</p> | |||
<p><em>Si ce site avait une forme, quelle serait-elle ?</em> Et quelle fonction aurait-il dans un village ? Suis-je en train de crier dans une ruelle que je rêverais d’être un pont ? #ContrePèterie</p> | |||
</details> | |||
<h2><a href="/david/2021/04/06/" title="Lien permanent vers cet article">Antilivre</a> (2021-04-06)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>L’antilivre n’a pas de forme, son impermanence dispose de toutes les formes, il se transforme sans cesse, et son information brute ne connaît aucune fixité, aucune frontière, elle fragmente son essence, distribue le commun, déploie sa liberté au-devant de nos singularités cybernétiques. Son identité fuit l’identique, sa norme la normalité, son extravagance n’image de mouvement qu’au travers de la nécessité de son partage.</p> | |||
<p><cite><em><a href="https://www.antilivre.org/#manifeste">Antilivre</a></em> (<a href="/david/cache/2021/3e96aa14ff8f4e5e4dd4c42eec6fa0df/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Se définir en « anti » n’est-il pas déjà donner une légitimité à l’existant et une faiblesse à la création ?</p> | |||
<p>Il y a (et il y a eu) de très nombreuses initiatives pour tenter de rendre numérique un livre — ou plutôt sa lecture. Or ce besoin de transposition est un non-sujet : le Web est autre chose, incomparable si ce n’est par l’attention — et donc le temps — que l’on peut lui accorder. Il n’y a guère que les maisons d’édition qui tentent de conserver cette dichotomie, le plus souvent pour des enjeux financiers. Libérons les textes. Et les têtes. Pour penser de nouvelles <a href="/david/2021/03/31/" title="Formes">formes</a>.</p> | |||
<hr /> | |||
<p>À l’échelle mondiale, est-ce que davantage de personnes allouent du temps à lire des livres ou des pages web dans une journée ? Dans quelle proportion ?</p> | |||
</details> | |||
<h2><a href="/david/2021/04/09/" title="Lien permanent vers cet article">Maximiser</a> (2021-04-09)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>When we simplify a system of interactions to a certain minimalism, we often trade choices for reductionism. We maximize the simplicity to the point of dumbing everything down. But do we always help? Creativity, emergence of patterns often lie in the hackability of a system. When we reduce the options for someone to use the system in unexpected ways, <mark>we remove the possibility for people to own a craft, a skill</mark>. We make them serve the system, instead of the system serving them.</p> | |||
<p>We should try to create simple interfaces that maximize the possibility for people to create (creative entropy), being empowered, being autonomous.</p> | |||
<p><cite><em><a href="https://www.otsukare.info/2021/03/29/dumb-down-danger">Maximizing Possible Outcomes In Simple Interfaces</a></em> (<a href="/david/cache/2021/8bef65b7167873d697f665dab2fdbb8b/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je me pose beaucoup de questions <del>en ce moment</del> sur ce que l’on essaye de rendre plus efficace et pourquoi. Parfois pour qui. Souvent à quoi bon.</p> | |||
<p>Par exemple : qu’est-ce qui permettrait à chacun·e de publier quelque chose sur le web tout en ayant une part de contrôle sur ce qui est partagé ? Lorsqu’on démêle cette pelote, elle s’avère être très longue. Les connaissances à acquérir — autant sur le fond que sur la forme — sont assez gigantesques et ne cessent de l’être un peu plus chaque année. Et à force de tirer sur ce fil, on (je m’inclus dans ce mouvement) ne se rend pas compte que l’on perd pas mal de personnes qui ont la motivation pour être autonomes mais se cassent de plus en plus les dents au point de vouloir abandonner.</p> | |||
<p>Au point de ne <em>pouvoir</em> continuer.</p> | |||
<p>En rendant le Web inaccessible, sauf pour quelques élu·es, on sera tous perdant·es à moyen terme. Car ça signifie un Web de spécialisation et d’expertise qui nécessite(ra) d’être rémunéré pour être encore en mesure de publier quelque chose.</p> | |||
<p>Cela me rend profondément triste. <strong>Impuissant.</strong></p> | |||
<blockquote> | |||
<p>Je souhaite que rien ne marche, que rien ne fonctionne, que tout soit cassé, qu’il y ait plein de bugs. Je voudrais des designers capables de concevoir des outils compliqués, contre-intuitifs et mal fonctionnant.</p> | |||
<p><mark>Le non fonctionnement est la condition de la pensée critique.</mark></p> | |||
<p><cite><em><a href="http://blog.sens-public.org/marcellovitalirosati/cequipourrait/fonctionnement.html"> Ce qui pourrait être autrement : éloge du non fonctionnement</a></em> (<a href="/david/cache/2021/9de00d1e64540434735417d59f2570fe/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/15/" title="Lien permanent vers cet article">Dark mode</a> (2021-04-15)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Je suis le cas typique du client qui a besoin obligatoirement d’un <em>light mode</em>, sans quoi je n’utilise plus l’application et/ou <mark>je ne consulte plus le site</mark> (c’est déjà arrivé, j’ai désinstallé l’application et fermé l’onglet de mon navigateur). Dans mon cas, le <em>dark mode</em>, contrairement à ce que dit [le document dont parlaient mes collègues], augmente très fortement ma fatigue oculaire. Au bout de trois lignes j’ai la rétine imprimée, des lignes qui flottent devant les yeux, c’est très désagréable.</p> | |||
<p><cite><em><a href="https://nota-bene.org/Dark-mode-et-accessibilite">Dark mode et accessibilité</a></em> (<a href="/david/cache/2021/544ecea9397616a9f4cfcc6fe27afc3d/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>C’est la raison pour laquelle — même après avoir <a href="/david/2020/06/25/#paillasse">cédé à la mode du foncé</a> — je laisse la personne qui consulte cet espace choisir. Utiliser les préférences du système (<code>prefers-color-scheme</code>) me semble être insuffisant. Certain·es préfèrent un thème sombre sans pour autant vouloir lire du clair sur foncé, d’autres ne savent pas comment changer le thème au niveau du système.</p> | |||
<p>Pour les astigmates (au moins certain·es en tout cas), ça semble être problématique tout ce qui est clair sur trop sombre, surtout la nuit. Et je crois que c’est un pourcentage non négligeable des internautes…</p> | |||
<hr /> | |||
<p>Quelques jours plus tard, je tombe sur :</p> | |||
<blockquote lang="en"> | |||
<p>People with astigmatism (approximately <mark>50% of the population</mark>) find it harder to read white text on black than black text on white. Part of this has to do with light levels: with a bright display (white background) the iris closes a bit more, decreasing the effect of the “deformed” lens; with a dark display (black background) the iris opens to receive more light and the deformation of the lens creates a much fuzzier focus at the eye.</p> | |||
<p><cite><em><a href="https://tatham.blog/2008/10/13/why-light-text-on-dark-background-is-a-bad-idea/">Why light text on dark background is a bad idea</a></em> (<a href="/david/cache/2021/9f3a8d345963dac24bef4df547fef72c/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/04/27/" title="Lien permanent vers cet article">Cheminement</a> (2021-04-27)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Quand nous concevons des systèmes informatiques exposant un objet numérique, comme ce carnet Web. Nous représentons une interprétation. Mais ce qui est important n’est pas vraiment ce que j’écris maintenant. Mon interprétation, ma catégorisation n’ont pas tant le besoin d’une expression. Non, <mark>ce qui est époustouflant, c’est le chemin des mots.</mark> Quelqu’un prend un morceau de texte, une idée, et créé une autre interprétation. Autant de chemins que de lecteurs. Autant d’aventures et de passion que de personnes qui écrivent en ayant rencontré ce chemin. L’impermanence est le bouillon des envies des autres de bifurquer le chemin.</p> | |||
<p><cite><em><a href="https://www.la-grange.net/2021/04/17/pluie">regarder la pluie tomber sur les surfeurs</a></em> (<a href="/david/cache/2021/9a8f56d9efefd5fa0bda187c76666403/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Je prends le temps de <em>biforker</em> à mon tour ce chemin de traverse.</p> | |||
<p>C’est marrant car on discutait il y a quelques jours avec <a href="https://nota-bene.org/">Stéphane</a> au sujet de la <a href="https://nota-bene.org/Contribution-au-monde-et-outils">façon de se définir</a> (<a href="/david/cache/2021/1b0510b90c1d90366209c631b7adb0be/">cache</a>) et ça m’a rappelé un de mes <a href="/david/blog/2016/passion-definition/">vieux articles</a> qui était probablement lui-même un rebond. Le plus intrigant étant de devenir parfois son propre rebond. Encore plus méta, se rendre compte que l’on a déjà écrit à ce (méta-)sujet. Un tour de <a href="/david/stream/2018/04/07/">spirale</a> de plus.</p> | |||
</details> | |||
<h2><a href="/david/2021/05/03/" title="Lien permanent vers cet article">Pop culture</a> (2021-05-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In other words: web dev is a pop culture with no regard for history, dooming each successive generation <mark>to repeat the blunders</mark> of the old, in a cycle of garbage software, wrapped in ever-escalating useless animations, transitions, and framework rewrites.</p> | |||
<p><cite><em><a href="https://www.baldurbjarnason.com/2021/100-things-every-web-developer-should-know/">136 facts every web dev should know before they burn out and turn to landscape painting or nude modelling</a></em> (<a href="/david/cache/2021/31c79c53679be6cc384f8610ae821c90/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Il s’agit de l’idée que j’ai retenue parmi les 136 énoncées mais il y en aurait d’autres sur lesquelles rebondir. Je crois que j’aime ces listes, ça me fait penser aux <a href="https://kk.org/thetechnium/68-bits-of-unsolicited-advice/">68</a> (<a href="/david/cache/2021/9f44d4e11b281dd3c1dc88b946b0d257/">cache</a>) + <a href="https://kk.org/thetechnium/99-additional-bits-of-unsolicited-advice/">99</a> (<a href="/david/cache/2021/d8a0172d0dc1fee3e2133a2edd15616e/">cache</a>) de Kevin Kelly.</p> | |||
<p>Peut-être qu’un jour je partagerai ma propre liste. Elle parlerait forcément de chocolat.</p> | |||
<blockquote lang="en"> | |||
<p>Advice like these are not laws. They are like hats. If one doesn’t fit, try another.</p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/05/13/" title="Lien permanent vers cet article">Obsolescence chiffrée</a> (2021-05-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>On September 30, there will be a change in how older browsers and devices trust Let’s Encrypt certificates, resulting in a <mark>minor decrease</mark> in compatibility. -- The Let’s Encrypt team</p> | |||
<p><cite>Un courriel adressé à toutes les personnes ayant généré des certificats Let’s Encrypt (incluant indirectement cet espace)</cite></p> | |||
</blockquote> | |||
<p>C’est un bon rappel que <a href="https://letsencrypt.org/docs/dst-root-ca-x3-expiration-september-2021/">HTTPS crée de l’obsolescence</a> (<a href="/david/cache/2021/372cdbf3dc67c7796673bec4aaeb9f0f/">cache</a>) en ne supportant plus des périphériques plus anciens (au même titre qu’un système d’exploitation par exemple). La durée acceptable semble être de 10 ans dans le cas du compromis qui a été fait. Les personnes détentrices (<a href="https://letsencrypt.org/docs/certificate-compatibility/">entre beaucoup d’autres</a>) d’un iPhone 4 ne pourront plus accéder à cet espace — et des millions d’autres — d’ici la fin de l’année et ça me rend triste.</p> | |||
<p>Voir les <a href="/david/stream/2018/01/06/">épisodes</a> <a href="/david/stream/2018/01/10/">précédents</a> au <a href="/david/stream/2018/01/24/">sujet de HTTPS</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/06/03/" title="Lien permanent vers cet article">Flux lisibles</a> (2021-06-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Use web feeds to <strong>subscribe</strong> to websites and get the <strong>latest content in one place</strong>.</p> | |||
<p><strong>Feeds put you in control.</strong> It’s like subscribing to a podcast, or following a company on Facebook. You don’t need to pay or hand over your email address. You get the latest content without having to visit lots of sites, and without cluttering up your inbox. Had enough? Easy: unsubscribe from the feed.</p> | |||
<p>You just need a special app called a <strong>newsreader</strong>.</p> | |||
<p><cite><em><a href="https://aboutfeeds.com/">What is a feed? (a.k.a. RSS)</a></em> (<a href="/david/cache/2021/0086cb1d562c02cd96f9f2a38e5bcc42/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela faisait un moment que je voulais expérimenter des choses à ce sujet. Et puis j’avais vu passer le rendu des flux de <a href="https://adactio.com/journal/rss">Jeremy Keith</a> ou <a href="https://interconnected.org/home/feed">Matt Webb</a> que je trouvais inspirants mais j’avais l’impression que c’était compliqué à mettre en place. Alors que le travail avait en fait été <a href="https://lepture.com/en/2019/rss-style-with-xsl">pas mal pré-mâché !</a> (<a href="/david/cache/2021/40d98edeb7835abd7f9d4c1917e3ea5c/">cache</a>) Le rendu par défaut dans Firefox ressemblait à ça :</p> | |||
<figure> | |||
<a href="#rendu_flux_defaut" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/rendu_flux_defaut.png" alt="Rendu par défaut d’un flux RSS dans Firefox" | |||
loading="lazy" width="1676" height="1444" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="rendu_flux_defaut"> | |||
<img src="/static/david/2021/rendu_flux_defaut.png" alt="Rendu par défaut d’un flux RSS dans Firefox" | |||
loading="lazy" width="1676" height="1444" /> | |||
</a> | |||
<figcaption>Non seulement c’est pas joli mais surtout c’est incompréhensible aux non-technicien·nes !</figcaption> | |||
</figure> | |||
<p>La feuille <abbr title="Extensible Stylesheet Language">XSL</abbr> de base est commentée et <a href="https://github.com/genmon/aboutfeeds/blob/main/tools/pretty-feed-v3.xsl">disponible ici</a>. L’exercice le plus difficile est d’adapter les valeurs pour que ça corresponde à votre flux, j’ai aussi enlevé la CSS par défaut pour mettre la mienne en ayant l’intuition que ça permettrait de maintenir une certaine cohérence avec la page d’où la personne vient. J’ai aussi fait en sorte d’utiliser la <a href="/david/2021/05/26/" title="Follow">notion de suivi</a> d’un flux/individu.</p> | |||
<p>Mon code <a href="https://git.larlet.fr/davidbgk/larlet-fr-david/src/branch/master/david/log/feed.xsl">ressemble à ça</a> et permet d’obtenir le <a href="/david/log/">rendu suivant</a> :</p> | |||
<figure> | |||
<a href="#rendu_flux_style" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/rendu_flux_style.png" alt="Rendu après transformation de mon flux RSS dans Firefox" | |||
loading="lazy" width="1668" height="1642" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="rendu_flux_style"> | |||
<img src="/static/david/2021/rendu_flux_style.png" alt="Rendu après transformation de mon flux RSS dans Firefox" | |||
loading="lazy" width="1668" height="1642" /> | |||
</a> | |||
<figcaption>Et voilà ! C’est quand même bien plus stylé 😎</figcaption> | |||
</figure> | |||
<p>J’ai une petite frustration que Firefox ne supporte pas la propriété <code>disable-output-escaping="yes"</code> ce qui ne me permet pas d’avoir un rendu HTML satisfaisant lorsqu’on déplie les entrées (le plus frustrant étant que c’est implémenté chez Webkit…). J’imagine que je pourrais changer le format de mon flux pour ne pas avoir à faire cette conversion, par exemple avec du <code>CDATA</code>, à creuser.</p> | |||
<p>Il s’agit bien évidemment d’une première version et je vous encourage à me faire part de vos incompréhensions ou propositions d’amélioration pour le texte d’introduction. Je suis déjà bien content d’avoir pu mettre ça en place, c’est une frustration que je me traîne depuis… plus de 15 ans !</p> | |||
</details> | |||
<h2><a href="/david/2021/06/23/" title="Lien permanent vers cet article">FullStack</a> (2021-06-23)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>It’s almost like it’s a culture of masculinity stretching its legs wide across the seats of the tech industry.</p> | |||
<p>If a skill is worth masculinity points, it’s claimed. If a skill is coded as feminine it’s remade with masculine tools. If a skill can’t be remade it’s dropped and ignored.</p> | |||
<p>Which is why front end got turned into a programmatic hardcore engineering fest. It’s malleable to that (at huge cost to the users). <mark>It’s also why accessibility will never be considered full stack, as it can’t be automated.</mark> It requires empathy and communication.</p> | |||
<p>To feed the ego of a masculine webtech industry we sacrificed accessibility and usability.</p> | |||
<p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405099209913679872">sur Twitter</a></cite></p> | |||
</blockquote> | |||
<p>On touche un point sensible ici, celui de l’automatisation pour pallier ses propres faiblesses de communication. C’est ce que j’observe assez régulièrement avec ma boîte noire favorite :</p> | |||
<p>Docker. <a href="https://blog.newsblur.com/2021/06/28/story-of-a-hacking/">Oups</a> (<a href="/david/cache/2021/5b96c01bfd8b66a26135b7ce8bdff79d/">cache</a>).</p> | |||
<p>Derrière cette tentative de reproductibilité, on masque un processus d’installation et surtout une remise en cause des dépendances. On perd l’occasion d’avoir la friction (répétée) qui va générer cette discussion. On prolétarise les personnes non-érudites à coups de <code>docker-compose up</code> en cachant une technique qui serait la voie vers leur autonomie. On contraint les utilisateur·ices <a href="/david/2021/06/06/" title="Abonnement">à s’abonner</a> à nos se(r)vices.</p> | |||
<p>Ce ne sont pas nos produits que l’on met en boîte mais nos pairs que l’on enferme dans cette façon de (dé)penser pour le confort de quelques uns. Ce domaine a besoin <a href="/david/2021/05/11/" title="Paradigme">de voiliers</a>, pas de cargos.</p> | |||
<blockquote lang="en"> | |||
<p>💯 To claim full stack as a title is to declare that you are a replaceable unit in the cog of capitalism. The ultimate human resource to be exploited!</p> | |||
<p><cite><em>Charlie Don’t Surf</em>, <a href="https://twitter.com/sonniesedge/status/1405123679801991175">sur Twitter</a></cite></p> | |||
</blockquote> | |||
<p><a href="/david/2021/03/28/" title="Smolstack">Yup.</a></p> | |||
</details> | |||
<h2><a href="/david/2021/07/13/" title="Lien permanent vers cet article">ActivityStreams</a> (2021-07-13)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<p>On prend le temps avec <a href="https://buron.coffee/">La Bécasse</a> d’explorer ensemble l’idée d’avoir un générateur de Toots statique pour Mastodon. J’avais commencé en solo sans grand succès l’année dernière car je n’avais pas compris deux pré-requis :</p> | |||
<ol> | |||
<li>Ce protocole s’appuie sur du <em>push</em>, à chaque publication il faut faire un <code>POST</code> sur l’<em>inbox</em> de chacun de ses <em>followers</em>.</li> | |||
<li>Il faut pouvoir répondre aux requêtes des personnes qui souhaitent suivre le compte pour que le lien soit fait (et stocker l’identifiant de ce <em>follower</em>, cf. 1.).</li> | |||
</ol> | |||
<p>Autant dire que pour du statique et donc plus ou moins asynchrone, ça n’est pas gagné ! J’étais pas loin d’abandonner lorsque La Bécasse m’indique qu’il est tout à fait possible de générer une Note sur laquelle interagir (repouet par exemple) en utilisant la recherche de mastodon.social pointée vers le fichier <code>json</code> qui va bien. Après de multiples essais/erreurs (grr cache), on finit même par trouver comment mettre un autre compte en copie pour participer aux échanges qu’il peut y avoir au sujet d’une publication via le <code>tag</code> de <code>"type": "Mention"</code>.</p> | |||
<p>J’hésite entre proposer une URL dédiée ou faire de la négociation de contenu sur la même URL ce qui pourrait faciliter le partage par d’autres personnes.</p> | |||
<p>Note : les 3 jours suivants, je tente des choses à ce sujet et il semble y avoir toujours un blocage difficile à investiguer, probablement lié à la négociation de contenu justement… ça serait pas mal d’avoir un log mais ça nécessiterait probablement d’installer un serveur Mastodon.</p> | |||
<p>Masto 2 - 0 David.</p> | |||
<blockquote> | |||
<p>Tel se présente l’univers impressionnant de la magie qu’il est constitué non pas d’atomes mais uniquement de mouvements et de vibrations. En son sein, il convient d’abandonner toute croyance aux barrières qui font obstacle à la compréhension. La notion de compréhension elle-même est à écarter, cet univers n’étant ni visible, ni audible, ni décelable par aucun moyen fixe de perception. C’est le vide ultime où aucun écran préalable n’existe sur lequel puissent être projetées des formes. Il ne connait qu’un seul mode de conscience et c’est l’écran de projection des images. L’imagination ! Ainsi, l’on apprend véritablement ce que signifie être humain, être un créateur d’ordre, de formes et de systèmes harmonieux, être, en somme, <mark>l’organisateur du chaos</mark>.</p> | |||
<p><cite><em>Manuel des Atréides, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/07/21/" title="Lien permanent vers cet article">Espoir</a> (2021-07-21)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>In a sense, every hyperlink on the World Wide Web is little act of hope. Even though I know that when I link to something, it probably won’t last, I still harbour that hope.</p> | |||
<p>If hyperlinks are built on hope, and the web is made of hyperlinks, then in a way, <mark>the World Wide Web is quite literally made out of hope.</mark></p> | |||
<p>I like that.</p> | |||
<p><cite><em><a href="https://adactio.com/journal/18292">Hope</a></em> (<a href="/david/cache/2021/d650cd3cc8831f1b28b6cc2f7eb0f9f7/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’aime bien ce raisonnement <em>et</em> j’ai perdu espoir il y a un moment en essayant de mettre en cache local les publications que je lie. Je me demande parfois ce qui freine les autres personnes sensibles à ce vieillissement des liens à mettre en place leur <a href="/david/blog/2018/caching-links/">propre solution</a> pour le faire.</p> | |||
<p>J’utilise <a href="https://git.larlet.fr/davidbgk/larlet-fr-david-cache/src/branch/master/cache.py">ce script</a> et je fais pas mal de travail manuellement ensuite pour que ça reste au moins lisible. Dans certains cas j’abandonne, notamment pour les images/graphiques qui ont besoin de JavaScript pour s’afficher… dans d’autres je prends le temps de faire des liens absolus ou des retouches sémantiques. Une forme de prise de soin de mes futur·es lecteur·ices (dont je fais partie !) avec l’espoir que ça soit utile. Il faudra que je regarde le nombre de liens qui ne sont plus disponibles que <em>via</em> ma copie en fonction des années. C’est intéressant aussi pour pouvoir faire des recherches en <em>full-text</em> sur le dépôt dédié sans dépendre d’un historique de navigateur.</p> | |||
<p>En <a href="/david/stream/2015/01/05/">6 ans</a>, je n’ai supprimé qu’une seule ressource sur ma proposition à l’auteur·e qui souhaitait faire disparaître un contenu. Aucune violation de copyright ou autre n’a été remontée. Si cela arrivait, je m’assurerais auparavant que ce contenu n’est pas dans le cache de Google ou dans la <a href="https://archive.org/web/">Wayback machine</a> 🤷.</p> | |||
<blockquote lang="en"> | |||
<p>As a young man, I wanted to help make a new medium that would be a step forward from Gutenberg’s invention hundreds of years before.</p> | |||
<p>By building a Library of Everything in the digital age, I thought the opportunity was not just to make it available to everybody in the world, but to make it better–smarter than paper. By using computers, <mark>we could make the Library not just searchable, but organizable;</mark> make it so that you could navigate your way through millions, and maybe eventually billions of web pages.</p> | |||
<p><cite><em><a href="https://blog.archive.org/2021/07/21/reflections-as-the-internet-archive-turns-25/">Reflections as the Internet Archive turns 25</a></em> (<a href="/david/cache/2021/e23db6deddbc0ea74b73c960df2b193f/">cache</a>)</cite></p> | |||
</blockquote> | |||
</details> | |||
<h2><a href="/david/2021/08/10/" title="Lien permanent vers cet article">HTTPSadness</a> (2021-08-10)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>At some point, you won’t be able to visit <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">the first web page ever published</a> without first clicking through a full-page warning injected by your web browser</p> | |||
<p><cite><em><a href="https://adactio.com/links/18342">Chromium Blog: Increasing HTTPS adoption</a></em> (<a href="/david/cache/2021/b4ec4748a73b23b195366a74a17444f9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Cela me rend triste, alors qu’un effort particulier a toujours été fait pour <a href="https://github.com/styfle/breaking-changes-web">ne pas casser grand chose</a> sur le Web jusqu’à présent. Chrome est bien parti pour <a href="https://github.com/whatwg/html/issues/5407">nous les briser</a> pendant quelques années encore… #BeenThereSufferedThat</p> | |||
<p>Il y a 30 ans (merci Karl), Tim nous incitait <a href="https://groups.google.com/g/comp.archives/c/CfsHlSNYPUI/m/DTs60INnuzcJ">à essayer</a> (<a href="/david/cache/2021/e4f0d4ea8f6ec975b114ade59aa7fda2/">cache</a>) son nouveau jouet :</p> | |||
<blockquote lang="en"> | |||
<p>It’s just a question of generating plain text or SGML (ugh! but standard) mark-up on the fly. The browsers then parse it on the fly.</p> | |||
<p><cite><em><a href="https://www.w3.org/People/Berners-Lee/1991/08/art-6484.txt">Subject: Re: Qualifiers on Hypertext links...</a></em> (<a href="/david/cache/2021/e39a703ed0d93c479d9c7d3b2f8444a9/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#heron" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="heron"> | |||
<img src="/static/david/2021/heron.jpg" alt="Un héron à la recherche de son futur repas au milieu des nénuphars." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>Vous avez évité une n-ième photo de toile d’araignée.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/11/" title="Lien permanent vers cet article">Pré-requis</a> (2021-08-11)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>You can <em>choose</em> to make it really complicated. Convince yourself that “the modern web” is inherently complex and convoluted. But then look at what makes it complex and convoluted: toolchains, build tools, pipelines, frameworks, libraries, and abstractions. Please try to remember that none of those things are required to make a website.</p> | |||
<p>This is for everyone. Not just for everyone to consume, <mark>but for everyone to make.</mark></p> | |||
<p><cite><em><a href="https://adactio.com/journal/18337">Foundations</a></em> (<a href="/david/cache/2021/b2c393ba384ba80f2361dc7652d50de3/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Suivi de :</p> | |||
<blockquote lang="en"> | |||
<p>It feels like the web we’re making now is a web designed for commercial interests. The reason we get CSS grid or the JS APIs of ES6,7, and 8 has more to do with how companies want to build and deliver software over the web than it does with <mark>how individuals want to connect and communicate</mark> with each other over the web.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2021/browsers-and-representation/">Browsers and Representation</a></em> (<a href="/david/cache/2021/13e573e5b0ffc244ac700dba6c7b8bd1/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>À quoi ressemblerait un navigateur du peuple pour le peuple ? Qu’est-ce qui pourrait être ajouté/retiré ? Quelle en serait sa gouvernance ? Quelle serait l’échelle d’usage/développement qui nous semblerait acceptable avant d’essaimer ?</p> | |||
<p>Qu’il est inconfortable de se poser toutes ces questions :-).</p> | |||
<blockquote> | |||
<p>C’était là une approche typiquement mentat : se concentrer uniquement sur les questions. Les mentats accumulaient les questions comme d’autres avaient tendance à accumuler les réponses. <mark>Les questions créaient leurs propres trames et leurs propres systèmes.</mark> C’était cela qui aboutissait aux <em>formes</em> reconnaissables. Chacun voyait son univers à travers des trames qui s’étaient créées d’elles-mêmes, composées d’images, de mots, de désignations (parfaitement temporaires), le tout mêlé en un faisceau d’impulsions sensorielles qui se réfléchissaient sur ces constructions intérieures de la même manière que la lumière était renvoyée sur une surface brillante.<br /> | |||
Le premier instructeur mentat de Duncan Idaho avait élaboré une configuration provisoire de mots pour décrire cette fragile construction : « Surveillez les moindres mouvements significatifs de vos écrans intérieurs. »</p> | |||
<p>[…]</p> | |||
<p>La véritable force d’un mentat résidait dans cette <em>construction</em> mentale que les instructeurs appelaient « la grande synthèse ». Cela requérait une patience que les non-mentats n’auraient même pas pu imaginer. Dans les écoles de mentats, on désignait cela sous le nom de persévérance. Il fallait être un pisteur primitif, capable de déchiffrer les signes les plus infimes, les perturbations les plus minuscules de l’environnement, et de les remonter jusqu’à leur source. En même temps, il fallait demeurer ouvert aux grands mouvements de l’extérieur comme de l’intérieur. Tout cela concourait à produire un état de « réceptivité naïve » qui était l’attitude de base du Mentat, apparentée à celle du Diseur de Vérité, mais beaucoup plus vaste dans son champ d’action.<br /> | |||
« Vous êtes ouvert à tout ce que l’univers pourra décider de faire », disait son premier instructeur. « Votre cerveau n’est pas un ordinateur. C’est un outil de décision couplé à tout ce que vos sens peuvent lui apporter. »</p> | |||
<p><cite><em><a href="/david/2020/12/21/#dune">Dune</a> VI. La maison des mères</em>, Frank Herbert</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#nenuphars" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/nenuphars.jpg" alt="Deux nénuphars et leurs reflets." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="nenuphars"> | |||
<img src="/static/david/2021/nenuphars.jpg" alt="Deux nénuphars et leurs reflets." | |||
loading="lazy" width="1600" height="1067" /> | |||
</a> | |||
<figcaption>Que cette fleur soit synonyme de protections périodiques m’auto-frustre.</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/18/" title="Lien permanent vers cet article">Lettres</a> (2021-08-18)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>This is one small step towards something different: an ethic that prioritizes technologists’ agency, <mark>the need for self-reflection</mark>, and the importance of historical inquiry.</p> | |||
<p><cite><em><a href="https://letterstoayoungtechnologist.com/">Letters to a Young Technologist</a></em> (<a href="/david/cache/2021/2c416b360e5ea82c6be38cada47d9001/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>La déception du jour ce sont ces lettres avec un contenu profond mais une forme désastreuse. Le courrier est sollicité mais alors l’enveloppe ! Impossible d’afficher le moindre contenu sans charger pas moins de 13 fichiers JavaScript depuis <code>static.cargo.site</code>, pour… 6 pages de HTML qui pourraient facilement peser 10 fois moins lourd.</p> | |||
<p>Pauvres jeunes, ils auront tellement à réparer…</p> | |||
<blockquote lang="en"> | |||
<p>The second way that history can help us avoid mistakes is by showing us predictable ways things can go horribly wrong. In the light of history, we can take the long view on present-day crises and take care <mark>to not repeat the foibles of the past.</mark></p> | |||
<p><cite><em><a href="https://letterstoayoungtechnologist.com/Study-the-Past-Create-the-Future">Study the Past, Create the Future</a></em> (<a href="/david/cache/2021/520ea4867de8d36f3cd2b1132e44b719/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Well, ¯\<em>(ツ)</em>/¯.</p> | |||
<figure> | |||
<a href="#merle-amerique" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="merle-amerique"> | |||
<img src="/static/david/2021/merle-amerique.jpg" alt="Un merle d’Amérique mangeant une baie." | |||
loading="lazy" width="2048" height="1366" /> | |||
</a> | |||
<figcaption>Vous reprendriez bien un peu de JS ?</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/08/28/" title="Lien permanent vers cet article">Copie(s)</a> (2021-08-28)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>As long as there is design, there will be copying.</p> | |||
<p><cite><em><a href="https://matthewstrom.com/writing/copying/">Copying is the way design works</a></em> (<a href="/david/cache/2021/4072b1e628106ec95319062a87d21f47/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p><em>Je trouve cela d’autant plus ironique de faire une copie locale de cet article.</em></p> | |||
<p>Je parcoure de vieux onglets ces derniers jours, cela permet de mieux évaluer si ce que j’ai conservé plusieurs mois dans mon navigateur est encore pertinent. Je redécouvre des choses, je croise des aspirations passées comme apprendre le <a href="http://lvogel.free.fr/tokipona/">toki pona</a> (merci <a href="http://shl.huld.re/~f6k/">f6k</a>), des infographies du début de la pandémie, des <a href="http://www.coureursdeboises.com/img/carte.pdf">cartes de ski de fond</a> de lieux qu’il reste à explorer, pas mal d’articles autour de la <a href="https://www.pikselkraft.com/les-ressources-pour-l-ecoconception-et-la-sobriete-numerique/">sobriété</a> (<a href="/david/cache/2021/07f65527fb51a3d31cfd7173bde1d76c/">cache</a>), de la <a href="https://www.the-trouble.com/content/2021/2/11/ecosocialism-is-the-horizon-degrowth-is-the-way">décroissance</a> (<a href="/david/cache/2021/e554fd03f2342ab72115688dd258cba4/">cache</a>) et <a href="https://wiki.lescommuns.org/wiki/Low-tech_et_Communs">des communs</a> (<a href="/david/cache/2021/7a21fd7cca573df8b35b973d8ee080c8/">cache</a>), <a href="https://timdaub.github.io/2021/01/16/web-principles/">beaucoup</a> (<a href="/david/cache/2021/63317c91823b52571b851e7a27eb7b4f/">cache</a>) de <a href="https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs">technique</a> (<a href="/david/cache/2021/23d224bccb7af8db5017cebf813fec56/">cache</a>) <a href="https://bart.degoe.de/building-a-full-text-search-engine-150-lines-of-code/">bien sûr</a> (<a href="/david/cache/2021/b56bb56209a04e6144454283a22311ad/">cache</a>), des <a href="https://adamwilt.com/fieldmonitor/">outils</a> <a href="https://sites.google.com/site/starryskystacker/home">autour</a> de la photo/vidéo… et déjà pas mal de 404.</p> | |||
<p>C’est presque de la pré-archéologie.</p> | |||
</details> | |||
<h2><a href="/david/2021/08/31/" title="Lien permanent vers cet article">Abstraction</a> (2021-08-31)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Take a moment and think about this super power: if you write vanilla HTML, CSS, and JS, all you have to do is put that code in a web browser and it runs. Edit a file, refresh the page, you’ve got a feedback cycle. <mark>As soon as you introduce tooling, as soon as you introduce an abstraction not native to the browser, you may have to invent the universe for a feedback cycle.</mark> No longer writing CSS and instead writing Sass? Now you need a development server with a build process to watch your files and compile your changes <em>just to develop and test your project</em>. You’ve just added a giant, blocking dependency for your project to work. And if you can’t get that dependency working, your project is dead in the water until you can—both now and in the future.</p> | |||
<p><cite><em><a href="https://blog.jim-nielsen.com/2020/cheating-entropy-with-native-web-tech/">Cheating Entropy with Native Web Technologies</a></em> (<a href="/david/cache/2021/74eae1dc26bd4537941491b4e7e201bc/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>J’ai déjà beaucoup trop parlé du sujet et en même temps cela a été et pourrait encore être mon quotidien si je n’avais pas choisi une certaine forme d’ascétisme technologique (n’ayons pas peur des mots, <a href="http://aswemay.fr/co/040011.html">ataraxie numérique</a> (<a href="/david/cache/2021/1357452f72e8fab727df874cbc2582d4/">cache</a>) si on veut être vraiment pédant). Évaluer chaque outil pour son usage actuel et futur, sa maintenance, sa migration, ses <em>drama</em> (coucou <a href="https://hotwired.dev/">Hotwire</a>), son abandon pour la dernière mode. J’apprends hier qu’un produit est à l’arrêt pour X mois car il faut passer d’un <em>framework</em> JS à un autre. Tristesse d’un domaine où une telle pratique est courante. Bien éloignée d’un Web <a href="https://wimvanderbauwhede.github.io/articles/frugal-computing/">frugal</a> (<a href="/david/cache/2021/710f8cdebd7560223ebd378f9cbe7822/">cache</a>), il y a un excellent <a href="http://viznut.fi/texts-en/permacomputing_update_2021.html">résumé avec plein de liens ici</a> (<a href="/david/cache/2021/0f791a9509f762f1a1a36b6ca2333230/">cache</a>) si le sujet vous intéresse.</p> | |||
<p>Je suis admiratif des personnes faisant de <a href="https://zserge.com/posts/awfice/">petits outils conviviaux</a> (<a href="/david/cache/2021/3ac474db4dc65c1d25e99cb30655ff12/">cache</a>) qui permettent d’apprendre et de jouer avec la conception de l’outil en lui-même. Si je devais refaire de l’<a href="/david/pro/enseignement/">enseignement technique</a>, j’emprunterais probablement cette voie. À l’opposé de la camionnette à outils qu’il faut savoir dorénavant maîtriser, en opposition à la direction qu’un marché nous pousse à emprunter.</p> | |||
<p>Est-ce que l’on peut considérer l’accumulation de dette technique comme étant un <em>bullshit job</em> ?</p> | |||
<blockquote> | |||
<p>16. How does this technology empower me? At whose expense?</p> | |||
<p><cite><em><a href="https://theconvivialsociety.substack.com/p/the-questions-concerning-technology">The Questions Concerning Technology</a></em> (<a href="/david/cache/2021/b404382125c07935b98295a801049097/">cache</a>)</cite></p> | |||
</blockquote> | |||
<figure> | |||
<a href="#bourdons" | |||
title="Cliquer pour une version haute résolution"> | |||
<img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<a href="#_" class="lightbox" id="bourdons"> | |||
<img src="/static/david/2021/bourdons.jpg" alt="Deux bourdons qui butinent des chardons." | |||
loading="lazy" width="2048" height="1536" /> | |||
</a> | |||
<figcaption>Écrits pollinisateurs ?</figcaption> | |||
</figure> | |||
</details> | |||
<h2><a href="/david/2021/11/03/" title="Lien permanent vers cet article">Composants</a> (2021-11-03)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote lang="en"> | |||
<p>Web Components had so much potential to empower HTML to do more, and make web development more accessible to non-programmers and easier for programmers. Remember how exciting it was every time we got new shiny HTML elements that actually do stuff? Remember how exciting it was to be able to do sliders, color pickers, dialogs, disclosure widgets straight in the HTML, without having to include any widget libraries?</p> | |||
<p>The promise of Web Components was that we’d get this convenience, but for a much wider range of HTML elements, developed much faster, as nobody needs to wait for the full spec + implementation process. We’d just include a script, and boom, we have more elements at our disposal!</p> | |||
<p><cite><em><a href="https://lea.verou.me/2020/09/the-failed-promise-of-web-components/">The failed promise of Web Components</a></em> (<a href="/david/cache/2021/68cd338e37c60a8ed179222c6b1af01f/">cache</a>)</cite></p> | |||
</blockquote> | |||
<p>Le constat ne souffrait pas d’ambiguïté il y a un an. Qu’en est-il aujourd’hui ?</p> | |||
<p>Il y a Simon Willison qui commente un <a href="https://til.simonwillison.net/web-components/understanding-single-file-web-component">Web Component tenant dans un seul fichier</a> (<a href="/david/cache/2021/8016f83f512107dd26e5780b08ea7305/">cache</a>). Et Dave Rupert qui <a href="https://daverupert.com/2021/10/html-with-superpowers/">parle de leurs super-pouvoirs</a> (<a href="/david/cache/2021/eb14bb1071cfe2bd952aa9280c6a4860/">cache</a>). Tout le monde espère pouvoir <a href="https://elisehe.in/2021/08/22/using-the-platform">les utiliser nativement</a> (<a href="/david/cache/2021/0f1f65d09181752916216e892bb192d8/">cache</a>).</p> | |||
<p>En attendant, il y a des petits <em>frameworks</em> comme <a href="https://tonicframework.dev/">Tonic</a> ou <a href="https://lego.js.org/">Lego</a>. Des plus conséquents comme <a href="https://lit.dev/">Lit</a>.</p> | |||
<p>Tout espoir n’est pas perdu. Juste <a href="/david/blog/2013/python-javascript/">une décennie</a>.</p> | |||
</details> | |||
<h2><a href="/david/2021/11/20/" title="Lien permanent vers cet article">Hypertélie</a> (2021-11-20)</h2> | |||
<details> | |||
<summary>Déplier pour lire le contenu de l’article</summary> | |||
<blockquote> | |||
<p>Il est assez courant qu’une innovation consiste à réutiliser un objet technique plus ancien, en particulier quand les générations récentes d’une lignée technique ont évolué vers ce que Simondon appelle <mark>« l’hypertélie », c’est-à-dire quand le fonctionnement de l’objet a été suradapté à une fonction précise et à un milieu donné</mark>. Ses performances sont inégalables dans cette configuration, mais il ne peut plus être employé pour remplir d’autres fonctions qu’il assurait auparavant et il se dérègle ou tombe en panne dès que le milieu varie. Il a perdu en « généricité ». Alors, il faut revenir à la génération précédente avant d’envisager un progrès majeur, c’est-à-dire une réorganisation globale de l’objet qui le rende plus synergique.</p> | |||
<p><cite><em>Penser l’innovation sur Arrakis</em>, Vincent Bontems dans <em>Dune : exploration scientifique et culturelle d’une planète-univers</em></cite></p> | |||
</blockquote> | |||
<p>J’ai maintenant un <a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">mot/concept/caractère</a> pour décrire ce qu’il s’est passé dans le Web ces cinq dernières années. J’ai l’impression que c’est en train de se <a href="https://resilientwebdesign.com/">réorganiser</a> pour créer des <a href="https://stimulus.hotwired.dev/">synergies</a> entre les <a href="https://htmx.org/">différentes</a> <a href="/david/2021/11/03/" title="Composants">parties</a>.</p> | |||
<p>C’est marrant de le retrouver dans un livre sur Dune qui cite Simondon dans <em><a href="https://fr.wikipedia.org/wiki/Du_mode_d%27existence_des_objets_techniques">Du mode d’existence des objets techniques</a></em>.</p> | |||
<blockquote> | |||
<p>En fait, les traits hypertéliques ou exubérants résultent de l’action de la sélection sexuelle et du conflit sexuel entre les partenaires.</p> | |||
<p><cite><em><a href="https://fr.wikipedia.org/wiki/Caract%C3%A8re_hypert%C3%A9lique">Caractère hypertélique</a></em></cite></p> | |||
</blockquote> | |||
<p>Oh non, rien.</p> | |||
</details> | |||
</main> | |||
<hr> | |||
<footer> | |||
<p> | |||
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use> | |||
</svg> Accueil</a> • | |||
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use> | |||
</svg> Suivre</a> • | |||
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use> | |||
</svg> Pro</a> • | |||
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use> | |||
</svg> Email</a> • | |||
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use> | |||
</svg> Légal</abbr> | |||
</p> | |||
<template id="theme-selector"> | |||
<form> | |||
<fieldset> | |||
<legend><svg class="icon icon-brightness-contrast"> | |||
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use> | |||
</svg> Thème</legend> | |||
<label> | |||
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto | |||
</label> | |||
<label> | |||
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé | |||
</label> | |||
<label> | |||
<input type="radio" value="light" name="chosen-color-scheme"> Clair | |||
</label> | |||
</fieldset> | |||
</form> | |||
</template> | |||
</footer> | |||
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script> | |||
<script> | |||
function loadThemeForm(templateName) { | |||
const themeSelectorTemplate = document.querySelector(templateName) | |||
const form = themeSelectorTemplate.content.firstElementChild | |||
themeSelectorTemplate.replaceWith(form) | |||
form.addEventListener('change', (e) => { | |||
const chosenColorScheme = e.target.value | |||
localStorage.setItem('theme', chosenColorScheme) | |||
toggleTheme(chosenColorScheme) | |||
}) | |||
const selectedTheme = localStorage.getItem('theme') | |||
if (selectedTheme && selectedTheme !== 'undefined') { | |||
form.querySelector(`[value="${selectedTheme}"]`).checked = true | |||
} | |||
} | |||
const prefersColorSchemeDark = '(prefers-color-scheme: dark)' | |||
window.addEventListener('load', () => { | |||
let hasDarkRules = false | |||
for (const styleSheet of Array.from(document.styleSheets)) { | |||
let mediaRules = [] | |||
for (const cssRule of styleSheet.cssRules) { | |||
if (cssRule.type !== CSSRule.MEDIA_RULE) { | |||
continue | |||
} | |||
// WARNING: Safari does not have/supports `conditionText`. | |||
if (cssRule.conditionText) { | |||
if (cssRule.conditionText !== prefersColorSchemeDark) { | |||
continue | |||
} | |||
} else { | |||
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) { | |||
continue | |||
} | |||
} | |||
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules)) | |||
} | |||
// WARNING: do not try to insert a Rule to a styleSheet you are | |||
// currently iterating on, otherwise the browser will be stuck | |||
// in a infinite loop… | |||
for (const mediaRule of mediaRules) { | |||
styleSheet.insertRule(mediaRule.cssText) | |||
hasDarkRules = true | |||
} | |||
} | |||
if (hasDarkRules) { | |||
loadThemeForm('#theme-selector') | |||
} | |||
}) | |||
</script> | |||
</body> | |||
</html> |