Browse Source

Links

master
David Larlet 1 year ago
parent
commit
15569afc47

+ 199
- 0
cache/2023/7469f181ef4b031f59ae69356af16e28/index.html View File

@@ -0,0 +1,199 @@
<!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>Modern Health, frameworks, performance, and harm (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/">

<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>Modern Health, frameworks, performance, and harm</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-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>I would like to thank <a href="https://www.modernhealth.com/">Modern Health</a>. It was not their intent, but using their service broke me out of a deep depression by launching me into an incandescent rage.</p>
<p>I’ve read enough on <a href="https://osmihelp.org/">destigmatizing mental health</a> that I feel no shame in discussing this. In fact, in this regard I feel twice fortunate. The first is to know enough about myself to know I need help and not feel bad about it, and the second is that I have an employer-offered benefit to take advantage of.</p>
<p>You need to use every resource you can for things like this, and there is no shame in doing so. Mental health resources, like physical health resources, are in incredibly short supply right now.</p>
<p>I signed up for Modern Health’s service earlier this week. After signing my rights away by clicking an impressive number of checkboxes, I was greeted with this experience:</p>
<p><img alt="An almost entirely blank white screen. In the top lefthand corner is the Modern Health log, and navigation options for 'Explore', 'Circles', and 'FAQ'. On the top righthand corner is navigation options for 'Messages' and my profile. In the center of the screen is a small loading spinner. Screenshot." loading="lazy" src="https://ericwbailey.website/img/posts/modern-health-frameworks-performance-and-harm/modern-health-routing-failure.png"></p>
<p>Since I make digital experiences for a living, I immediately knew what happened. The signup user flow failed to transition me over to the onboarding user flow.</p>
<p>In addition to <a href="https://builtwith.com/advanced?back=joinmodernhealth.com">a terrifying amount of telemetry</a>, Modern Health’s customer-facing experience is delivered using React and Webpack.</p>
<p>If you are familiar with how the web is built, what happened is pretty obvious: A website that over-relies on JavaScript to power its experience had its logic collide with one or more other errant pieces of logic that it summons. This created a deadlock.</p>
<p>If you do not make digital experiences for a living, what happened is not obvious at all. All you see is a tiny fake loading spinner that never stops.</p>
<p>Experiences on the web are so poor that many people have developed coping strategies for getting what they need. I <a href="https://filecamp.com/support/problem-solving/hard-refresh/">hard refreshed the tab</a> and was unceremoniously dumped into my homepage dashboard. Many others may know to do the same.</p>
<p>However, many others is not everyone. I also need to point out that people are visiting sites like this because they are not in a good place. Depression and stress lowers your executive function. Furthermore, <a href="https://alistapart.com/article/paint-the-picture-not-the-frame/">people internalize technology’s failures as their own</a>.</p>
<p>What if I was suicidal?</p>
<p>I used an up-to-date operating system to access this website on a top of the line laptop, browsing with an <a href="https://css-tricks.com/evergreen-does-not-mean-immediately-available/">evergreen</a> Chromium browser with no setting adjustments or extensions to interfere with things. Can you imagine what chance for success <a href="https://css-tricks.com/test-your-product-on-a-crappy-laptop/">someone using something other than that</a> will have?</p>
<p><a href="https://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/">Technology choices have ethical ramifications</a>.</p>
<p>A person seeking help in a time of crisis does not care about TypeScript, tree shaking, hot module replacement, A/B tests, burndown charts, NPS, OKRs, KPIs, or other startup jargon. <a href="https://andy-bell.co.uk/speed-for-who/">Developer experience does not count for shit</a> if the person using the thing they built can’t actually get what they need.</p>
<p>There is also the very real possibility that the developers responsible for making this experience do actually care. However, they may be structurally unable to deny stakeholders demanding an onslaught of non-features, in an attempt to parrot other startups in hopes of reproducing their perceived success.</p>
<p>I felt compelled to write this because explaining the situation is a fractal of absurdity. I’d be laughing if I wasn’t so furious.</p>
<p>I mean it. Take some time today to try and verbally explain the totality of what went wrong here to someone who doesn’t make digital experiences.</p>
<p>Try to justify the architectural choices made compared to an intended audience. Then try to re-justify it through the lens of power dynamics and and a vulnerable population.</p>
<p>An experience like Modern Health should be as lean and fault-tolerant as possible. It should not make 162 requests transferring ~15 MB just to hope it can show me two <a href="https://beaconagency.co.uk/post/does-big-tech-design-have-an-authenticity-problem">sanitized Corporate Memphis blob humans</a> promoting a gamified growth funnel.</p>
<figure role="figure" aria-label="Screaming.">
<img alt="A card component with a title that reads, 'Resilience, it's a family thing'. There is a subtitle that reads, 'Learn strategies to make resilience part of yoour family make up.', a call-to-action link that says, 'Take a pause.' and a smaller sub-call-to-action link that says, 'Start a new streak!' There is also a cartoon illustration of two happy, ethnically-ambiguous men, one an older man and one younger. The illustration style is simple, geometric shapes and soft pastel colors that neatly side-steps having to do actual representation." loading="lazy" src="https://ericwbailey.website/img/posts/modern-health-frameworks-performance-and-harm/resilience-its-a-family-thing.png">
<figcaption>
Screaming.
</figcaption>
</figure>
<p>I don’t want the underlying concept behind Modern Health to fail. I want more people to get the help they need in a reliable and safe way. However, I wish we as an industry would stop <a href="https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react">promoting and rewarding the wrong things</a>.</p>
<p>We’ve lost the plot. Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life.</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>

+ 32
- 0
cache/2023/7469f181ef4b031f59ae69356af16e28/index.md View File

@@ -0,0 +1,32 @@
title: Modern Health, frameworks, performance, and harm
url: https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/
hash_url: 7469f181ef4b031f59ae69356af16e28

<p>I would like to thank <a href="https://www.modernhealth.com/">Modern Health</a>. It was not their intent, but using their service broke me out of a deep depression by launching me into an incandescent rage.</p>
<p>I’ve read enough on <a href="https://osmihelp.org/">destigmatizing mental health</a> that I feel no shame in discussing this. In fact, in this regard I feel twice fortunate. The first is to know enough about myself to know I need help and not feel bad about it, and the second is that I have an employer-offered benefit to take advantage of.</p>
<p>You need to use every resource you can for things like this, and there is no shame in doing so. Mental health resources, like physical health resources, are in incredibly short supply right now.</p>
<p>I signed up for Modern Health’s service earlier this week. After signing my rights away by clicking an impressive number of checkboxes, I was greeted with this experience:</p>
<p><img alt="An almost entirely blank white screen. In the top lefthand corner is the Modern Health log, and navigation options for 'Explore', 'Circles', and 'FAQ'. On the top righthand corner is navigation options for 'Messages' and my profile. In the center of the screen is a small loading spinner. Screenshot." loading="lazy" src="https://ericwbailey.website/img/posts/modern-health-frameworks-performance-and-harm/modern-health-routing-failure.png"></p>
<p>Since I make digital experiences for a living, I immediately knew what happened. The signup user flow failed to transition me over to the onboarding user flow.</p>
<p>In addition to <a href="https://builtwith.com/advanced?back=joinmodernhealth.com">a terrifying amount of telemetry</a>, Modern Health’s customer-facing experience is delivered using React and Webpack.</p>
<p>If you are familiar with how the web is built, what happened is pretty obvious: A website that over-relies on JavaScript to power its experience had its logic collide with one or more other errant pieces of logic that it summons. This created a deadlock.</p>
<p>If you do not make digital experiences for a living, what happened is not obvious at all. All you see is a tiny fake loading spinner that never stops.</p>
<p>Experiences on the web are so poor that many people have developed coping strategies for getting what they need. I <a href="https://filecamp.com/support/problem-solving/hard-refresh/">hard refreshed the tab</a> and was unceremoniously dumped into my homepage dashboard. Many others may know to do the same.</p>
<p>However, many others is not everyone. I also need to point out that people are visiting sites like this because they are not in a good place. Depression and stress lowers your executive function. Furthermore, <a href="https://alistapart.com/article/paint-the-picture-not-the-frame/">people internalize technology’s failures as their own</a>.</p>
<p>What if I was suicidal?</p>
<p>I used an up-to-date operating system to access this website on a top of the line laptop, browsing with an <a href="https://css-tricks.com/evergreen-does-not-mean-immediately-available/">evergreen</a> Chromium browser with no setting adjustments or extensions to interfere with things. Can you imagine what chance for success <a href="https://css-tricks.com/test-your-product-on-a-crappy-laptop/">someone using something other than that</a> will have?</p>
<p><a href="https://timkadlec.com/remembers/2019-01-09-the-ethics-of-performance/">Technology choices have ethical ramifications</a>.</p>
<p>A person seeking help in a time of crisis does not care about TypeScript, tree shaking, hot module replacement, A/B tests, burndown charts, NPS, OKRs, KPIs, or other startup jargon. <a href="https://andy-bell.co.uk/speed-for-who/">Developer experience does not count for shit</a> if the person using the thing they built can’t actually get what they need.</p>
<p>There is also the very real possibility that the developers responsible for making this experience do actually care. However, they may be structurally unable to deny stakeholders demanding an onslaught of non-features, in an attempt to parrot other startups in hopes of reproducing their perceived success.</p>
<p>I felt compelled to write this because explaining the situation is a fractal of absurdity. I’d be laughing if I wasn’t so furious.</p>
<p>I mean it. Take some time today to try and verbally explain the totality of what went wrong here to someone who doesn’t make digital experiences.</p>
<p>Try to justify the architectural choices made compared to an intended audience. Then try to re-justify it through the lens of power dynamics and and a vulnerable population.</p>
<p>An experience like Modern Health should be as lean and fault-tolerant as possible. It should not make 162 requests transferring ~15 MB just to hope it can show me two <a href="https://beaconagency.co.uk/post/does-big-tech-design-have-an-authenticity-problem">sanitized Corporate Memphis blob humans</a> promoting a gamified growth funnel.</p>
<figure role="figure" aria-label="Screaming.">
<img alt="A card component with a title that reads, 'Resilience, it's a family thing'. There is a subtitle that reads, 'Learn strategies to make resilience part of yoour family make up.', a call-to-action link that says, 'Take a pause.' and a smaller sub-call-to-action link that says, 'Start a new streak!' There is also a cartoon illustration of two happy, ethnically-ambiguous men, one an older man and one younger. The illustration style is simple, geometric shapes and soft pastel colors that neatly side-steps having to do actual representation." loading="lazy" src="https://ericwbailey.website/img/posts/modern-health-frameworks-performance-and-harm/resilience-its-a-family-thing.png">
<figcaption>
Screaming.
</figcaption>
</figure>
<p>I don’t want the underlying concept behind Modern Health to fail. I want more people to get the help they need in a reliable and safe way. However, I wish we as an industry would stop <a href="https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react">promoting and rewarding the wrong things</a>.</p>
<p>We’ve lost the plot. Performance, accessibility, and usability are more than inconvenient truths you can pretend don’t exist. They have a direct impact on the quality of someone’s life.</p>

+ 249
- 0
cache/2023/a0ccec7acb932e4155960c1c88d65eff/index.html View File

@@ -0,0 +1,249 @@
<!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>La mission de Deuxfleurs (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs">

<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>La mission de Deuxfleurs</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-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<blockquote dir="auto">
<p>Il est plusieurs sortes d’hurluberlus chez Deuxfleurs. Motivations non mutuellement exclusives, la philosophique et l’ingénieure concourent parfois dans une seule et même tête. </p>
</blockquote>
<p dir="auto">Lors du dernier Camp Deuxfleurs au Couvent des Clarisses, le dernier atelier fut dédié à énoncer la <em>mission</em> de l’association, à la préciser, pourquoi pas à l’amender. Cela nous a semblé prioritaire pour solidifier notre coopération et notre cohérence. <em>Coopération</em> : malgré des individualités parfois en friction, c’est la reconnaissance d’un rêve de l’humanité commun qui permet à des mentalités d’une grande diversité d’avancer ensemble vers leur idéal partagé (rien de nouveau sous le soleil). <em>Cohérence</em> : bouillonnant⋅es d’énergie et décentralisé⋅es que nous sommes, nous entreprenons moult actions individuelles au nom de l’asso, chacun⋅e de son côté<a href="#postcontent-footnote1" rel="noopener noreferrer"></a>. Préciser notre mission, c’est rediscuter ensemble l’ordonnanceur qu’on ramènera tou⋅tes à la maison : quelles priorités, quelles actions, et comment s’insèrent-elles dans la tapisserie que nous brodons ensemble.</p>
<p dir="auto">Dimanche 27 novembre, la cafetière à piston fumante sur la table à manger savamment encombrée, nous avons donc entrepris de discuter de la « mission » de Deuxfleurs, en donnant successivement la parole à chacun⋅e. Il en est sorti un consensus assez clair que je délivrerai tout à l’heure ; mais j’aimerais d’abord évoquer mon ressenti : la grande diversité des motivations à participer à une telle association, que j’ai trouvée géniale.</p>
<h2 dir="auto">Typologie de comptoir des motivations intrinsèques<a href="#postcontent-footnote2" rel="noopener noreferrer"></a></h2>
<p dir="auto">Lors de cet atelier, j’ai été le plus fasciné par la diversité des positionnements face à un objet d’association somme toute assez consensuel. Mince, nous n’étions que onze ; et déjà combien de sentiers proposés pour gravir la même montagne ! Dessinons donc quelques motivations types, en soulignant que cette classification ne cherche pas à mettre les gens dans des boîtes mais à caractériser diverses motivations intrinsèques à militer (loin d’être mutuellement exclusives) :</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Positiviste/Utopiste</strong> : Le monde va mal, et il y a beaucoup à critiquer ; certes. Mais on ne peut pas être satisfait⋅e de se lever tous les matins pour partir en guerre. Il faut œuvrer <em>pour</em> quelque chose, et c’est la recherche de cet idéal positif que j’appelle motivation positiviste/utopiste.</p>
</li>
<li>
<p dir="auto"><strong>Historienne/Philosophe</strong> : L’Histoire et la Culture sont pleines d’expériences et d’enseignements. Mettre en parallèle les événements d’hier et d’aujourd’hui, pour un tirer un recul critique, une vision systémique et des propositions concrètes—voilà une motivation historienne/philosophique qui sent bon le vieux livre.</p>
</li>
<li>
<p dir="auto"><strong>Scientifique</strong> : Nous avons l’intuition que notre action est bien fondée, mais une intuition ne peut suffire à emmener la société dans son ensemble (et ce n’est pas souhaitable). L’envie de rechercher des faits rationnels pour étayer l’action militante, la critiquer constructivement, et l’armer pour convaincre le plus grand nombre ; c’est une motivation toute scientifique.</p>
</li>
<li>
<p dir="auto"><strong>Ingénierie</strong> : Dans le domaine informatique comme dans toute technique ou artisanat, rester à la pointe demande une pratique et un effort de veille constants. Celleux qui maîtrisent le mieux l’outil ont les idées large, des Chapelles Sixtine plein la tête, et sont motivé⋅es par le fait de mettre leur savoir-faire à l’œuvre là où il sera le plus bénéfique, important, utile au plus grand nombre.</p>
</li>
<li>
<p dir="auto"><strong>Expérimentale</strong> : Si l’historien⋅ne a raison de considérer les acquis de l’Histoire, il reste à découvrir au moins autant de façons de vivre et de faire communauté qu’il en a existé par le passé. La motivation expérimentale, c’est de vouloir proposer quelque chose de nouveau, qui n’a jamais été fait, une réponse inédite à nos problèmes sans précédent.</p>
</li>
</ul>
<h2 dir="auto">La mission de Deuxfleurs</h2>
<p dir="auto">Cet atelier a démarré sur une proposition de cadrage de notre mission réalisée par Tom et Esther durant leurs échanges avec <a href="https://www.anciela.info/" rel="noopener noreferrer">Anciéla</a> (une association de soutien à l’Économie Sociale et Solidaire qui nous accompagne depuis Lyon). Nous avons vite effacé le tableau pour laisser chacun⋅e proposer sa vision sans trop de biais, avant de revenir sur ce cadrage sans y trouver à redire. Ci-après la liste de nos trois objectifs phare, tous aussi importants les uns que les autres.</p>
<blockquote dir="auto">
<p>Le corps de texte des sections suivantes n’est que <em>mon</em> interprétation de la mission de l’asso à un instant donné, développée à partir de mes notes d’atelier. Dans un avenir proche, nous rédigerons un meilleur document, plus collectif et intemporel.</p>
</blockquote>
<h3 dir="auto">1. Fabriquer des outils pour les communautés (CHATONS)</h3>
<p dir="auto">Deuxfleurs dispose de connaissances, de compétences et d’une volonté uniques pour proposer <a href="https://git.deuxfleurs.fr/Deuxfleurs" rel="noopener noreferrer">des briques techniques</a> facilitant l’« entr’hébergement » (concept proposé par <a href="https://tedomum.net/" rel="noopener noreferrer">TeDomum</a>). On pense à Tricot, Guichet, Diplonat… et bien sûr à <a href="https://garagehq.deuxfleurs.fr/" rel="noopener noreferrer">Garage</a>, pour le développement duquel <a href="https://plume.deuxfleurs.fr/%7E/Deuxfleurs/NGI%20Pointer%20subventionne%20Deuxfleurs" rel="noopener noreferrer">nous avons embauché trois de nos ouailles</a> l’an passé. On voit diverses communautés « libristes » déployer Garage en production (notamment des <a href="https://www.chatons.org/" rel="noopener noreferrer">CHATONS</a>), ce qui semble indiquer que notre analyse des besoins et nos propositions techniques sont pertinentes. Nous allons donc continuer sur cette voie, en accueillant à bras ouverts vos avis et contributions bien sûr !</p>
<h3 dir="auto">2. Proposer des services numériques (au grand public)</h3>
<p dir="auto">En informatique (comme ailleurs), il est pertinent d’être usager⋅e des services qu’on développe. <a href="https://guide.deuxfleurs.fr/formations/sysadmin/" rel="noopener noreferrer">La page « Administration système » de notre guide</a> critique de ce fait la distinction faite entre conception et production, et abonde dans le sens de la maxime « tu le développes, tu l’administres ». Éditeur de logiciels de fait, il est donc naturel pour nous d’en être les premiers usagers. Par ailleurs, nous avons notamment monté Deuxfleurs dans le but de mettre en commun nos services numériques auto-hébergés, et de les proposer à un large public. <a href="https://plume.deuxfleurs.fr/%7E/Deuxfleurs/Deuxfleurs%20rejoint%20les%20CHATONS,%20un%20collectif%20d'h%C3%A9bergeurs%20%C3%A9thiques" rel="noopener noreferrer">On est même devenus officiellement un CHATONS</a> pour entériner cette mission.</p>
<p dir="auto">C’est que face à la privatisation galopante de l’espace numérique (néo-<a href="https://fr.wikipedia.org/wiki/Enclosure" rel="noopener noreferrer"><em>enclosures</em></a> ?), il est urgent de faire émerger et vivre des espaces <em>communs</em>. <a href="https://yewtu.be/watch?v=QnJFhuOWgXg" rel="noopener noreferrer"><em>The revolution will not be televised</em></a> : nous ne ferons pas émerger le monde de demain <em>via</em> les outils de domination du présent modèle (moribond). Pour réaliser notre utopie, créer de nouveaux imaginaires du futur, faire vivre la démocratie, la convivialité et l’humanisme—nous avons besoin d’espaces de bienveillance et de libre-pensée. Notre espace, notre piaule, nos cabanes dans les arbres, nos communs.</p>
<h3 dir="auto">3. Plaidoyer, Inspirer, Essaimer</h3>
<p dir="auto">En effet, notre association a vocation à proposer et à promouvoir un idéal positif, quelque chose en lequel croire, <em>pour</em> lequel militer. Pas seulement contre : <em>anti</em>-capitaliste, <em>dé</em>-centralisation… Ça rejoint la motivation positiviste/utopiste : il faut se lever le matin <em>pour</em> quelque chose. </p>
<p dir="auto">Nous appelons donc les artistes de tout poil à rêver avec nous du monde merveilleux de demain, à dresser les grandes lignes de l’Eldorado. Plus il est grand et fabuleux, plus cet horizon spirituel motivera nos actions durant des siècles et des siècles. Trop d’emphase ? Je vous rappelle que nous étions alors dans un couvent, lieu de vie réalisé « pour les mille générations à venir » par des petites mains qui partageaient un idéal d’une force à faire bouger des montagnes. C’est pétris d’une vision cohérente, entraînante, « qui fasse rêver », que nous voulons nous produire devant la société civile, quelque soit l’objet du discours.</p>
<p dir="auto">Emmener l’assentiment passe par la conviction (avec des faits) et la persuasion (avec des sentiments). Si c’est avec passion que je recherche personnellement les faits scientifiques pour convaincre les raisons, c’est que je suis persuadé que l’utopie est déjà là—dans le fait d’arpenter le chemin qui y mène.</p>
<p dir="auto">J’arrête là les envolées lyriques. En guise de conclusion, j’écrirai simplement qu’il me tarde de vous rencontrer. Pour vivre, sur Terre et au présent, des aventures fleuries et pleines d’avenir. À bientôt !</p>
<p dir="auto">ADRN</p>
<h2 dir="auto">Références mentionnées durant l’atelier</h2>
<p dir="auto">S’il n’y a pas plus pédant qu’une personne qui cite des références à chaque phrase, alors il n’y a pas plus pédant que nous—parce qu’on en a cité un paquet durant cet atelier : </p>
<ul dir="auto">
<li>
<p dir="auto">Ivan Illich, <a href="https://www.seuil.com/ouvrage/la-convivialite-ivan-illich/9782757842119" rel="noopener noreferrer">« La Convivialité »</a>, Seuil, 1973.</p>
</li>
<li>
<p dir="auto">Yaël Benayoun &amp; Irénée Régnauld, <a href="https://boutique.fypeditions.com/products/echnologies-partout-democratie-nulle-part-plaidoyer-pour-que-les-choix-technologiques-deviennent-l-affaire-de-tous" rel="noopener noreferrer">« Technologie partout, Démocratie nulle part »</a>, FYP Éditions, 2020.</p>
</li>
<li>
<p dir="auto">Elinor Ostrom, économiste ayant beaucoup étudié les « communs ». <a href="https://fr.wikibooks.org/wiki/Construire_des_communs/Elinor_Ostrom" rel="noopener noreferrer">Une petite note de lecture sur Wikibooks.</a></p>
</li>
<li>
<p dir="auto">Édouard Jourdain, <a href="https://www.revue-ballast.fr/la-part-anarchiste-des-communs/" rel="noopener noreferrer">« La part anarchiste des communs »</a>, BALLAST, 2020, article en ligne dernièrement consulté le 1er décembre 2022.</p>
</li>
<li>
<p dir="auto">François Jarrige, <a href="https://www.editionsladecouverte.fr/technocritiques-9782707178237" rel="noopener noreferrer">« Techno-critiques : Du refus des machines à la contestation des technosciences »</a>, La Découverte, 2014.</p>
</li>
<li>
<p dir="auto">Götz Hamann, Heinrich Wefing &amp; Khuê Pham, <a href="http://www.premierparallele.fr/livre/the-united-states-of-google" rel="noopener noreferrer">« The United States of Google »</a>, Premier Parallèle, 2015.</p>
</li>
<li>
<p dir="auto">Jérôme Denis &amp; David Ponti, <a href="https://www.editionsladecouverte.fr/le_soin_des_choses-9782348064838" rel="noopener noreferrer">« Le soin des choses »</a>, La Découverte, 2022.</p>
</li>
<li>
<p dir="auto">« Resource One », une émanation d’un collectif anarchiste des 70’s aux États-Unis nommé « Project One ». Cf : </p>

</li>
<li>
<p dir="auto">« The Whole Earth Catalog », Stewart Brand, 1968, disponible <a href="https://monoskop.org/images/0/09/Brand_Stewart_Whole_Earth_Catalog_Fall_1968.pdf" rel="noopener noreferrer">en ligne</a>.</p>
</li>
<li>
<p dir="auto">Collectif Mauvaise Troupe, <a href="https://www.lyber-eclat.net/livres/constellations/" rel="noopener noreferrer">« Constellations »</a>, Éditions de l’Éclat, 2014.</p>
</li>
</ul>
<hr>
<p dir="auto"><a href="#postcontent-footnotemark1" rel="noopener noreferrer"></a> : Cette faculté d’essaimage est tout à notre honneur. Nous saluons et envions néanmoins l’ancrage territorial de collectifs comme <a href="https://raoull.org/" rel="noopener noreferrer">Raoull</a>, dont les relations nous ont permis de loger dans un endroit aussi génial que le Couvent des Clarisses le week-end dernier. Encore merci, et aussi pour la bière !</p>
<p dir="auto"><a href="#postcontent-footnotemark2" rel="noopener noreferrer"></a> : Bien qu’on n’en ait pas parlé durant l’atelier, je parle de « motivation intrinsèque » en référence à <a href="https://framablog.org/2021/08/06/quand-le-militantisme-deconne-injonctions-purete-militante-attaques-5-8/" rel="noopener noreferrer">l’épisode 5</a> de <a href="https://framablog.org/?s=viciss+militantisme" rel="noopener noreferrer">la série d’articles sur le Militantisme Déconnant</a> publiée par Viciss Hackso de <a href="https://www.hacking-social.com/" rel="noopener noreferrer">Hacking Social</a> sur le blog de <a href="https://framasoft.org/fr/" rel="noopener noreferrer">Framasoft</a>.</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>

+ 82
- 0
cache/2023/a0ccec7acb932e4155960c1c88d65eff/index.md View File

@@ -0,0 +1,82 @@
title: La mission de Deuxfleurs
url: https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs
hash_url: a0ccec7acb932e4155960c1c88d65eff

<blockquote dir="auto">
<p>Il est plusieurs sortes d’hurluberlus chez Deuxfleurs. Motivations non mutuellement exclusives, la philosophique et l’ingénieure concourent parfois dans une seule et même tête. </p>
</blockquote>
<p dir="auto">Lors du dernier Camp Deuxfleurs au Couvent des Clarisses, le dernier atelier fut dédié à énoncer la <em>mission</em> de l’association, à la préciser, pourquoi pas à l’amender. Cela nous a semblé prioritaire pour solidifier notre coopération et notre cohérence. <em>Coopération</em> : malgré des individualités parfois en friction, c’est la reconnaissance d’un rêve de l’humanité commun qui permet à des mentalités d’une grande diversité d’avancer ensemble vers leur idéal partagé (rien de nouveau sous le soleil). <em>Cohérence</em> : bouillonnant⋅es d’énergie et décentralisé⋅es que nous sommes, nous entreprenons moult actions individuelles au nom de l’asso, chacun⋅e de son côté<a href="#postcontent-footnote1" rel="noopener noreferrer"></a>. Préciser notre mission, c’est rediscuter ensemble l’ordonnanceur qu’on ramènera tou⋅tes à la maison : quelles priorités, quelles actions, et comment s’insèrent-elles dans la tapisserie que nous brodons ensemble.</p>
<p dir="auto">Dimanche 27 novembre, la cafetière à piston fumante sur la table à manger savamment encombrée, nous avons donc entrepris de discuter de la « mission » de Deuxfleurs, en donnant successivement la parole à chacun⋅e. Il en est sorti un consensus assez clair que je délivrerai tout à l’heure ; mais j’aimerais d’abord évoquer mon ressenti : la grande diversité des motivations à participer à une telle association, que j’ai trouvée géniale.</p>
<h2 dir="auto">Typologie de comptoir des motivations intrinsèques<a href="#postcontent-footnote2" rel="noopener noreferrer"></a></h2>
<p dir="auto">Lors de cet atelier, j’ai été le plus fasciné par la diversité des positionnements face à un objet d’association somme toute assez consensuel. Mince, nous n’étions que onze ; et déjà combien de sentiers proposés pour gravir la même montagne ! Dessinons donc quelques motivations types, en soulignant que cette classification ne cherche pas à mettre les gens dans des boîtes mais à caractériser diverses motivations intrinsèques à militer (loin d’être mutuellement exclusives) :</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Positiviste/Utopiste</strong> : Le monde va mal, et il y a beaucoup à critiquer ; certes. Mais on ne peut pas être satisfait⋅e de se lever tous les matins pour partir en guerre. Il faut œuvrer <em>pour</em> quelque chose, et c’est la recherche de cet idéal positif que j’appelle motivation positiviste/utopiste.</p>
</li>
<li>
<p dir="auto"><strong>Historienne/Philosophe</strong> : L’Histoire et la Culture sont pleines d’expériences et d’enseignements. Mettre en parallèle les événements d’hier et d’aujourd’hui, pour un tirer un recul critique, une vision systémique et des propositions concrètes—voilà une motivation historienne/philosophique qui sent bon le vieux livre.</p>
</li>
<li>
<p dir="auto"><strong>Scientifique</strong> : Nous avons l’intuition que notre action est bien fondée, mais une intuition ne peut suffire à emmener la société dans son ensemble (et ce n’est pas souhaitable). L’envie de rechercher des faits rationnels pour étayer l’action militante, la critiquer constructivement, et l’armer pour convaincre le plus grand nombre ; c’est une motivation toute scientifique.</p>
</li>
<li>
<p dir="auto"><strong>Ingénierie</strong> : Dans le domaine informatique comme dans toute technique ou artisanat, rester à la pointe demande une pratique et un effort de veille constants. Celleux qui maîtrisent le mieux l’outil ont les idées large, des Chapelles Sixtine plein la tête, et sont motivé⋅es par le fait de mettre leur savoir-faire à l’œuvre là où il sera le plus bénéfique, important, utile au plus grand nombre.</p>
</li>
<li>
<p dir="auto"><strong>Expérimentale</strong> : Si l’historien⋅ne a raison de considérer les acquis de l’Histoire, il reste à découvrir au moins autant de façons de vivre et de faire communauté qu’il en a existé par le passé. La motivation expérimentale, c’est de vouloir proposer quelque chose de nouveau, qui n’a jamais été fait, une réponse inédite à nos problèmes sans précédent.</p>
</li>
</ul>
<h2 dir="auto">La mission de Deuxfleurs</h2>
<p dir="auto">Cet atelier a démarré sur une proposition de cadrage de notre mission réalisée par Tom et Esther durant leurs échanges avec <a href="https://www.anciela.info/" rel="noopener noreferrer">Anciéla</a> (une association de soutien à l’Économie Sociale et Solidaire qui nous accompagne depuis Lyon). Nous avons vite effacé le tableau pour laisser chacun⋅e proposer sa vision sans trop de biais, avant de revenir sur ce cadrage sans y trouver à redire. Ci-après la liste de nos trois objectifs phare, tous aussi importants les uns que les autres.</p>
<blockquote dir="auto">
<p>Le corps de texte des sections suivantes n’est que <em>mon</em> interprétation de la mission de l’asso à un instant donné, développée à partir de mes notes d’atelier. Dans un avenir proche, nous rédigerons un meilleur document, plus collectif et intemporel.</p>
</blockquote>
<h3 dir="auto">1. Fabriquer des outils pour les communautés (CHATONS)</h3>
<p dir="auto">Deuxfleurs dispose de connaissances, de compétences et d’une volonté uniques pour proposer <a href="https://git.deuxfleurs.fr/Deuxfleurs" rel="noopener noreferrer">des briques techniques</a> facilitant l’« entr’hébergement » (concept proposé par <a href="https://tedomum.net/" rel="noopener noreferrer">TeDomum</a>). On pense à Tricot, Guichet, Diplonat… et bien sûr à <a href="https://garagehq.deuxfleurs.fr/" rel="noopener noreferrer">Garage</a>, pour le développement duquel <a href="https://plume.deuxfleurs.fr/%7E/Deuxfleurs/NGI%20Pointer%20subventionne%20Deuxfleurs" rel="noopener noreferrer">nous avons embauché trois de nos ouailles</a> l’an passé. On voit diverses communautés « libristes » déployer Garage en production (notamment des <a href="https://www.chatons.org/" rel="noopener noreferrer">CHATONS</a>), ce qui semble indiquer que notre analyse des besoins et nos propositions techniques sont pertinentes. Nous allons donc continuer sur cette voie, en accueillant à bras ouverts vos avis et contributions bien sûr !</p>
<h3 dir="auto">2. Proposer des services numériques (au grand public)</h3>
<p dir="auto">En informatique (comme ailleurs), il est pertinent d’être usager⋅e des services qu’on développe. <a href="https://guide.deuxfleurs.fr/formations/sysadmin/" rel="noopener noreferrer">La page « Administration système » de notre guide</a> critique de ce fait la distinction faite entre conception et production, et abonde dans le sens de la maxime « tu le développes, tu l’administres ». Éditeur de logiciels de fait, il est donc naturel pour nous d’en être les premiers usagers. Par ailleurs, nous avons notamment monté Deuxfleurs dans le but de mettre en commun nos services numériques auto-hébergés, et de les proposer à un large public. <a href="https://plume.deuxfleurs.fr/%7E/Deuxfleurs/Deuxfleurs%20rejoint%20les%20CHATONS,%20un%20collectif%20d'h%C3%A9bergeurs%20%C3%A9thiques" rel="noopener noreferrer">On est même devenus officiellement un CHATONS</a> pour entériner cette mission.</p>
<p dir="auto">C’est que face à la privatisation galopante de l’espace numérique (néo-<a href="https://fr.wikipedia.org/wiki/Enclosure" rel="noopener noreferrer"><em>enclosures</em></a> ?), il est urgent de faire émerger et vivre des espaces <em>communs</em>. <a href="https://yewtu.be/watch?v=QnJFhuOWgXg" rel="noopener noreferrer"><em>The revolution will not be televised</em></a> : nous ne ferons pas émerger le monde de demain <em>via</em> les outils de domination du présent modèle (moribond). Pour réaliser notre utopie, créer de nouveaux imaginaires du futur, faire vivre la démocratie, la convivialité et l’humanisme—nous avons besoin d’espaces de bienveillance et de libre-pensée. Notre espace, notre piaule, nos cabanes dans les arbres, nos communs.</p>
<h3 dir="auto">3. Plaidoyer, Inspirer, Essaimer</h3>
<p dir="auto">En effet, notre association a vocation à proposer et à promouvoir un idéal positif, quelque chose en lequel croire, <em>pour</em> lequel militer. Pas seulement contre : <em>anti</em>-capitaliste, <em>dé</em>-centralisation… Ça rejoint la motivation positiviste/utopiste : il faut se lever le matin <em>pour</em> quelque chose. </p>
<p dir="auto">Nous appelons donc les artistes de tout poil à rêver avec nous du monde merveilleux de demain, à dresser les grandes lignes de l’Eldorado. Plus il est grand et fabuleux, plus cet horizon spirituel motivera nos actions durant des siècles et des siècles. Trop d’emphase ? Je vous rappelle que nous étions alors dans un couvent, lieu de vie réalisé « pour les mille générations à venir » par des petites mains qui partageaient un idéal d’une force à faire bouger des montagnes. C’est pétris d’une vision cohérente, entraînante, « qui fasse rêver », que nous voulons nous produire devant la société civile, quelque soit l’objet du discours.</p>
<p dir="auto">Emmener l’assentiment passe par la conviction (avec des faits) et la persuasion (avec des sentiments). Si c’est avec passion que je recherche personnellement les faits scientifiques pour convaincre les raisons, c’est que je suis persuadé que l’utopie est déjà là—dans le fait d’arpenter le chemin qui y mène.</p>
<p dir="auto">J’arrête là les envolées lyriques. En guise de conclusion, j’écrirai simplement qu’il me tarde de vous rencontrer. Pour vivre, sur Terre et au présent, des aventures fleuries et pleines d’avenir. À bientôt !</p>
<p dir="auto">ADRN</p>
<h2 dir="auto">Références mentionnées durant l’atelier</h2>
<p dir="auto">S’il n’y a pas plus pédant qu’une personne qui cite des références à chaque phrase, alors il n’y a pas plus pédant que nous—parce qu’on en a cité un paquet durant cet atelier : </p>
<ul dir="auto">
<li>
<p dir="auto">Ivan Illich, <a href="https://www.seuil.com/ouvrage/la-convivialite-ivan-illich/9782757842119" rel="noopener noreferrer">« La Convivialité »</a>, Seuil, 1973.</p>
</li>
<li>
<p dir="auto">Yaël Benayoun &amp; Irénée Régnauld, <a href="https://boutique.fypeditions.com/products/echnologies-partout-democratie-nulle-part-plaidoyer-pour-que-les-choix-technologiques-deviennent-l-affaire-de-tous" rel="noopener noreferrer">« Technologie partout, Démocratie nulle part »</a>, FYP Éditions, 2020.</p>
</li>
<li>
<p dir="auto">Elinor Ostrom, économiste ayant beaucoup étudié les « communs ». <a href="https://fr.wikibooks.org/wiki/Construire_des_communs/Elinor_Ostrom" rel="noopener noreferrer">Une petite note de lecture sur Wikibooks.</a></p>
</li>
<li>
<p dir="auto">Édouard Jourdain, <a href="https://www.revue-ballast.fr/la-part-anarchiste-des-communs/" rel="noopener noreferrer">« La part anarchiste des communs »</a>, BALLAST, 2020, article en ligne dernièrement consulté le 1er décembre 2022.</p>
</li>
<li>
<p dir="auto">François Jarrige, <a href="https://www.editionsladecouverte.fr/technocritiques-9782707178237" rel="noopener noreferrer">« Techno-critiques : Du refus des machines à la contestation des technosciences »</a>, La Découverte, 2014.</p>
</li>
<li>
<p dir="auto">Götz Hamann, Heinrich Wefing &amp; Khuê Pham, <a href="http://www.premierparallele.fr/livre/the-united-states-of-google" rel="noopener noreferrer">« The United States of Google »</a>, Premier Parallèle, 2015.</p>
</li>
<li>
<p dir="auto">Jérôme Denis &amp; David Ponti, <a href="https://www.editionsladecouverte.fr/le_soin_des_choses-9782348064838" rel="noopener noreferrer">« Le soin des choses »</a>, La Découverte, 2022.</p>
</li>
<li>
<p dir="auto">« Resource One », une émanation d’un collectif anarchiste des 70’s aux États-Unis nommé « Project One ». Cf : </p>

</li>
<li>
<p dir="auto">« The Whole Earth Catalog », Stewart Brand, 1968, disponible <a href="https://monoskop.org/images/0/09/Brand_Stewart_Whole_Earth_Catalog_Fall_1968.pdf" rel="noopener noreferrer">en ligne</a>.</p>
</li>
<li>
<p dir="auto">Collectif Mauvaise Troupe, <a href="https://www.lyber-eclat.net/livres/constellations/" rel="noopener noreferrer">« Constellations »</a>, Éditions de l’Éclat, 2014.</p>
</li>
</ul>
<hr>
<p dir="auto"><a href="#postcontent-footnotemark1" rel="noopener noreferrer"></a> : Cette faculté d’essaimage est tout à notre honneur. Nous saluons et envions néanmoins l’ancrage territorial de collectifs comme <a href="https://raoull.org/" rel="noopener noreferrer">Raoull</a>, dont les relations nous ont permis de loger dans un endroit aussi génial que le Couvent des Clarisses le week-end dernier. Encore merci, et aussi pour la bière !</p>
<p dir="auto"><a href="#postcontent-footnotemark2" rel="noopener noreferrer"></a> : Bien qu’on n’en ait pas parlé durant l’atelier, je parle de « motivation intrinsèque » en référence à <a href="https://framablog.org/2021/08/06/quand-le-militantisme-deconne-injonctions-purete-militante-attaques-5-8/" rel="noopener noreferrer">l’épisode 5</a> de <a href="https://framablog.org/?s=viciss+militantisme" rel="noopener noreferrer">la série d’articles sur le Militantisme Déconnant</a> publiée par Viciss Hackso de <a href="https://www.hacking-social.com/" rel="noopener noreferrer">Hacking Social</a> sur le blog de <a href="https://framasoft.org/fr/" rel="noopener noreferrer">Framasoft</a>.</p>

+ 189
- 0
cache/2023/f7957bdde7af740e322756668784d355/index.html View File

@@ -0,0 +1,189 @@
<!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>Speed for who? | Andy Bell (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://andy-bell.co.uk/speed-for-who/">

<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>Speed for who? | Andy Bell</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-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://andy-bell.co.uk/speed-for-who/" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p><time datetime="2023-01-31">January 31, 2023 2:55 pm</time></p>
<p>Frameworks are often touted as something like “a lightning fast development experience” and that’s fine I guess, but the speed is in the wrong hands. Why not “a lightning fast experience for your users”? </p>
<p>Sure, some frameworks will claim to be very fast for end-users with some very meticulously, massaged data to “prove” that, but as Zach points out in <a href="https://www.zachleat.com/web/javascript-community/">this great post</a>, it means nothing when the output bundle sizes are astronomical off the bat: </p>
<blockquote class="wp-block-quote">
<p>Well, wait. When you’re straddling the divide, you know that <a href="https://www.zachleat.com/twitter/1534588439580090368/">Remix</a> (67.7 kB compressed) and <a href="https://www.zachleat.com/twitter/1584995586918731776/">Next.js</a> (90 kB compressed) have not meaningfully reduced their bundle sizes at all. Measurement reveals that bundles are growing: Next.js was <a href="https://www.zachleat.com/twitter/1468419834501337088">72.2 kB compressed in 2021</a>.</p>
</blockquote>
<p>I’ve always found the focus on developer experience as a framework feature uncomfortable. The focus is all in the wrong place: spoiled developers vs people trying to use your website/app. I personally think developer experience is one of the least important aspects.</p>
<p>When I’ve mentioned that before, I often get a response like “yeh but because developer experience is better, we can do good work for users, faster”, but I’m yet to actually see that happening. Instead I see fad-chasing, like single page applications (SPAs), blockchain and now “AI” like Copilot and ChatGPT…</p>
<p>If a framework actually came along with a pure focus on user experience and thoroughly optimised output—something like a 99% reduction in output JavaScript vs current frameworks—I would be interested. As Dave pointed out in this article, <a href="https://daverupert.com/2023/01/so-you-want-to-make-a-new-js-framework/">that goes against the new framework trend</a>.</p>
<p>Only recently too, the head-honcho of Vercel—who are responsible for the monstrously large output generating framework—Next.js, tweeted this rather cryptic tweet: </p>

<p>I personally think this is broetry that really translates to “remember how we consistently said that SPAs are much better and faster than real HTML pages? Guess what, we were actually grifting our framework and now we’re going to go against that original grift with a different grift for the same framework”. </p>
<p>I dunno, maybe I’m being salty, but it’s justified saltiness. I actually <strong>genuinely care about users</strong>, you see. It’s why I <em>constantly</em> prattle on about progressive enhancement. Mainly, that makes everyone’s experience better, but the most important thing for me is that <strong>data is expensive.</strong> </p>
<p>Sure, if you’re based in San Francisco and you go to your adult daycare—sorry, I mean startup office—with ultra high-speed broadband: that 90 kB baseline compressed output might not feel like a lot, but what about if you live in Saint Helena? At the time of writing, a gigabyte of data there <a href="https://www.cable.co.uk/mobiles/worldwide-data-pricing/#pricing">costs around $41 USD</a>. </p>
<p>Your initial response to that might be “there’s a lot of kilobytes in a gigabyte”, and yes, you’re right, but there’s also a horrendous amount of framework-powered sites that could be HTML and CSS. Also, remember 90 kB is the framework’s default compressed output. Absolutely shoddy stuff. </p>
<p>You might also be tempted to say “our users only live in ‘developed countries'” (god I hate that term), but that’s like saying “<a href="https://andy-bell.co.uk/most-of-our-users-are-on-desktop/" data-type="post" data-id="692">all of our users are on desktop</a>“. It’s also a piss-poor excuse for not building for everyone. </p>
<p>I guess what I’m winding up to say here is developer experience really isn’t important—especially when frameworks haven’t even got the absolute baseline experience anywhere near where it needs to be to service a <strong>world wide web</strong>. A <strong>world wide web</strong> that’s accessed with slow, expensive connections and cheap, underperforming hardware. How about taking a bit of “DX” on the chin to focus instead on “why are we using this framework that potentially excludes the majority of users?”.</p>
<p>As Alex says: <a href="https://infrequently.org/2022/12/performance-baseline-2023/">a lost decade</a>. I couldn’t agree with that sentiment more, to be honest.</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>

+ 22
- 0
cache/2023/f7957bdde7af740e322756668784d355/index.md View File

@@ -0,0 +1,22 @@
title: Speed for who? | Andy Bell
url: https://andy-bell.co.uk/speed-for-who/
hash_url: f7957bdde7af740e322756668784d355

<time datetime="2023-01-31">January 31, 2023 2:55 pm</time>
<p>Frameworks are often touted as something like “a lightning fast development experience” and that’s fine I guess, but the speed is in the wrong hands. Why not “a lightning fast experience for your users”? </p>
<p>Sure, some frameworks will claim to be very fast for end-users with some very meticulously, massaged data to “prove” that, but as Zach points out in <a href="https://www.zachleat.com/web/javascript-community/">this great post</a>, it means nothing when the output bundle sizes are astronomical off the bat: </p>
<blockquote class="wp-block-quote">
<p>Well, wait. When you’re straddling the divide, you know that <a href="https://www.zachleat.com/twitter/1534588439580090368/">Remix</a> (67.7 kB compressed) and <a href="https://www.zachleat.com/twitter/1584995586918731776/">Next.js</a> (90 kB compressed) have not meaningfully reduced their bundle sizes at all. Measurement reveals that bundles are growing: Next.js was <a href="https://www.zachleat.com/twitter/1468419834501337088">72.2 kB compressed in 2021</a>.</p>
</blockquote>
<p>I’ve always found the focus on developer experience as a framework feature uncomfortable. The focus is all in the wrong place: spoiled developers vs people trying to use your website/app. I personally think developer experience is one of the least important aspects.</p>
<p>When I’ve mentioned that before, I often get a response like “yeh but because developer experience is better, we can do good work for users, faster”, but I’m yet to actually see that happening. Instead I see fad-chasing, like single page applications (SPAs), blockchain and now “AI” like Copilot and ChatGPT…</p>
<p>If a framework actually came along with a pure focus on user experience and thoroughly optimised output—something like a 99% reduction in output JavaScript vs current frameworks—I would be interested. As Dave pointed out in this article, <a href="https://daverupert.com/2023/01/so-you-want-to-make-a-new-js-framework/">that goes against the new framework trend</a>.</p>
<p>Only recently too, the head-honcho of Vercel—who are responsible for the monstrously large output generating framework—Next.js, tweeted this rather cryptic tweet: </p>

<p>I personally think this is broetry that really translates to “remember how we consistently said that SPAs are much better and faster than real HTML pages? Guess what, we were actually grifting our framework and now we’re going to go against that original grift with a different grift for the same framework”. </p>
<p>I dunno, maybe I’m being salty, but it’s justified saltiness. I actually <strong>genuinely care about users</strong>, you see. It’s why I <em>constantly</em> prattle on about progressive enhancement. Mainly, that makes everyone’s experience better, but the most important thing for me is that <strong>data is expensive.</strong> </p>
<p>Sure, if you’re based in San Francisco and you go to your adult daycare—sorry, I mean startup office—with ultra high-speed broadband: that 90 kB baseline compressed output might not feel like a lot, but what about if you live in Saint Helena? At the time of writing, a gigabyte of data there <a href="https://www.cable.co.uk/mobiles/worldwide-data-pricing/#pricing">costs around $41 USD</a>. </p>
<p>Your initial response to that might be “there’s a lot of kilobytes in a gigabyte”, and yes, you’re right, but there’s also a horrendous amount of framework-powered sites that could be HTML and CSS. Also, remember 90 kB is the framework’s default compressed output. Absolutely shoddy stuff. </p>
<p>You might also be tempted to say “our users only live in ‘developed countries'” (god I hate that term), but that’s like saying “<a href="https://andy-bell.co.uk/most-of-our-users-are-on-desktop/" data-type="post" data-id="692">all of our users are on desktop</a>“. It’s also a piss-poor excuse for not building for everyone. </p>
<p>I guess what I’m winding up to say here is developer experience really isn’t important—especially when frameworks haven’t even got the absolute baseline experience anywhere near where it needs to be to service a <strong>world wide web</strong>. A <strong>world wide web</strong> that’s accessed with slow, expensive connections and cheap, underperforming hardware. How about taking a bit of “DX” on the chin to focus instead on “why are we using this framework that potentially excludes the majority of users?”.</p>
<p>As Alex says: <a href="https://infrequently.org/2022/12/performance-baseline-2023/">a lost decade</a>. I couldn’t agree with that sentiment more, to be honest.</p>

+ 207
- 0
cache/2023/f85d5742bb188e4b25d627b78413fbac/index.html View File

@@ -0,0 +1,207 @@
<!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>I want to lose every debate. (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- 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>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://sive.rs/led">

<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>I want to lose every debate.</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-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://sive.rs/led" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>
My favorite moments in life are when someone shows me a new perspective — a way of thinking I had never considered.
</p>
<p>
Ideally it’s something I opposed, but they help me understand why it works for them.
</p>
<ul><li>
The sex worker explains why she loves her job.
</li><li>
The Singaporean in the three-piece-suit explains why clothing is like the SMTP protocol.
</li><li>
The Hindu explains why poverty doesn’t upset her.
</li><li>
The Muslim explains why Islamic law is a perfect recipe for peace.
</li><li>
The hedonist justifies her partying, and tells me the most heart-warming explanation for her ugly tattoo.
</li></ul>
<p>
These conversations are the most memorable — the most life-changing — because I get a personal introduction to <strong>a mindset — a walk-through of a thought process</strong>.
I get to understand their reasoning.
</p>
<p>
Then those people I thought were wrong, stupid, or crazy suddenly make sense.
</p>
<p>
Thinking that people are <a href="https://sive.rs/ss">stupid</a> is not thinking.
Understanding them is.
</p>
<p>
<strong>
I never want to debate, but if I had to, I would hope to lose.
</strong>
I don’t want to convince anyone of my existing perspective.
I would rather be convinced of theirs.
It’s more interesting to assume that they are right.
</p>
</article>


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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-2021-12.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>

+ 34
- 0
cache/2023/f85d5742bb188e4b25d627b78413fbac/index.md View File

@@ -0,0 +1,34 @@
title: I want to lose every debate.
url: https://sive.rs/led
hash_url: f85d5742bb188e4b25d627b78413fbac

<p>
My favorite moments in life are when someone shows me a new perspective — a way of thinking I had never considered.
</p><p>
Ideally it’s something I opposed, but they help me understand why it works for them.
</p><ul><li>
The sex worker explains why she loves her job.
</li><li>
The Singaporean in the three-piece-suit explains why clothing is like the SMTP protocol.
</li><li>
The Hindu explains why poverty doesn’t upset her.
</li><li>
The Muslim explains why Islamic law is a perfect recipe for peace.
</li><li>
The hedonist justifies her partying, and tells me the most heart-warming explanation for her ugly tattoo.
</li></ul><p>
These conversations are the most memorable — the most life-changing — because I get a personal introduction to <strong>a mindset — a walk-through of a thought process</strong>.
I get to understand their reasoning.
</p><p>
Then those people I thought were wrong, stupid, or crazy suddenly make sense.
</p><p>
Thinking that people are <a href="https://sive.rs/ss">stupid</a> is not thinking.
Understanding them is.
</p><p>
<strong>
I never want to debate, but if I had to, I would hope to lose.
</strong>
I don’t want to convince anyone of my existing perspective.
I would rather be convinced of theirs.
It’s more interesting to assume that they are right.
</p>

+ 8
- 0
cache/2023/index.html View File

@@ -67,6 +67,8 @@
<main>
<ul>
<li><a href="/david/cache/2022/f7957bdde7af740e322756668784d355/" title="Accès à l’article dans le cache local : Speed for who? | Andy Bell">Speed for who? | Andy Bell</a> (<a href="https://andy-bell.co.uk/speed-for-who/" title="Accès à l’article original distant : Speed for who? | Andy Bell">original</a>)</li>
<li><a href="/david/cache/2022/e1a26da20c603d214d0f844d5836569e/" title="Accès à l’article dans le cache local : my mind is full of webs">my mind is full of webs</a> (<a href="https://winnielim.org/journal/my-mind-is-full-of-webs/" title="Accès à l’article original distant : my mind is full of webs">original</a>)</li>
<li><a href="/david/cache/2022/300b9aa899d44f7606a8448991e2acfd/" title="Accès à l’article dans le cache local : Time to Write? Go Outside">Time to Write? Go Outside</a> (<a href="https://archive.nytimes.com/opinionator.blogs.nytimes.com/2013/09/16/time-to-write-go-outside/" title="Accès à l’article original distant : Time to Write? Go Outside">original</a>)</li>
@@ -103,6 +105,8 @@
<li><a href="/david/cache/2022/d6b891fd250a6ae967ae55564770b67a/" title="Accès à l’article dans le cache local : The Open-Source Software bubble that is and the blogging bubble that was">The Open-Source Software bubble that is and the blogging bubble that was</a> (<a href="https://www.baldurbjarnason.com/2021/the-oss-bubble-and-the-blogging-bubble/" title="Accès à l’article original distant : The Open-Source Software bubble that is and the blogging bubble that was">original</a>)</li>
<li><a href="/david/cache/2022/7469f181ef4b031f59ae69356af16e28/" title="Accès à l’article dans le cache local : Modern Health, frameworks, performance, and harm">Modern Health, frameworks, performance, and harm</a> (<a href="https://ericwbailey.website/published/modern-health-frameworks-performance-and-harm/" title="Accès à l’article original distant : Modern Health, frameworks, performance, and harm">original</a>)</li>
<li><a href="/david/cache/2022/c564325b28ec854b6b098950df5c8c8f/" title="Accès à l’article dans le cache local : weathering software winter">weathering software winter</a> (<a href="https://100r.co/site/weathering_software_winter.html" title="Accès à l’article original distant : weathering software winter">original</a>)</li>
<li><a href="/david/cache/2022/c9441324cd8ba32c33817cdbc720bfda/" title="Accès à l’article dans le cache local : Grande Traversée du Poisson Blanc 2023">Grande Traversée du Poisson Blanc 2023</a> (<a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Accès à l’article original distant : Grande Traversée du Poisson Blanc 2023">original</a>)</li>
@@ -117,6 +121,8 @@
<li><a href="/david/cache/2022/745057669a6d4c8fd3c5ce1c5dd81b8c/" title="Accès à l’article dans le cache local : Network effect">Network effect</a> (<a href="https://bastianallgeier.com/notes/network-effect" title="Accès à l’article original distant : Network effect">original</a>)</li>
<li><a href="/david/cache/2022/f85d5742bb188e4b25d627b78413fbac/" title="Accès à l’article dans le cache local : I want to lose every debate.">I want to lose every debate.</a> (<a href="https://sive.rs/led" title="Accès à l’article original distant : I want to lose every debate.">original</a>)</li>
<li><a href="/david/cache/2022/cba96d83d96944c55675cb073fcfc60d/" title="Accès à l’article dans le cache local : ‘Snow Fall’ at 10: How It Changed Journalism">‘Snow Fall’ at 10: How It Changed Journalism</a> (<a href="https://www.nytimes.com/2022/12/23/insider/snow-fall-at-10-how-it-changed-journalism.html" title="Accès à l’article original distant : ‘Snow Fall’ at 10: How It Changed Journalism">original</a>)</li>
<li><a href="/david/cache/2022/3ca10b945c7517c2f234e3b9534bfb6d/" title="Accès à l’article dans le cache local : Software Maxims">Software Maxims</a> (<a href="https://www.softwaremaxims.com/blog/not-a-supplier" title="Accès à l’article original distant : Software Maxims">original</a>)</li>
@@ -163,6 +169,8 @@
<li><a href="/david/cache/2022/3cffe9d9946878273e050e9d35d9bf9e/" title="Accès à l’article dans le cache local : Exploratrices, un prototype de jeu vidéo">Exploratrices, un prototype de jeu vidéo</a> (<a href="https://marienfressinaud.fr/exploratrices.html" title="Accès à l’article original distant : Exploratrices, un prototype de jeu vidéo">original</a>)</li>
<li><a href="/david/cache/2022/a0ccec7acb932e4155960c1c88d65eff/" title="Accès à l’article dans le cache local : La mission de Deuxfleurs">La mission de Deuxfleurs</a> (<a href="https://plume.deuxfleurs.fr/~/Deuxfleurs/La%20mission%20de%20Deuxfleurs" title="Accès à l’article original distant : La mission de Deuxfleurs">original</a>)</li>
<li><a href="/david/cache/2022/ae079737f65e55da1d7a672b3a685b46/" title="Accès à l’article dans le cache local : Tolerance for boredom">Tolerance for boredom</a> (<a href="https://aworkinglibrary.com/writing/tolerance-for-boredom" title="Accès à l’article original distant : Tolerance for boredom">original</a>)</li>
</ul>

Loading…
Cancel
Save