Przeglądaj źródła

Publishing

master
David Larlet 2 lat temu
rodzic
commit
c1bb401019

+ 2
- 2
david/2021/12/06/index.html Wyświetl plik

@@ -63,7 +63,7 @@
<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 rel="next" href="/david/2021/12/07/" title="Publication suivante : Natif">Suivant →</a>
</p>
</nav>
<hr>
@@ -97,7 +97,7 @@
<p class="center">
<a rel="prev" href="/david/2021/12/05/" title="Publication précédente : Mise à jour">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/12/07/" title="Publication suivante : Natif">Suivant →</a>
</p>
</nav>
</article>

+ 210
- 0
david/2021/12/07/index.html Wyświetl plik

@@ -0,0 +1,210 @@
<!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>Natif — David Larlet</title>
<meta name="description" content="For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">


<article>
<header>
<h1>Natif</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/12/06/" title="Publication précédente : Winter body">← Précédent</a> •
<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>
</p>
</nav>
<hr>


<blockquote lang="en">
<p>For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.</p>
<p>There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.</p>
<p><mark>Making a custom form control with JavaScript is going to make life worse</mark> for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.</p>
<p><cite><em><a href="https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html">You can’t capture the nuance of my form fields</a></em> (<a href="/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/">cache</a>)</cite></p>
</blockquote>
<p>Il y a une notion de <em>refus de parvenir</em> à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque «&nbsp;adaptation&nbsp;» de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de <a href="/david/2021/11/20/" title="Hypertélie">traits hypertéliques</a> qui requièrent une adaptation non négligeable.</p>
<p>Bien trop souvent <a href="/david/2021/11/01/" title="Inaccessible">négligée</a>.</p>
<p>Ironiquement, <mark>au moment de publier</mark>, je suis en train d’<a href="https://github.com/Delegation-numerique-en-sante/mesconseilsprevention">explorer des choses</a> avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.</p>


<nav>
<p>
<a href="/david/2021/accessibilite/"
title="Liste de tous les articles associés à cette étiquette"
>#accessibilité</a>
<a href="/david/2021/anarchisme/"
title="Liste de tous les articles associés à cette étiquette"
>#anarchisme</a>
<a href="/david/2021/web/"
title="Liste de tous les articles associés à cette étiquette"
>#web</a>
<a href="/david/#tags"
title="Liste de toutes les étiquettes existantes"
><svg class="icon icon-tags">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-tags"></use>
</svg> tous ?</a>
</p>
</nav>

<nav>
<p class="center">
<a rel="prev" href="/david/2021/12/06/" title="Publication précédente : Winter body">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
</p>
</nav>
</article>


<hr>

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

+ 21
- 1
david/2021/accessibilite/index.html Wyświetl plik

@@ -76,6 +76,23 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2021/12/07/" title="Lien permanent vers cet article">Natif</a> (2021-12-07)</h2>

<blockquote lang="en">
<p>For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.</p>
<p>There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.</p>
<p><mark>Making a custom form control with JavaScript is going to make life worse</mark> for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.</p>
<p><cite><em><a href="https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html">You can’t capture the nuance of my form fields</a></em> (<a href="/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/">cache</a>)</cite></p>
</blockquote>
<p>Il y a une notion de <em>refus de parvenir</em> à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque «&nbsp;adaptation&nbsp;» de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de <a href="/david/2021/11/20/" title="Hypertélie">traits hypertéliques</a> qui requièrent une adaptation non négligeable.</p>
<p>Bien trop souvent <a href="/david/2021/11/01/" title="Inaccessible">négligée</a>.</p>
<p>Ironiquement, <mark>au moment de publier</mark>, je suis en train d’<a href="https://github.com/Delegation-numerique-en-sante/mesconseilsprevention">explorer des choses</a> avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.</p>


<h2><a href="/david/2021/11/01/" title="Lien permanent vers cet article">Inaccessible</a> (2021-11-01)</h2>
@@ -107,7 +124,9 @@
<h2><a href="/david/2021/07/06/" title="Lien permanent vers cet article">Bloguisme</a> (2021-07-06)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>
<p>Vous connaissez cette injonction à «&nbsp;ouvrir un blog&nbsp;» dès qu’un <em>thread</em> Twitter fait plus de trois phrases. J’accepte de plus en plus que les personnes puissent être davantage à l’aise pour écrire dans un environnement où il y a leur(s) communauté(s) et leurs habitudes d’énonciation (mème, etc). Avoir un blog, cela peut être une charge cognitive et émotionnelle assez forte et je respecte le choix de vouloir s’en passer. Sans même mentionner la <a href="/david/2021/04/09/" title="Maximiser">complexité technique</a> associée.</p>
<p><strong>Est-ce que l’on m’invective à écrire un livre à chaque billet de blog&#8239;?</strong> Non, et je ne m’y soumettrais de toute façon pas car ce n’est pas mon moyen d’expression. Un autre tempo, une autre fabrique, probablement d’autres lecteur·ices aussi. Quel que soit le moyen d’expression, le principal me semble être de rester accessible au plus grand nombre (et encore&#8239;?).</p>
<hr />
@@ -121,6 +140,7 @@
<p><cite><em>Réflexion sur les Ixiens, Archives du Bene Gesserit</em>, <em><a href="/david/2020/12/21/#dune">Dune</a> V. Les Hérétiques de Dune</em>, Frank Herbert</cite></p>
</blockquote>

</details>


+ 21
- 1
david/2021/anarchisme/index.html Wyświetl plik

@@ -76,6 +76,23 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2021/12/07/" title="Lien permanent vers cet article">Natif</a> (2021-12-07)</h2>

<blockquote lang="en">
<p>For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.</p>
<p>There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.</p>
<p><mark>Making a custom form control with JavaScript is going to make life worse</mark> for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.</p>
<p><cite><em><a href="https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html">You can’t capture the nuance of my form fields</a></em> (<a href="/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/">cache</a>)</cite></p>
</blockquote>
<p>Il y a une notion de <em>refus de parvenir</em> à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque «&nbsp;adaptation&nbsp;» de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de <a href="/david/2021/11/20/" title="Hypertélie">traits hypertéliques</a> qui requièrent une adaptation non négligeable.</p>
<p>Bien trop souvent <a href="/david/2021/11/01/" title="Inaccessible">négligée</a>.</p>
<p>Ironiquement, <mark>au moment de publier</mark>, je suis en train d’<a href="https://github.com/Delegation-numerique-en-sante/mesconseilsprevention">explorer des choses</a> avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.</p>


<h2><a href="/david/2021/09/13/" title="Lien permanent vers cet article">Démission</a> (2021-09-13)</h2>
@@ -116,7 +133,9 @@
<h2><a href="/david/2021/03/12/" title="Lien permanent vers cet article">Forêt</a> (2021-03-12)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote>
<p>Depuis, le projet d’acheter des hectares par-ci par là commence à me trotter dans la tête. Les sortir des zones de chasse — un terrain privé d’une surface minimum donnée est chassable par défaut. <mark>Les sortir de l’exploitation</mark> forestière en monoculture. Y recréer des écosystèmes vivants, endémiques et/ou préparés au changement climatique. Envisager de l’habitat léger à toute petite échelle.</p>
@@ -131,6 +150,7 @@
<p><cite><em>Encabanée</em>, Gabrielle Filteau-Chiba</cite></p>
</blockquote>

</details>


+ 2
- 0
david/2021/index.html Wyświetl plik

@@ -669,6 +669,8 @@
<h2><a href="/david/2021/12/06/">Winter body</a> (2021-12-06)</h2>
<h2><a href="/david/2021/12/07/">Natif</a> (2021-12-07)</h2>
</main>



+ 17
- 0
david/2021/sources/2021-12-07 - Natif.md Wyświetl plik

@@ -0,0 +1,17 @@
# Natif

> [en] For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.
>
> There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.
>
> ==Making a custom form control with JavaScript is going to make life worse== for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.
>
> <cite>*[You can’t capture the nuance of my form fields](https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html)* ([cache](/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/))</cite>

Il y a une notion de *refus de parvenir* à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque « adaptation » de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de [traits hypertéliques](/david/2021/11/20/) qui requièrent une adaptation non négligeable.

Bien trop souvent [négligée](/david/2021/11/01/).

Ironiquement, ==au moment de publier==, je suis en train d’[explorer des choses](https://github.com/Delegation-numerique-en-sante/mesconseilsprevention) avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.

#web #accessibilité #anarchisme

+ 21
- 1
david/2021/web/index.html Wyświetl plik

@@ -76,6 +76,23 @@
<main>
<p>Les plus récentes en premier, les 3 premières sont dépliées et ensuite c’est à la demande, bonne exploration !</p>
<h2><a href="/david/2021/12/07/" title="Lien permanent vers cet article">Natif</a> (2021-12-07)</h2>

<blockquote lang="en">
<p>For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.</p>
<p>There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.</p>
<p><mark>Making a custom form control with JavaScript is going to make life worse</mark> for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.</p>
<p><cite><em><a href="https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html">You can’t capture the nuance of my form fields</a></em> (<a href="/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/">cache</a>)</cite></p>
</blockquote>
<p>Il y a une notion de <em>refus de parvenir</em> à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque «&nbsp;adaptation&nbsp;» de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de <a href="/david/2021/11/20/" title="Hypertélie">traits hypertéliques</a> qui requièrent une adaptation non négligeable.</p>
<p>Bien trop souvent <a href="/david/2021/11/01/" title="Inaccessible">négligée</a>.</p>
<p>Ironiquement, <mark>au moment de publier</mark>, je suis en train d’<a href="https://github.com/Delegation-numerique-en-sante/mesconseilsprevention">explorer des choses</a> avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.</p>


<h2><a href="/david/2021/11/20/" title="Lien permanent vers cet article">Hypertélie</a> (2021-11-20)</h2>
@@ -115,7 +132,9 @@
<h2><a href="/david/2021/08/31/" title="Lien permanent vers cet article">Abstraction</a> (2021-08-31)</h2>
<details>
<summary>Déplier pour lire le contenu de la publication</summary>

<blockquote lang="en">
<p>Take a moment and think about this super power: if you write vanilla HTML, CSS, and JS, all you have to do is put that code in a web browser and it runs. Edit a file, refresh the page, you’ve got a feedback cycle. <mark>As soon as you introduce tooling, as soon as you introduce an abstraction not native to the browser, you may have to invent the universe for a feedback cycle.</mark> No longer writing CSS and instead writing Sass? Now you need a development server with a build process to watch your files and compile your changes <em>just to develop and test your project</em>. You’ve just added a giant, blocking dependency for your project to work. And if you can’t get that dependency working, your project is dead in the water until you can—both now and in the future.</p>
@@ -142,6 +161,7 @@
<figcaption>Écrits pollinisateurs ?</figcaption>
</figure>

</details>


+ 5
- 4
david/index.html Wyświetl plik

@@ -81,7 +81,8 @@
<a href="/david/2021/12/03/">Record</a>,
<a href="/david/2021/12/04/">Colophon</a>,
<a href="/david/2021/12/05/">Mise à jour</a>,
<a href="/david/2021/12/06/">Winter body</a>.
<a href="/david/2021/12/06/">Winter body</a>,
<a href="/david/2021/12/07/">Natif</a>.
</p>
@@ -441,11 +442,11 @@
</svg>
</h3>
<p>
<a href="/david/2021/accessibilite/">#accessibilité (16)</a>
<a href="/david/2021/accessibilite/">#accessibilité (17)</a>
<a href="/david/2021/accompagnement/">#accompagnement (21)</a>
<a href="/david/2021/allie/">#allié (12)</a>
<a href="/david/2021/alterego/">#alterego (5)</a>
<a href="/david/2021/anarchisme/">#anarchisme (4)</a>
<a href="/david/2021/anarchisme/">#anarchisme (5)</a>
<a href="/david/2021/anxiete/">#anxiété (31)</a>
<a href="/david/2021/capitalocene/">#capitalocène (21)</a>
<a href="/david/2021/climat/">#climat (13)</a>
@@ -488,7 +489,7 @@
<a href="/david/2021/travail/">#travail (14)</a>
<a href="/david/2021/utilisateur-ice/">#utilisateur·ice (5)</a>
<a href="/david/2021/video/">#vidéo (21)</a>
<a href="/david/2021/web/">#web (23)</a>
<a href="/david/2021/web/">#web (24)</a>
</p>
</nav>

+ 20
- 26
david/log/index.xml Wyświetl plik

@@ -6,13 +6,32 @@
<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>2021-12-13T12:00:00+01:00</updated>
<updated>2021-12-14T12:00:00+01:00</updated>
<author>
<name>David Larlet</name>
<uri>https://larlet.fr/david/</uri>
</author>
<rights>Copyright (c) 2004-2021, David Larlet</rights>
<entry xml:lang="fr">
<title type="html">Natif</title>
<link href="https://larlet.fr/david/2021/12/07/" rel="alternate" type="text/html" />
<updated>2021-12-07T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/12/07/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;For myself, this is just very annoying. Imagine the same situation if you were blind. The standard form inputs work everywhere, and are designed with accessibility in mind, so you’re used to them and can easily fill in forms which use the standard browser controls. But, when you hit a JavaScript-powered organic cage-free non-GMO text box, you’re screwed.&lt;/p&gt;
&lt;p&gt;There are hundreds of little nuances that users learn to use their computers efficiently. The exact features a user relies on will vary between operating systems, browsers, hardware, natural languages, physical ability, and personal preferences and experience. There are dozens of tiny workflows that people depend on every day that have never even occurred to you.&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Making a custom form control with JavaScript is going to make life worse&lt;/mark&gt; for a lot of people. Just don’t do it. The browser’s built-in controls are quite sufficient.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://drewdevault.com/2021/06/27/You-cant-capture-the-nuance.html&quot;&gt;You can’t capture the nuance of my form fields&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/1a6493b2d0049ae88f2b331a990a85b8/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Il y a une notion de &lt;em&gt;refus de parvenir&lt;/em&gt; à explorer dans le Web. Ce n’est pas parce que l’on peut que l’on doit. Chaque «&amp;nbsp;adaptation&amp;nbsp;» de la norme apporte son lot d’inconnues et d’incapacités futures. Chaque tentative de sur-technicisation apporte son lot de &lt;a href=&quot;https://larlet.fr/david/2021/11/20/&quot; title=&quot;Hypertélie&quot;&gt;traits hypertéliques&lt;/a&gt; qui requièrent une adaptation non négligeable.&lt;/p&gt;
&lt;p&gt;Bien trop souvent &lt;a href=&quot;https://larlet.fr/david/2021/11/01/&quot; title=&quot;Inaccessible&quot;&gt;négligée&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Ironiquement, &lt;mark&gt;au moment de publier&lt;/mark&gt;, je suis en train d’&lt;a href=&quot;https://github.com/Delegation-numerique-en-sante/mesconseilsprevention&quot;&gt;explorer des choses&lt;/a&gt; avec le moins de code possible. Et c’est vraiment plaisant de pouvoir prototyper avec de petits outils robustes.&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/accessibilite/&quot;&gt;#accessibilité&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/anarchisme/&quot;&gt;#anarchisme&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/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">Winter body</title>
<link href="https://larlet.fr/david/2021/12/06/" rel="alternate" type="text/html" />
@@ -717,29 +736,4 @@ Et nous bouffe déjà&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/produit/&quot;&gt;#produit&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/utilisateur-ice/&quot;&gt;#utilisateur·ice&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">Palimpseste</title>
<link href="https://larlet.fr/david/2021/11/05/" rel="alternate" type="text/html" />
<updated>2021-11-05T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/11/05/</id>
<summary type="html">

&lt;blockquote&gt;
&lt;p&gt;Manuscrit dont on a fait disparaître l’écriture pour y écrire un autre texte. — &lt;a href=&quot;https://fr.wiktionary.org/wiki/palimpseste&quot;&gt;wiktionary&lt;/a&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;En ce moment, j’interroge ma façon de partager des informations dans un groupe. Et &lt;a href=&quot;https://larlet.fr/david/2021/10/07/&quot; title=&quot;Consigner&quot;&gt;quels outils&lt;/a&gt; pourraient m’aider dans &lt;a href=&quot;https://larlet.fr/david/2021/10/13/&quot; title=&quot;Prodiverse&quot;&gt;cette tâche&lt;/a&gt; extrêmement difficile.&lt;/p&gt;
&lt;p&gt;Tentative du jour, l’adaptation d’une page &lt;a href=&quot;https://nownownow.com/about&quot;&gt;nownownow&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/2234be7b5c98831c39b44861df11e9e9/&quot;&gt;cache&lt;/a&gt;) pour une équipe. Un simple pad — ou tout autre moyen d’écrire simultanément — où chacun·e est libre d’échanger ses (pré)occupations du moment. La seule information qu’il me semble importante d’avoir en commun est peut-être la date de mise à jour de sa partie, de façon à avoir une idée de la pertinence dans le temps.&lt;/p&gt;
&lt;p&gt;Peut-être un moyen pour les personnes moins à l’aise à l’oral (ou avec la synchronicité des échanges verbaux) de partager des émotions et des informations. Peut-être un moyen pour que le temps d’attention s’équilibre au sein d’un groupe, ce qui est très difficile avec la discussion seule.&lt;/p&gt;
&lt;p&gt;Avec la légèreté de ne pas se préoccuper d’un historique (pour une fois&amp;#8239;!).&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Une semaine plus tard&lt;/mark&gt;&amp;nbsp;: je suis le seul participant 😅.&lt;/p&gt;
&lt;hr /&gt;

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;Information is generally far less useful when it is only stored in one person’s head, as opposed to &lt;mark&gt;being accessible in a shared system&lt;/mark&gt; that everyone trusts and can use. If you take important information out of your own head and store it in a medium that allows others to easily find and contextualise it, that’s a win for everyone.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://xahteiwi.eu/resources/presentations/no-we-wont-have-a-video-call-for-that/&quot;&gt;No, We Won’t Have a Video Call for That!&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/6c45b2e9a3bd7dc678d52e047a88cd1d/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Beaucoup de choses qui alimentent mes réflexions du moment. Une communication efficace et optimisée soit, mais avec quelle humanité&amp;#8239;?&lt;/p&gt;
&lt;nav&gt;&lt;p&gt;&lt;a href=&quot;https://larlet.fr/david/2021/ecriture/&quot;&gt;#écriture&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/partage/&quot;&gt;#partage&lt;/a&gt; &lt;a href=&quot;https://larlet.fr/david/2021/rythme/&quot;&gt;#rythme&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>

Ładowanie…
Anuluj
Zapisz