davidbgk
/
larlet-fr-david
Beobachten 1
Favorisieren 0
Fork 0
Code Releases 0 Aktivität
Quellcode durchsuchen

Article

master
David Larlet vor 8 Monaten
Ursprung
7b390e35a2
Commit
40a848803f
Signiert von: David Larlet <david@larlet.fr> GPG-Schlüssel-ID: 3E2953A359E7E7BD
11 geänderte Dateien mit 1083 neuen und 52 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 8
    0
      david/2024/03/10/index.html
  2. 415
    0
      david/2024/03/11/index.html
  3. 31
    0
      david/2024/_sources/2024-03-11 - Loginwall.md
  4. 364
    0
      david/2024/decentralisation/index.html
  5. 89
    0
      david/2024/dependance/index.html
  6. 5
    3
      david/2024/index.html
  7. 89
    0
      david/2024/web/index.html
  8. 16
    16
      david/blogroll/index.html
  9. 11
    2
      david/index.html
  10. 43
    31
      david/log/index.xml
  11. 12
    0
      david/recherche/index.html

+ 8
- 0
david/2024/03/10/index.html Datei anzeigen

@@ -152,6 +152,10 @@
title="Aller à la page de recherche"
rel="search" data-no-instant>Recherche</a>
• <a rel="next"
href="/david/2024/03/11/"
title="Publication suivante : LoginWall">Suivant →</a>
</p>
</nav>
@@ -193,6 +197,10 @@
<a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
• <a rel="next"
href="/david/2024/03/11/"
title="Publication suivante : LoginWall">Suivant →</a>
</p>
</nav>


+ 415
- 0
david/2024/03/11/index.html Datei anzeigen

@@ -0,0 +1,415 @@
<!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>
LoginWall
— David Larlet</title>
<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>
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_b_regular.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<meta name="description" content="I don’t have a LinkedIn account. I don’t like the idea that we both need an account. I need one to post my résumé, and you need one to view it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets me.">
<!-- 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)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<style type="text/css">
.tippy-content {
min-width: 280px;
padding: .5rem;
font-size: calc(var(--fluid-0) * 0.8);
font-family: var(--labor-font);
letter-spacing: initial;
text-align: left;
}
.tippy-content h3 {
margin-top: 0;
}
.tippy-content h3 img {
max-width: 2rem;
max-height: 2rem;
display: inline-block;
}
.tippy-content .tippy-links {
display: flex;
justify-content: space-around;
}
.tippy-content a {
padding: .4rem;
color: #F06048;
}
</style>

<body data-instant-intensity="viewport-all">
<article>
<header>
<hgroup>
<h1>LoginWall</h1>
<p>Le <time datetime="2024-03-11">11 mars 2024</time></p>
</hgroup>
</header>
<nav>
<p>
<a rel="prev"
href="/david/2024/03/10/"
title="Publication précédente : Dune">← Précédent</a> •
<a href="/david/" title="Aller à l’accueil" rel="up">Accueil</a>
•
<a href="/david/recherche/"
title="Aller à la page de recherche"
rel="search" data-no-instant>Recherche</a>
</p>
</nav>

<blockquote lang="en">
<p>I don’t have a LinkedIn account. I don’t like the idea that we both <strong>need</strong> an account. I need one to <strong>post</strong> my résumé, and you need one to <strong>view</strong> it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&nbsp;me.</p>
<p>[…]</p>
<p>Every new thing that I add to my website works to regain my internet presence <strong>away</strong> from companies that <strong>do not</strong> have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. <mark>I can avoid all of that by&nbsp;self-publishing.</mark></p>
<p><cite><em><a data-link-domain="lmnt.me" href="https://lmnt.me/blog/web-independence.html" hreflang="en"
title="Consultation de l’article (anglais)">Web Independence</a>
<a href="/david/cache/2024/ce6e3472d21a189dc76b3fc6e6f1b49c/" hreflang="en"
data-tippy data-description="Be independent. We can build things on the web without them. Better things."
data-source="https://lmnt.me/blog/web-independence.html"
data-date="2024-03-11"
data-favicon="https://lmnt.me/lmnt.png"
data-domain="lmnt.me"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&nbsp;consulter&#8239;?</p>
<p>Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le <em>tweet</em> est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&nbsp;popularité&nbsp;», ça sent bon la girouette qui est à la tête de&nbsp;l’entreprise.</p>
<a href="#hr-108" title="Lien vers cette section de la page"><hr id="hr-108" /></a>

<blockquote lang="en">
<p>What I try to keep in mind is the <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Curb_cut_effect">curb cut effect</a>, also known as the «&nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&nbsp;there.)</p>
<p><cite><em><a data-link-domain="alexsirac.com" href="https://alexsirac.com/accessibility-notes/" hreflang="fr"
title="Consultation de l’article">Accessibility notes from your headache-prone friend</a>
<a href="/david/cache/2024/4dc1c2edacf179310783146044f0d06e/" hreflang="fr"
data-tippy data-description=""
data-source="https://alexsirac.com/accessibility-notes/"
data-date="2024-03-11"
data-favicon="https://alexsirac.com/wp-content/uploads/2023/01/cropped-cropped-portraitplante-32x32.webp"
data-domain="alexsirac.com"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&nbsp;Alex&#8239;!</p>
<a href="#hr-109" title="Lien vers cette section de la page"><hr id="hr-109" /></a>
<figure>
<a href="/static/david/2024/2024-03-11-parcours-ouareau.png"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-03-11-parcours-ouareau.png"
width="1294" height="1108"
srcset="/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w"
sizes="min(100vw, calc(100vh * 1294 / 1108))"
loading="lazy"
decoding="async"
alt="Capture d’écran d’un parcours sur 4&nbsp;jours avec une soixantaine de kilomètres.">
</a>
<figcaption>Si ma cheville le&nbsp;permet.</figcaption>
</figure>
<p>J’ai joué avec le <a data-link-domain="komoot.com" href="https://www.komoot.com/fr-fr/plan">Planificateur d’itinéraire de Komoot</a> hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&nbsp;physique.</p>
<p>J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&nbsp;BD&nbsp;:-).</p>

<nav>
<p>
<a href="/david/2024/decentralisation/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#décentralisation</a>
<a href="/david/2024/dependance/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#dépendance</a>
<a href="/david/2024/web/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#web</a>
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
</p>
</nav>
<nav>
<p>
<a rel="prev"
href="/david/2024/03/10/"
title="Publication précédente : Dune">← Précédent</a> •
<a href="/david/2024/" title="Liste des publications récentes">↑ En 2024</a>
</p>
</nav>

<form action="/david/recherche/" method="get">
<fieldset>
<legend>Recherche</legend>
<label for="input-search">Termes de votre recherche :</label>
<input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
<input type="submit" value="Chercher">
<p id="indexation-infos">
<small>
Seuls les contenus de ces 8 dernières années sont indexés.
</small>
</p>
</fieldset>
</form>
<aside>
<theme-toggle></theme-toggle>
</aside>
</article>
<hr>
<footer>
<p>
<a href="/david/" title="Aller à l’accueil">Accueil</a>
•
<a href="/david/log/" title="Accès au flux RSS">Suivre</a>
•
<a href="http://larlet.com"
title="Go to my English profile"
data-instant>Pro</a>
•
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
•
<abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
</p>
<template id="theme-selector">
<form>
<style type="text/css">
fieldset div {
text-align: center;
}
</style>
<fieldset>
<legend>Thème</legend>
<div>
<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>
</div>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
class ThemeToggle extends HTMLElement {
constructor() {
super()
const themeSelectorTemplate = document.querySelector('#theme-selector')
const form = themeSelectorTemplate.content.firstElementChild
this.attachShadow({ mode: 'open' })
this.shadowRoot.appendChild(form.cloneNode(true))
}

connectedCallback() {
const form = this.shadowRoot.querySelector('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 colorsLayer = undefined
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const layerRule of styleSheet.cssRules) {
if (!(layerRule instanceof CSSLayerBlockRule)) {
continue
}
if (layerRule.name === 'colors') {
colorsLayer = layerRule
}
for (const cssRule of layerRule.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) {
// Safari requires the `0` second parameter (even if default).
colorsLayer.insertRule(mediaRule.cssText, 0)
hasDarkRules = true
}
}

if (hasDarkRules) {
if ('customElements' in window && !customElements.get('theme-toggle')) {
customElements.define('theme-toggle', ThemeToggle)
}
}
})
</script>
<script src="/static/david/js/popper-2.11.8.min.js"></script>
<script src="/static/david/js/tippy-bundle-6.3.7.umd.min.js"></script>
<script>
tippy('[data-tippy]', {
content(reference) {
reference.addEventListener('click', (e) => e.preventDefault())
return `
<h3 lang="fr">
<img src="${reference.dataset.favicon}" loading="lazy">
<a href="${reference.dataset.source}"
>Article sur ${reference.dataset.domain}</a></h3>
<p lang="${reference.hreflang}"><em>${reference.dataset.description}</em></p>
<div class="tippy-links" lang="fr">
<a href="${reference.href}">Archive au ${reference.dataset.date}</a>
</div>
`
},
allowHTML: true,
interactive: true,
delay: [150, 700],
hideOnClick: false
})
</script>

</body>
</html>

+ 31
- 0
david/2024/_sources/2024-03-11 - Loginwall.md Datei anzeigen

@@ -0,0 +1,31 @@
# LoginWall

> [en] I don’t have a LinkedIn account. I don’t like the idea that we both **need** an account. I need one to **post** my résumé, and you need one to **view** it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets me.
>
> […]
>
> Every new thing that I add to my website works to regain my internet presence **away** from companies that **do not** have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. ==I can avoid all of that by self-publishing.==
>
> <cite>*[Web Independence](https://lmnt.me/blog/web-independence.html)*</cite>

Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les consulter ?

Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le *tweet* est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par « popularité », ça sent bon la girouette qui est à la tête de l’entreprise.

---

> [en] What I try to keep in mind is the [curb cut effect](https://en.wikipedia.org/wiki/Curb_cut_effect), also known as the « i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching » rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out there.)
>
> <cite>*[Accessibility notes from your headache-prone friend](https://alexsirac.com/accessibility-notes/)*</cite>

Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci Alex !

---

![Capture d’écran d’un parcours sur 4 jours avec une soixantaine de kilomètres.](/static/david/2024/2024-03-11-parcours-ouareau.png "Si ma cheville le permet.")

J’ai joué avec le [Planificateur d’itinéraire de Komoot](https://www.komoot.com/fr-fr/plan) hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin physique.

J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4 jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des BD :-).

#décentralisation #dépendance #web

+ 364
- 0
david/2024/decentralisation/index.html Datei anzeigen

@@ -0,0 +1,364 @@
<!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>
Étiquette #décentralisation
— David Larlet</title>
<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>
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2024-03-09.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_a_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/century_supra_ot_b_regular.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_b_bold.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<link rel="preload"
href="/static/david/css/fonts/century_supra_ot_b_italic.woff2"
as="font"
type="font/woff2"
media="(prefers-color-scheme: dark)"
crossorigin>
<meta name="description" content="Publications relatives au tag #décentralisation">
<!-- 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)">
<!-- Is that even respected? Retrospectively? What a shAItshow…
https://neil-clarke.com/block-the-bots-that-feed-ai-models-by-scraping-your-website/ -->
<meta name="robots" content="noai, noimageai">
<style type="text/css">
details[open] summary {
display: none;
}
</style>

<body data-instant-intensity="viewport-all">
<article>
<header>
<hgroup>
<h1>#décentralisation</h1>
<p>Publications relatives à cette étiquette</p>
</hgroup>
</header>
<nav>
<p>
<a href="/david/" title="Aller à l’accueil">
Accueil</a>
•
<a rel="tags"
href="/david/2024/#tags"
title="Liste de toutes les étiquettes">
Étiquettes</a>
•
<a href="/david/recherche/" title="Aller à la page de recherche" rel="search" data-no-instant>Recherche</a>
•
<a href="/david/log/" title="Accès au flux RSS">Suivre</a>
</p>
</nav>
<h2>
<a href="/david/2024/03/11/" title="Lien permanent vers cet article">LoginWall</a> <time datetime="2024-03-11">11 mars 2024</time>
</h2>

<blockquote lang="en">
<p>I don’t have a LinkedIn account. I don’t like the idea that we both <strong>need</strong> an account. I need one to <strong>post</strong> my résumé, and you need one to <strong>view</strong> it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&nbsp;me.</p>
<p>[…]</p>
<p>Every new thing that I add to my website works to regain my internet presence <strong>away</strong> from companies that <strong>do not</strong> have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. <mark>I can avoid all of that by&nbsp;self-publishing.</mark></p>
<p><cite><em><a data-link-domain="lmnt.me" href="https://lmnt.me/blog/web-independence.html" hreflang="en"
title="Consultation de l’article (anglais)">Web Independence</a>
<a href="/david/cache/2024/ce6e3472d21a189dc76b3fc6e6f1b49c/" hreflang="en"
data-tippy data-description="Be independent. We can build things on the web without them. Better things."
data-source="https://lmnt.me/blog/web-independence.html"
data-date="2024-03-11"
data-favicon="https://lmnt.me/lmnt.png"
data-domain="lmnt.me"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&nbsp;consulter&#8239;?</p>
<p>Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le <em>tweet</em> est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&nbsp;popularité&nbsp;», ça sent bon la girouette qui est à la tête de&nbsp;l’entreprise.</p>
<a href="#hr-108" title="Lien vers cette section de la page"><hr id="hr-108" /></a>

<blockquote lang="en">
<p>What I try to keep in mind is the <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Curb_cut_effect">curb cut effect</a>, also known as the «&nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&nbsp;there.)</p>
<p><cite><em><a data-link-domain="alexsirac.com" href="https://alexsirac.com/accessibility-notes/" hreflang="fr"
title="Consultation de l’article">Accessibility notes from your headache-prone friend</a>
<a href="/david/cache/2024/4dc1c2edacf179310783146044f0d06e/" hreflang="fr"
data-tippy data-description=""
data-source="https://alexsirac.com/accessibility-notes/"
data-date="2024-03-11"
data-favicon="https://alexsirac.com/wp-content/uploads/2023/01/cropped-cropped-portraitplante-32x32.webp"
data-domain="alexsirac.com"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&nbsp;Alex&#8239;!</p>
<a href="#hr-109" title="Lien vers cette section de la page"><hr id="hr-109" /></a>
<figure>
<a href="/static/david/2024/2024-03-11-parcours-ouareau.png"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-03-11-parcours-ouareau.png"
width="1294" height="1108"
srcset="/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w"
sizes="min(100vw, calc(100vh * 1294 / 1108))"
loading="lazy"
decoding="async"
alt="Capture d’écran d’un parcours sur 4&nbsp;jours avec une soixantaine de kilomètres.">
</a>
<figcaption>Si ma cheville le&nbsp;permet.</figcaption>
</figure>
<p>J’ai joué avec le <a data-link-domain="komoot.com" href="https://www.komoot.com/fr-fr/plan">Planificateur d’itinéraire de Komoot</a> hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&nbsp;physique.</p>
<p>J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&nbsp;BD&nbsp;:-).</p>

<nav>
<p>
<a href="/david/2024/decentralisation/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#décentralisation</a>
<a href="/david/2024/dependance/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#dépendance</a>
<a href="/david/2024/web/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#web</a>
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
</p>
</nav>

<form action="/david/recherche/" method="get">
<fieldset>
<legend>Recherche</legend>
<label for="input-search">Termes de votre recherche :</label>
<input id="input-search" type="search" name="s" aria-describedby="indexation-infos" required>
<input type="submit" value="Chercher">
<p id="indexation-infos">
<small>
Seuls les contenus de ces 8 dernières années sont indexés.
</small>
</p>
</fieldset>
</form>
<aside>
<theme-toggle></theme-toggle>
</aside>
</article>
<hr>
<footer>
<p>
<a href="/david/" title="Aller à l’accueil">Accueil</a>
•
<a href="/david/log/" title="Accès au flux RSS">Suivre</a>
•
<a href="http://larlet.com"
title="Go to my English profile"
data-instant>Pro</a>
•
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel">Email</a>
•
<abbr title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340">Légal</abbr>
</p>
<template id="theme-selector">
<form>
<style type="text/css">
fieldset div {
text-align: center;
}
</style>
<fieldset>
<legend>Thème</legend>
<div>
<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>
</div>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
class ThemeToggle extends HTMLElement {
constructor() {
super()
const themeSelectorTemplate = document.querySelector('#theme-selector')
const form = themeSelectorTemplate.content.firstElementChild
this.attachShadow({ mode: 'open' })
this.shadowRoot.appendChild(form.cloneNode(true))
}

connectedCallback() {
const form = this.shadowRoot.querySelector('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 colorsLayer = undefined
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const layerRule of styleSheet.cssRules) {
if (!(layerRule instanceof CSSLayerBlockRule)) {
continue
}
if (layerRule.name === 'colors') {
colorsLayer = layerRule
}
for (const cssRule of layerRule.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) {
// Safari requires the `0` second parameter (even if default).
colorsLayer.insertRule(mediaRule.cssText, 0)
hasDarkRules = true
}
}

if (hasDarkRules) {
if ('customElements' in window && !customElements.get('theme-toggle')) {
customElements.define('theme-toggle', ThemeToggle)
}
}
})
</script>
</body>
</html>

+ 89
- 0
david/2024/dependance/index.html Datei anzeigen

@@ -134,6 +134,95 @@
</p>
</nav>
<h2>
<a href="/david/2024/03/11/" title="Lien permanent vers cet article">LoginWall</a> <time datetime="2024-03-11">11 mars 2024</time>
</h2>

<blockquote lang="en">
<p>I don’t have a LinkedIn account. I don’t like the idea that we both <strong>need</strong> an account. I need one to <strong>post</strong> my résumé, and you need one to <strong>view</strong> it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&nbsp;me.</p>
<p>[…]</p>
<p>Every new thing that I add to my website works to regain my internet presence <strong>away</strong> from companies that <strong>do not</strong> have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. <mark>I can avoid all of that by&nbsp;self-publishing.</mark></p>
<p><cite><em><a data-link-domain="lmnt.me" href="https://lmnt.me/blog/web-independence.html" hreflang="en"
title="Consultation de l’article (anglais)">Web Independence</a>
<a href="/david/cache/2024/ce6e3472d21a189dc76b3fc6e6f1b49c/" hreflang="en"
data-tippy data-description="Be independent. We can build things on the web without them. Better things."
data-source="https://lmnt.me/blog/web-independence.html"
data-date="2024-03-11"
data-favicon="https://lmnt.me/lmnt.png"
data-domain="lmnt.me"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&nbsp;consulter&#8239;?</p>
<p>Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le <em>tweet</em> est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&nbsp;popularité&nbsp;», ça sent bon la girouette qui est à la tête de&nbsp;l’entreprise.</p>
<a href="#hr-108" title="Lien vers cette section de la page"><hr id="hr-108" /></a>

<blockquote lang="en">
<p>What I try to keep in mind is the <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Curb_cut_effect">curb cut effect</a>, also known as the «&nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&nbsp;there.)</p>
<p><cite><em><a data-link-domain="alexsirac.com" href="https://alexsirac.com/accessibility-notes/" hreflang="fr"
title="Consultation de l’article">Accessibility notes from your headache-prone friend</a>
<a href="/david/cache/2024/4dc1c2edacf179310783146044f0d06e/" hreflang="fr"
data-tippy data-description=""
data-source="https://alexsirac.com/accessibility-notes/"
data-date="2024-03-11"
data-favicon="https://alexsirac.com/wp-content/uploads/2023/01/cropped-cropped-portraitplante-32x32.webp"
data-domain="alexsirac.com"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&nbsp;Alex&#8239;!</p>
<a href="#hr-109" title="Lien vers cette section de la page"><hr id="hr-109" /></a>
<figure>
<a href="/static/david/2024/2024-03-11-parcours-ouareau.png"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-03-11-parcours-ouareau.png"
width="1294" height="1108"
srcset="/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w"
sizes="min(100vw, calc(100vh * 1294 / 1108))"
loading="lazy"
decoding="async"
alt="Capture d’écran d’un parcours sur 4&nbsp;jours avec une soixantaine de kilomètres.">
</a>
<figcaption>Si ma cheville le&nbsp;permet.</figcaption>
</figure>
<p>J’ai joué avec le <a data-link-domain="komoot.com" href="https://www.komoot.com/fr-fr/plan">Planificateur d’itinéraire de Komoot</a> hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&nbsp;physique.</p>
<p>J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&nbsp;BD&nbsp;:-).</p>

<nav>
<p>
<a href="/david/2024/decentralisation/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#décentralisation</a>
<a href="/david/2024/dependance/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#dépendance</a>
<a href="/david/2024/web/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#web</a>
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
</p>
</nav>
<h2>
<a href="/david/2024/03/03/" title="Lien permanent vers cet article">Permanence</a> <time datetime="2024-03-03">3 mars 2024</time>
</h2>

+ 5
- 3
david/2024/index.html Datei anzeigen

@@ -208,7 +208,8 @@
<a href="/david/2024/03/07/">Sondages</a>,
<a href="/david/2024/03/08/">Flow</a>,
<a href="/david/2024/03/09/">Marque</a>,
<a href="/david/2024/03/10/">Dune</a>.
<a href="/david/2024/03/10/">Dune</a>,
<a href="/david/2024/03/11/">LoginWall</a>.
</p>
@@ -224,9 +225,10 @@
<a href="/david/2024/cinema/" rel="tag">#cinéma (1)</a>,
<a href="/david/2024/commun/" rel="tag">#commun (9)</a>,
<a href="/david/2024/communaute/" rel="tag">#communauté (5)</a>,
<a href="/david/2024/decentralisation/" rel="tag">#décentralisation (1)</a>,
<a href="/david/2024/deception/" rel="tag">#déception (2)</a>,
<a href="/david/2024/decision/" rel="tag">#décision (8)</a>,
<a href="/david/2024/dependance/" rel="tag">#dépendance (5)</a>,
<a href="/david/2024/dependance/" rel="tag">#dépendance (6)</a>,
<a href="/david/2024/documentation/" rel="tag">#documentation (2)</a>,
<a href="/david/2024/dystopie/" rel="tag">#dystopie (3)</a>,
<a href="/david/2024/echanges/" rel="tag">#échanges (5)</a>,
@@ -256,7 +258,7 @@
<a href="/david/2024/sport/" rel="tag">#sport (5)</a>,
<a href="/david/2024/technique/" rel="tag">#technique (14)</a>,
<a href="/david/2024/velo/" rel="tag">#vélo (1)</a>,
<a href="/david/2024/web/" rel="tag">#web (10)</a>.
<a href="/david/2024/web/" rel="tag">#web (11)</a>.
</p>

+ 89
- 0
david/2024/web/index.html Datei anzeigen

@@ -134,6 +134,95 @@
</p>
</nav>
<h2>
<a href="/david/2024/03/11/" title="Lien permanent vers cet article">LoginWall</a> <time datetime="2024-03-11">11 mars 2024</time>
</h2>

<blockquote lang="en">
<p>I don’t have a LinkedIn account. I don’t like the idea that we both <strong>need</strong> an account. I need one to <strong>post</strong> my résumé, and you need one to <strong>view</strong> it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&nbsp;me.</p>
<p>[…]</p>
<p>Every new thing that I add to my website works to regain my internet presence <strong>away</strong> from companies that <strong>do not</strong> have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. <mark>I can avoid all of that by&nbsp;self-publishing.</mark></p>
<p><cite><em><a data-link-domain="lmnt.me" href="https://lmnt.me/blog/web-independence.html" hreflang="en"
title="Consultation de l’article (anglais)">Web Independence</a>
<a href="/david/cache/2024/ce6e3472d21a189dc76b3fc6e6f1b49c/" hreflang="en"
data-tippy data-description="Be independent. We can build things on the web without them. Better things."
data-source="https://lmnt.me/blog/web-independence.html"
data-date="2024-03-11"
data-favicon="https://lmnt.me/lmnt.png"
data-domain="lmnt.me"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&nbsp;consulter&#8239;?</p>
<p>Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le <em>tweet</em> est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&nbsp;popularité&nbsp;», ça sent bon la girouette qui est à la tête de&nbsp;l’entreprise.</p>
<a href="#hr-108" title="Lien vers cette section de la page"><hr id="hr-108" /></a>

<blockquote lang="en">
<p>What I try to keep in mind is the <a data-link-domain="en.wikipedia.org" href="https://en.wikipedia.org/wiki/Curb_cut_effect">curb cut effect</a>, also known as the «&nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&nbsp;there.)</p>
<p><cite><em><a data-link-domain="alexsirac.com" href="https://alexsirac.com/accessibility-notes/" hreflang="fr"
title="Consultation de l’article">Accessibility notes from your headache-prone friend</a>
<a href="/david/cache/2024/4dc1c2edacf179310783146044f0d06e/" hreflang="fr"
data-tippy data-description=""
data-source="https://alexsirac.com/accessibility-notes/"
data-date="2024-03-11"
data-favicon="https://alexsirac.com/wp-content/uploads/2023/01/cropped-cropped-portraitplante-32x32.webp"
data-domain="alexsirac.com"
><svg xmlns="http://www.w3.org/2000/svg"
width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="square"
stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle>
<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</svg>
<span class="sr-only">[archive]</span></a></em></cite></p>
</blockquote>
<p>Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&nbsp;Alex&#8239;!</p>
<a href="#hr-109" title="Lien vers cette section de la page"><hr id="hr-109" /></a>
<figure>
<a href="/static/david/2024/2024-03-11-parcours-ouareau.png"
title="Cliquer pour une version haute résolution">
<img
src="/static/david/2024/2024-03-11-parcours-ouareau.png"
width="1294" height="1108"
srcset="/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w"
sizes="min(100vw, calc(100vh * 1294 / 1108))"
loading="lazy"
decoding="async"
alt="Capture d’écran d’un parcours sur 4&nbsp;jours avec une soixantaine de kilomètres.">
</a>
<figcaption>Si ma cheville le&nbsp;permet.</figcaption>
</figure>
<p>J’ai joué avec le <a data-link-domain="komoot.com" href="https://www.komoot.com/fr-fr/plan">Planificateur d’itinéraire de Komoot</a> hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&nbsp;physique.</p>
<p>J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&nbsp;BD&nbsp;:-).</p>

<nav>
<p>
<a href="/david/2024/decentralisation/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#décentralisation</a>
<a href="/david/2024/dependance/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#dépendance</a>
<a href="/david/2024/web/"
title="Liste de tous les articles 2024 associés à cette étiquette"
rel="tag">#web</a>
<a href="/david/2024/#tags" title="Liste de toutes les étiquettes 2024">tous ?</a>
</p>
</nav>
<h2>
<a href="/david/2024/03/07/" title="Lien permanent vers cet article">Sondages</a> <time datetime="2024-03-07">7 mars 2024</time>
</h2>

+ 16
- 16
david/blogroll/index.html Datei anzeigen

@@ -194,6 +194,16 @@
— <a href="https://www.arthurperret.fr/">Arthur Perret</a>
</dd>
</dl>
<dl>
<dt>
<a href="https://www.hypothermia.fr/2024/03/chiroto-t-datoca/">Chiroto T. Datoca</a>,
11-03-2024
</dt>
<dd>
Making of d'un projet artistique qui m'a dévorée pendant huit mois.
— <a href="https://www.hypothermia.fr/">Eliness</a>
</dd>
</dl>
<dl>
<dt>
<a href="https://winnielim.org/journal/documenting-my-first-experience-with-the-risograph/">documenting my first experience with the risograph</a>,
@@ -246,21 +256,21 @@
</dl>
<dl>
<dt>
<a href="https://www.la-grange.net/2024/03/04/expertise">produire de l'inutile expertise</a>,
04-03-2024
<a href="https://www.la-grange.net/2024/03/05/ivg">corps libre</a>,
05-03-2024
</dt>
<dd>
Bangkok, Thaïlande, 1er mars 2024 Much of the necessary knowledge is now available but we do not use it. We train ecologists in our universities and even employ them in our governmental agencies but we seldom take their advice. — Silent Spring, Rachel Carson, urn:isbn:978-0-141-18494-4 Rachel Carson a écrit son livre en 1963… il y a 60 ans. L'aiguille n'a pas bougé. Il y a de nombreux experts de…
Bangkok, Thaïlande, 5 mars 2024 Je voudrais tout d'abord vous faire partager une conviction de femme — je m'excuse de le faire devant cette Assemblée presque exclusivement composée d'hommes : aucune femme ne recourt de gaieté de cœur à l'avortement. Il suffit d'écouter les femmes. — Discours à l'assemblée nationale du 26 novembre 1974, Simone Veil IVG dans la Constitution : revivez les débats et…
— <a href="https://www.la-grange.net/">Karl Dubost</a>
</dd>
</dl>
<dl>
<dt>
<a href="https://www.la-grange.net/2024/03/03/motifs">motifs</a>,
03-03-2024
<a href="https://www.la-grange.net/2024/03/04/expertise">produire de l'inutile expertise</a>,
04-03-2024
</dt>
<dd>
Komagome, Japon, 3 mars 2024 The rapidity of change and the speed with which new situations are created follow the impetuous and heedless pace of man rather than the deliberate pace of nature. — Silent Spring, Rachel Carlson, urn:isbn:978-0-141-18494-4 Ensemble, tous les deux, nous avons regardé ce matin les détails d'un billet de mille yens. Que de détails, d'explorations et de rêveries. Il a…
Bangkok, Thaïlande, 1er mars 2024 Much of the necessary knowledge is now available but we do not use it. We train ecologists in our universities and even employ them in our governmental agencies but we seldom take their advice. — Silent Spring, Rachel Carson, urn:isbn:978-0-141-18494-4 Rachel Carson a écrit son livre en 1963… il y a 60 ans. L'aiguille n'a pas bougé. Il y a de nombreux experts de…
— <a href="https://www.la-grange.net/">Karl Dubost</a>
</dd>
</dl>
@@ -314,16 +324,6 @@
— <a href="https://n.survol.fr/">Éric D.</a>
</dd>
</dl>
<dl>
<dt>
<a href="https://www.hypothermia.fr/2024/02/magyar-szerelem/">Magyar szerelem</a>,
12-02-2024
</dt>
<dd>
Concentré hyperdense de découvertes heureuses dans la capitale hongroise.
— <a href="https://www.hypothermia.fr/">Eliness</a>
</dd>
</dl>
<dl>
<dt>
<a href="https://ynote.hk/mots/processus-de-creation/art-et-argent.html">Art et argent</a>,

+ 11
- 2
david/index.html Datei anzeigen

@@ -206,6 +206,13 @@
background-color: var(--hover-tag-color);
}
body [data-tag="decentralisation"]:hover,
body [data-decentralisation]:hover,
body:has([data-tag="decentralisation"]:hover) [data-decentralisation],
body:has([data-decentralisation]:hover) [data-tag="decentralisation"] {
background-color: var(--hover-tag-color);
}
body [data-tag="deception"]:hover,
body [data-deception]:hover,
body:has([data-tag="deception"]:hover) [data-deception],
@@ -440,6 +447,7 @@
</style>
<p>Liste des publications récentes en ordre anté-chronologique :</p>
<p>
<a href="/david/2024/03/11/" data-decentralisation data-dependance data-web title="Étiquettes : décentralisation, dépendance, web.">LoginWall</a>,
<a href="/david/2024/03/10/" data-adaptation data-cinema data-lecture title="Étiquettes : adaptation, cinéma, lecture.">Dune</a>,
<a href="/david/2024/03/09/" data-evolution data-identite data-poesie title="Étiquettes : évolution, identité, poésie.">Marque</a>,
<a href="/david/2024/03/08/" data-experience data-psychologie data-technique title="Étiquettes : expérience, psychologie, technique.">Flow</a>,
@@ -524,9 +532,10 @@
<a href="/david/2024/cinema/" data-tag="cinema" rel="tag">#cinéma (1)</a>,
<a href="/david/2024/commun/" data-tag="commun" rel="tag">#commun (9)</a>,
<a href="/david/2024/communaute/" data-tag="communaute" rel="tag">#communauté (5)</a>,
<a href="/david/2024/decentralisation/" data-tag="decentralisation" rel="tag">#décentralisation (1)</a>,
<a href="/david/2024/deception/" data-tag="deception" rel="tag">#déception (2)</a>,
<a href="/david/2024/decision/" data-tag="decision" rel="tag">#décision (8)</a>,
<a href="/david/2024/dependance/" data-tag="dependance" rel="tag">#dépendance (5)</a>,
<a href="/david/2024/dependance/" data-tag="dependance" rel="tag">#dépendance (6)</a>,
<a href="/david/2024/documentation/" data-tag="documentation" rel="tag">#documentation (2)</a>,
<a href="/david/2024/dystopie/" data-tag="dystopie" rel="tag">#dystopie (3)</a>,
<a href="/david/2024/echanges/" data-tag="echanges" rel="tag">#échanges (5)</a>,
@@ -556,7 +565,7 @@
<a href="/david/2024/sport/" data-tag="sport" rel="tag">#sport (5)</a>,
<a href="/david/2024/technique/" data-tag="technique" rel="tag">#technique (14)</a>,
<a href="/david/2024/velo/" data-tag="velo" rel="tag">#vélo (1)</a>,
<a href="/david/2024/web/" data-tag="web" rel="tag">#web (10)</a>.
<a href="/david/2024/web/" data-tag="web" rel="tag">#web (11)</a>.
</p>

+ 43
- 31
david/log/index.xml Datei anzeigen

@@ -6,13 +6,55 @@
<link href="https://larlet.fr/david/" rel="alternate" type="text/html" />
<link href="https://larlet.fr/david/log/" rel="self" />
<id>https://larlet.fr/david/</id>
<updated>2024-03-11T12:00:00+01:00</updated>
<updated>2024-03-12T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2024, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">LoginWall</title>
<link href="https://larlet.fr/david/2024/03/11/" rel="alternate" type="text/html" />
<updated>2024-03-11T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2024/03/11/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;I don’t have a LinkedIn account. I don’t like the idea that we both &lt;strong&gt;need&lt;/strong&gt; an account. I need one to &lt;strong&gt;post&lt;/strong&gt; my résumé, and you need one to &lt;strong&gt;view&lt;/strong&gt; it. How does that benefit me to have my résumé behind a login wall? It doesn’t. It benefits LinkedIn. Now, my résumé is on my website, displayed more beautifully than LinkedIn lets&amp;nbsp;me.&lt;/p&gt;
&lt;p&gt;[…]&lt;/p&gt;
&lt;p&gt;Every new thing that I add to my website works to regain my internet presence &lt;strong&gt;away&lt;/strong&gt; from companies that &lt;strong&gt;do not&lt;/strong&gt; have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. &lt;mark&gt;I can avoid all of that by&amp;nbsp;self-publishing.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://lmnt.me/blog/web-independence.html&quot;&gt;Web&amp;nbsp;Independence&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Le problème de sites comme LinkedIn c’est qu’il est difficile de se rendre compte de leur inaccessibilité lorsqu’on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les&amp;nbsp;consulter&amp;#8239;?&lt;/p&gt;
&lt;p&gt;Avec TwiX c’est encore pire car ça varie d’un jour sur l’autre. Parfois le &lt;em&gt;tweet&lt;/em&gt; est accessible mais seul, parfois il faut un compte, parfois on accède à une page avec la liste des dernières publications de la personne mais ordonnées par «&amp;nbsp;popularité&amp;nbsp;», ça sent bon la girouette qui est à la tête de&amp;nbsp;l’entreprise.&lt;/p&gt;
&lt;hr /&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;What I try to keep in mind is the &lt;a href=&quot;https://en.wikipedia.org/wiki/Curb_cut_effect&quot;&gt;curb cut effect&lt;/a&gt;, also known as the «&amp;nbsp;i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching&amp;nbsp;» rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out&amp;nbsp;there.)&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://alexsirac.com/accessibility-notes/&quot;&gt;Accessibility notes from your headache-prone&amp;nbsp;friend&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Je ne connaissais pas le nom de cet effet, j’espère le retenir en le notant ici. Merci&amp;nbsp;Alex&amp;#8239;!&lt;/p&gt;
&lt;hr /&gt;
&lt;figure&gt;
&lt;a href=&quot;https://larlet.fr/static/david/2024/2024-03-11-parcours-ouareau.png&quot;
title=&quot;Cliquer pour une version haute résolution&quot;&gt;
&lt;img
src=&quot;https://larlet.fr/static/david/2024/2024-03-11-parcours-ouareau.png&quot;
width=&quot;1294&quot; height=&quot;1108&quot;
srcset=&quot;/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w&quot;
sizes=&quot;min(100vw, calc(100vh * 1294 / 1108))&quot;
loading=&quot;lazy&quot;
decoding=&quot;async&quot;
alt=&quot;Capture d’écran d’un parcours sur 4&amp;nbsp;jours avec une soixantaine de kilomètres.&quot;&gt;
&lt;/a&gt;
&lt;figcaption&gt;Si ma cheville le&amp;nbsp;permet.&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;J’ai joué avec le &lt;a href=&quot;https://www.komoot.com/fr-fr/plan&quot;&gt;Planificateur d’itinéraire de Komoot&lt;/a&gt; hier, je ne m’étais jamais demandé vraiment quelles distances est-ce que je pouvais parcourir dans la forêt. J’aime bien le fait d’avoir l’option de suivre les chemins connus. À voir si j’arrive à faire ce grand tour en rando rapide / légère. Je connais déjà 80% du parcours et je sais dès à présent que la deuxième journée serait bien longue. L’avantage d’être en terrain connu, c’est de connaître les endroits où je peux couper en cas de pépin&amp;nbsp;physique.&lt;/p&gt;
&lt;p&gt;J’ai du matériel très léger mais je me rends compte que la nourriture est déjà un défi sur 4&amp;nbsp;jours pour garder un sac qui permette de courir. Je m’entraîne en ce moment en faisant des aller-retours à la bibliothèque avec 5kg de livres sur le dos. On verra bien si c’est utile… au pire j’aurais découvert des&amp;nbsp;BD&amp;nbsp;:-).&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/decentralisation/&quot;&gt;#décentralisation&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/dependance/&quot;&gt;#dépendance&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/web/&quot;&gt;#web&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Dune</title>
<link href="https://larlet.fr/david/2024/03/10/" rel="alternate" type="text/html" />
@@ -1150,34 +1192,4 @@ button.primary {
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/communaute/&quot;&gt;#communauté&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/opensource/&quot;&gt;#opensource&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
<entry xml:lang="fr">
<title type="html">Validisme</title>
<link href="https://larlet.fr/david/2024/02/10/" rel="alternate" type="text/html" />
<updated>2024-02-10T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2024/02/10/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;En informatique, y’a ce concept de «&amp;nbsp;ça marche sur ma machine&amp;nbsp;». C’est quand une personne qui utilise un logiciel, remonte un problème qu’elle rencontre et la personne qui fabrique le logiciel répond&amp;nbsp;ça&lt;/p&gt;
&lt;p&gt;Évidemment, c’est frustrant de recevoir cette réponse, parce que ça ne fournit aucune solution, mais ça ressemble aussi très fort à «&amp;nbsp;je ne vois pas le problème, donc ce problème n’existe&amp;nbsp;pas&amp;nbsp;»&lt;/p&gt;
&lt;p&gt;Un peu comme une personne blanche qui dirait que le racisme n’existe pas vu qu’elle ne le vit pas&lt;br /&gt;
Ou un homme avec le&amp;nbsp;sexisme&lt;/p&gt;
&lt;p&gt;Et j’ai vécu plusieurs fois avec des grosses structures (administrations et entreprises privées) un truc qui ressemble à «&amp;nbsp;ça marche sur leur machine&amp;nbsp;»&lt;br /&gt;
Là, c’est une variante de dénégation qui dit «&amp;nbsp;ça marche pour suffisamment d’autres personnes, donc on ne va pas s’intéresser à votre situation&amp;nbsp;particulière&amp;nbsp;»&lt;/p&gt;
&lt;p&gt;Et c’est frustrant quand, mauvaise pioche&amp;#8239;! on est systématiquement dans la minorité&amp;nbsp;statistique&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Le validisme, ça parle aussi de comment des personnes sont systématiquement le&amp;nbsp;1%&lt;/mark&gt; de personnes qui voient mal l’écran pendant une présentation&lt;br /&gt;
ou le&amp;nbsp;1% avec un fauteuil roulant dans la pièce
etc.&lt;/p&gt;
&lt;p&gt;Certaines personnes passent 90% de leur vie à être dans le&amp;nbsp;mauvaise-pioche-1%&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://eldritch.cafe/@davidbruant/111872926260149351&quot;&gt;Sapphire Rubyant sur&amp;nbsp;masto&lt;/a&gt;&lt;/em&gt;&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Se retrouver en invalidité temporaire permet de se rendre compte de choses par l’expérience. Et c’est parfois bien plus que de la double peine&amp;nbsp;: je mets plus de temps pour faire ma correspondance métro faute d’infrastructures adaptées, ce qui me fait arriver en retard donc j’ai la place la moins appropriée, je dois travailler plus vite / efficacement pour rattraper le groupe ce qui me fait prendre davantage de risques, etc. Et je ne parle même pas de l’impact psychologique sur la situation&amp;nbsp;: frustration, colère, dévaluation de soi, à quoi bon, honte, isolement, etc.&lt;/p&gt;
&lt;p&gt;C’est déplacé de parler de &lt;em&gt;mon&lt;/em&gt; cas alors que de très nombreuses personnes vivent cela au quotidien. Toute leur vie. En supportant le regard des autres, avec une potentielle intersectionalité qui vient mettre les difficultés au&amp;nbsp;carré…&lt;/p&gt;
&lt;p&gt;Ce que je voulais souligner avec cet exemple parmi d’autres, c’est qu’il n’y a qu’en expérimentant la situation que j’ai pu prendre conscience de cet effet domino. J’étais pourtant relativement sensibilisé aux problèmes d’accessibilité de manière isolée mais c’est vraiment leur enchainement qui m’a sauté aux yeux pendant cette&amp;nbsp;période.&lt;/p&gt;
&lt;p&gt;Je m’imagine maintenant des suites de frustrations numériques du même ordre&amp;nbsp;: il y a un souci bloquant sur le site que je voudrais solidairement faire remonter, je cherche à faire un report de &lt;em&gt;bug&lt;/em&gt; sur l’outil dédié mais il y a de l’authentification qui m’affiche une erreur à laquelle je n’ai pas accès, je décide de passer par le formulaire de contact mais il y a un captcha illisible pour moi, je fais une demande sur les réseaux sociaux et on me redirige vers un &lt;em&gt;screencast&lt;/em&gt; non sous-titré ou une aide en anglais, etc.&lt;/p&gt;
&lt;p&gt;L’accessibilité doit être pensée holistiquement (pour employer un gros mot), chaque situation impensée devenant une goutte de plus dans un verre déjà bien trop&amp;nbsp;plein.&lt;/p&gt;
&lt;p&gt;J’ai encore du&amp;nbsp;travail.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2024/accessibilite/&quot;&gt;#accessibilité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/experience/&quot;&gt;#expérience&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2024/psychologie/&quot;&gt;#psychologie&lt;/a&gt;&lt;/p&gt;&lt;/nav&gt;&lt;hr/&gt;&lt;p&gt;&lt;a href=&quot;mailto:david@larlet.fr&quot;&gt;Réagir ?&lt;/a&gt;&lt;/p&gt;</summary>
</entry>
</feed>

+ 12
- 0
david/recherche/index.html Datei anzeigen

@@ -276,6 +276,12 @@
</template>
<script id="search-index" type="application/json">[
{
"title": "LoginWall",
"url": "/david/2024/03/11/",
"date": "2024-03-11",
"content": "I don\u2019t have a LinkedIn account. I don\u2019t like the idea that we both need an account. I need one to post my r\u00e9sum\u00e9, and you need one to view it. How does that benefit me to have my r\u00e9sum\u00e9 behind a login wall? It doesn\u2019t. It benefits LinkedIn. Now, my r\u00e9sum\u00e9 is on my website, displayed more beautifully than LinkedIn lets\u00a0me. [\u2026] Every new thing that I add to my website works to regain my internet presence away from companies that do not have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. I can avoid all of that by\u00a0self-publishing. Web\u00a0Independence Le probl\u00e8me de sites comme LinkedIn c\u2019est qu\u2019il est difficile de se rendre compte de leur inaccessibilit\u00e9 lorsqu\u2019on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les\u00a0consulter\u202f? Avec TwiX c\u2019est encore pire car \u00e7a varie d\u2019un jour sur l\u2019autre. Parfois le tweet est accessible mais seul, parfois il faut un compte, parfois on acc\u00e8de \u00e0 une page avec la liste des derni\u00e8res publications de la personne mais ordonn\u00e9es par \u00ab\u00a0popularit\u00e9\u00a0\u00bb, \u00e7a sent bon la girouette qui est \u00e0 la t\u00eate de\u00a0l\u2019entreprise. What I try to keep in mind is the curb cut effect, also known as the \u00ab\u00a0i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching\u00a0\u00bb rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out\u00a0there.) Accessibility notes from your headache-prone\u00a0friend Je ne connaissais pas le nom de cet effet, j\u2019esp\u00e8re le retenir en le notant ici. Merci\u00a0Alex\u202f! <a href=\"/static/david/2024/2024-03-11-parcours-ouareau.png\" title=\"Cliquer pour une version haute r\u00e9solution\"> <img src=\"/static/david/2024/2024-03-11-parcours-ouareau.png\" width=\"1294\" height=\"1108\" srcset=\"/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w\" sizes=\"min(100vw, calc(100vh * 1294 / 1108))\" loading=\"lazy\" decoding=\"async\" alt=\"Capture d\u2019\u00e9cran d\u2019un parcours sur 4\u00a0jours avec une soixantaine de kilom\u00e8tres.\"> Si ma cheville le\u00a0permet. J\u2019ai jou\u00e9 avec le Planificateur d\u2019itin\u00e9raire de Komoot hier, je ne m\u2019\u00e9tais jamais demand\u00e9 vraiment quelles distances est-ce que je pouvais parcourir dans la for\u00eat. J\u2019aime bien le fait d\u2019avoir l\u2019option de suivre les chemins connus. \u00c0 voir si j\u2019arrive \u00e0 faire ce grand tour en rando rapide / l\u00e9g\u00e8re. Je connais d\u00e9j\u00e0 80% du parcours et je sais d\u00e8s \u00e0 pr\u00e9sent que la deuxi\u00e8me journ\u00e9e serait bien longue. L\u2019avantage d\u2019\u00eatre en terrain connu, c\u2019est de conna\u00eetre les endroits o\u00f9 je peux couper en cas de p\u00e9pin\u00a0physique. J\u2019ai du mat\u00e9riel tr\u00e8s l\u00e9ger mais je me rends compte que la nourriture est d\u00e9j\u00e0 un d\u00e9fi sur 4\u00a0jours pour garder un sac qui permette de courir. Je m\u2019entra\u00eene en ce moment en faisant des aller-retours \u00e0 la biblioth\u00e8que avec 5kg de livres sur le dos. On verra bien si c\u2019est utile\u2026 au pire j\u2019aurais d\u00e9couvert des\u00a0BD\u00a0:-)."
},
{
"title": "Dune",
"url": "/david/2024/03/10/",
@@ -696,6 +702,12 @@
"date": "2024-01-01",
"content": "33\u202f% de 44\u00a0millions de consommateurs vont faire le Dry January 22\u202f% des consommateurs ont une conso excessive, c\u2019est-\u00e0-dire 10\u00a0verres/semaine max et plus de deux\u00a0verres/jour. Les seniors sont aussi tr\u00e8s touch\u00e9\u00b7es. L\u2019alcool est une drogue.. On peut faire la f\u00eate sans alcool et\u00a0s\u2019\u00e9clater. Quand on arr\u00eate\u00a0: bienfaits sur le foie, la peau, le coeur, etc\u2026 Pb\u00a0: m\u00e9moire, troubles cognitifs, responsable de cancer, pb sommeil, d\u00e9compensation de maladie psy,\u2026 41000\u00a0d\u00e9c\u00e8s par an en\u00a0France. Les cinq sympt\u00f4mes d\u00e9finissent un probl\u00e8me de\u00a0d\u00e9pendance\u00a0: Perte de\u00a0contr\u00f4le Usage\u00a0compulsif Envie\u00a0r\u00e9pressive Usage\u00a0chronique Cons\u00e9quences psychiques, physiques, sociales,\u2026 Bon Dry J. pour celleux qui le font\u202f! Moi j\u2019en\u00a0suis\u202f! @Air@framapiaf.org Dans mon entourage, de plus en plus de personnes que j\u2019estime ne boivent pas d\u2019alcool, de plus en plus de personnes qui vieillissent en deviennent d\u00e9pendantes. Je suis davantage attir\u00e9 par la premi\u00e8re option\u2026 et pas pour un seul\u00a0mois. Je me sens pr\u00eat, on verra bien o\u00f9 cela me\u00a0m\u00e8ne. Grosse envie de reprendre la CSS par ici en ce d\u00e9but d\u2019ann\u00e9e. Avec le dilemme de faire chuter cette motivation si je publie d\u00e8s maintenant avec l\u2019ancienne (qui restera effective sur les anciens articles). Je vais essayer de me\u00a0retenir."
},
{
"title": "LoginWall",
"url": "/david/2024/03/11/",
"date": "2024-03-11",
"content": "I don\u2019t have a LinkedIn account. I don\u2019t like the idea that we both need an account. I need one to post my r\u00e9sum\u00e9, and you need one to view it. How does that benefit me to have my r\u00e9sum\u00e9 behind a login wall? It doesn\u2019t. It benefits LinkedIn. Now, my r\u00e9sum\u00e9 is on my website, displayed more beautifully than LinkedIn lets\u00a0me. [\u2026] Every new thing that I add to my website works to regain my internet presence away from companies that do not have my interests at heart. And I will avoid future problems like a company deciding to put login walls or paywalls in front of my content. Or putting Nazi content beside mine. I can avoid all of that by\u00a0self-publishing. Web\u00a0Independence Le probl\u00e8me de sites comme LinkedIn c\u2019est qu\u2019il est difficile de se rendre compte de leur inaccessibilit\u00e9 lorsqu\u2019on a un compte. Ou alors les personnes mettent leurs CV en signature de courriel en sachant que je ne vais pas pouvoir les\u00a0consulter\u202f? Avec TwiX c\u2019est encore pire car \u00e7a varie d\u2019un jour sur l\u2019autre. Parfois le tweet est accessible mais seul, parfois il faut un compte, parfois on acc\u00e8de \u00e0 une page avec la liste des derni\u00e8res publications de la personne mais ordonn\u00e9es par \u00ab\u00a0popularit\u00e9\u00a0\u00bb, \u00e7a sent bon la girouette qui est \u00e0 la t\u00eate de\u00a0l\u2019entreprise. What I try to keep in mind is the curb cut effect, also known as the \u00ab\u00a0i want subtitles on my favourite show because even though my ears are just fine, i like to eat crisps while watching\u00a0\u00bb rule. In many cases, adding accessibility to your website makes it nicer for everyone, not only for the people who needed these changes. (Corollary: everything that makes you squint is giving a giant migraine to someone else out\u00a0there.) Accessibility notes from your headache-prone\u00a0friend Je ne connaissais pas le nom de cet effet, j\u2019esp\u00e8re le retenir en le notant ici. Merci\u00a0Alex\u202f! <a href=\"/static/david/2024/2024-03-11-parcours-ouareau.png\" title=\"Cliquer pour une version haute r\u00e9solution\"> <img src=\"/static/david/2024/2024-03-11-parcours-ouareau.png\" width=\"1294\" height=\"1108\" srcset=\"/static/david/2024/2024-03-11-parcours-ouareau.png 1294w, /static/david/2024/2024-03-11-parcours-ouareau.png 660w, /static/david/2024/2024-03-11-parcours-ouareau.png 990w, /static/david/2024/2024-03-11-parcours-ouareau.png 1320w\" sizes=\"min(100vw, calc(100vh * 1294 / 1108))\" loading=\"lazy\" decoding=\"async\" alt=\"Capture d\u2019\u00e9cran d\u2019un parcours sur 4\u00a0jours avec une soixantaine de kilom\u00e8tres.\"> Si ma cheville le\u00a0permet. J\u2019ai jou\u00e9 avec le Planificateur d\u2019itin\u00e9raire de Komoot hier, je ne m\u2019\u00e9tais jamais demand\u00e9 vraiment quelles distances est-ce que je pouvais parcourir dans la for\u00eat. J\u2019aime bien le fait d\u2019avoir l\u2019option de suivre les chemins connus. \u00c0 voir si j\u2019arrive \u00e0 faire ce grand tour en rando rapide / l\u00e9g\u00e8re. Je connais d\u00e9j\u00e0 80% du parcours et je sais d\u00e8s \u00e0 pr\u00e9sent que la deuxi\u00e8me journ\u00e9e serait bien longue. L\u2019avantage d\u2019\u00eatre en terrain connu, c\u2019est de conna\u00eetre les endroits o\u00f9 je peux couper en cas de p\u00e9pin\u00a0physique. J\u2019ai du mat\u00e9riel tr\u00e8s l\u00e9ger mais je me rends compte que la nourriture est d\u00e9j\u00e0 un d\u00e9fi sur 4\u00a0jours pour garder un sac qui permette de courir. Je m\u2019entra\u00eene en ce moment en faisant des aller-retours \u00e0 la biblioth\u00e8que avec 5kg de livres sur le dos. On verra bien si c\u2019est utile\u2026 au pire j\u2019aurais d\u00e9couvert des\u00a0BD\u00a0:-)."
},
{
"title": "Dune",
"url": "/david/2024/03/10/",

Verfassen Vorschau
Laden…
Abbrechen
Speichern