davidbgk
/
larlet-fr-david
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
Browse Source

Publishing

master
David Larlet 2 years ago
parent
1a59195c9f
commit
016418baea
7 changed files with 248 additions and 24 deletions
Split View Show Diff Stats
  1. 2
    2
      david/2021/07/08/index.html
  2. 183
    0
      david/2021/07/09/index.html
  3. 30
    0
      david/2021/07/09/index.json
  4. 2
    0
      david/2021/index.html
  5. 11
    0
      david/2021/sources/2021-07-09 - Balle.md
  6. 2
    1
      david/index.html
  7. 18
    21
      david/log/index.xml

+ 2
- 2
david/2021/07/08/index.html View File

@@ -62,7 +62,7 @@
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a>
• <a rel="next" href="/david/2021/07/09/" title="Publication suivante : Balle">Suivant →</a>
</p>
</nav>
<hr>
@@ -85,7 +85,7 @@
<p class="center">
<a rel="prev" href="/david/2021/07/06/" title="Publication précédente : Bloguisme">← Précédent</a> •
<a href="/david/2021/" title="Liste des publications récentes">↑ En 2021</a>
• <a rel="next" href="/david/2021/07/09/" title="Publication suivante : Balle">Suivant →</a>
</p>
</nav>
</article>

+ 183
- 0
david/2021/07/09/index.html View File

@@ -0,0 +1,183 @@
<!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>Balle — David Larlet</title>
<meta name="description" content="So 99% of what you’re doing when you’re behind the wheel of a car is attempting to not commit homicide.">
<!-- 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="#f0f0ea">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- 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>Balle</h1>
</header>
<nav>
<p class="center">
<a rel="prev" href="/david/2021/07/08/" title="Publication précédente : Copilot">← Précédent</a> •
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a>
</p>
</nav>
<hr>


<blockquote lang="en">
<p>So 99% of what you’re doing when you’re behind the wheel of a car is <mark>attempting to not commit homicide.</mark></p>
<p>This is a useful point to keep in mind whenever you read about the imminent arrival of “self-driving cars”. Because when tech folks tell you they’re building a self-driving car, what they’re really promising is to make a <em>self-driving bullet</em> that can weave through city streets without hitting anyone.</p>
<p>Kind of clarifies the stakes, doesn’t it?</p>
<p><cite><em><a href="https://themobilist.medium.com/self-driving-cars-self-driving-bullets-955dfd2c5150">Self-Driving Cars are Self-Driving Bullets</a></em> (<a href="/david/cache/2021/df1a769924b63c144614f3d8e5b0d004/">cache</a>)</cite></p>
</blockquote>
<p>Je trouve cette métaphore assez juste… qui rendrait caduque la plupart des discussions sur le port d’armes. De là à dire que c’est <a href="https://www.liberation.fr/economie/transports/la-voiture-coute-cher-aux-francais-20210526_26IJ75OXBVEJFE5HPIBUTPYLEA/">une balle d’argent</a> (<a href="/david/cache/2021/2c4182f774f612fda62ca7b1652bbc0d/">cache</a>), il n’y a qu’un pas 🙃. La mienne est même probablement <a href="http://tmp.larlet.fr/ccmc/">plaquée or</a>.</p>

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


<hr>

<footer>
<p>
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
</svg> Suivre</a> •
<a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
</svg> Pro</a> •
<a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
</svg> Email</a> •
<abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
</svg> Légal</abbr>
</p>
<template id="theme-selector">
<form>
<fieldset>
<legend><svg class="icon icon-brightness-contrast">
<use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
</svg> Thème</legend>
<label>
<input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
</label>
<label>
<input type="radio" value="dark" name="chosen-color-scheme"> Foncé
</label>
<label>
<input type="radio" value="light" name="chosen-color-scheme"> Clair
</label>
</fieldset>
</form>
</template>
</footer>
<script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
<script>
function loadThemeForm(templateName) {
const themeSelectorTemplate = document.querySelector(templateName)
const form = themeSelectorTemplate.content.firstElementChild
themeSelectorTemplate.replaceWith(form)

form.addEventListener('change', (e) => {
const chosenColorScheme = e.target.value
localStorage.setItem('theme', chosenColorScheme)
toggleTheme(chosenColorScheme)
})

const selectedTheme = localStorage.getItem('theme')
if (selectedTheme && selectedTheme !== 'undefined') {
form.querySelector(`[value="${selectedTheme}"]`).checked = true
}
}

const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
window.addEventListener('load', () => {
let hasDarkRules = false
for (const styleSheet of Array.from(document.styleSheets)) {
let mediaRules = []
for (const cssRule of styleSheet.cssRules) {
if (cssRule.type !== CSSRule.MEDIA_RULE) {
continue
}
// WARNING: Safari does not have/supports `conditionText`.
if (cssRule.conditionText) {
if (cssRule.conditionText !== prefersColorSchemeDark) {
continue
}
} else {
if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
continue
}
}
mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
}

// WARNING: do not try to insert a Rule to a styleSheet you are
// currently iterating on, otherwise the browser will be stuck
// in a infinite loop…
for (const mediaRule of mediaRules) {
styleSheet.insertRule(mediaRule.cssText)
hasDarkRules = true
}
}
if (hasDarkRules) {
loadThemeForm('#theme-selector')
}
})
</script>
</body>
</html>

+ 30
- 0
david/2021/07/09/index.json View File

@@ -0,0 +1,30 @@
{
"@context": [
"https://www.w3.org/ns/activitystreams"
],
"type": "Note",
"id": "https://larlet.fr/david/2021/07/09/index.json",
"published": "2021-07-09T12:00:00+01:00",
"inReplyTo": null,
"url": "https://larlet.fr/david/2021/07/09/index.json",
"attributedTo": "https://larlet.fr/david/",
"to": [
"https://www.w3.org/ns/activitystreams#Public"
],
"cc": [
"https://larlet.fr/david/mastodon/followers"
],
"name": "Balle",
"summary": null,
"content": "<p>&gt; Je trouve cette métaphore assez juste &mdash; Balle, <a href=\"https://larlet.fr/david/2021/07/09/\">https://larlet.fr/david/2021/07/09/</a></p>",
"contentMap": {
"fr": "<p>&gt; Je trouve cette métaphore assez juste &mdash; Balle, <a href=\"https://larlet.fr/david/2021/07/09/\">https://larlet.fr/david/2021/07/09/</a></p>"
},
"tag": [
{
"type": "Mention",
"href": "https://mastodon.social/users/dav",
"name": "@dav@mastodon.social"
}
]
}

+ 2
- 0
david/2021/index.html View File

@@ -418,6 +418,8 @@
<h2><a href="/david/2021/07/08/">Copilot</a> (2021-07-08)</h2>
<h2><a href="/david/2021/07/09/">Balle</a> (2021-07-09)</h2>
</main>



+ 11
- 0
david/2021/sources/2021-07-09 - Balle.md View File

@@ -0,0 +1,11 @@
# Balle

> [en] So 99% of what you’re doing when you’re behind the wheel of a car is ==attempting to not commit homicide.==
>
> This is a useful point to keep in mind whenever you read about the imminent arrival of “self-driving cars”. Because when tech folks tell you they’re building a self-driving car, what they’re really promising is to make a *self-driving bullet* that can weave through city streets without hitting anyone.
>
> Kind of clarifies the stakes, doesn’t it?
>
> <cite>*[Self-Driving Cars are Self-Driving Bullets](https://themobilist.medium.com/self-driving-cars-self-driving-bullets-955dfd2c5150)* ([cache](/david/cache/2021/df1a769924b63c144614f3d8e5b0d004/))</cite>

Je trouve cette métaphore assez juste… qui rendrait caduque la plupart des discussions sur le port d’armes. De là à dire que c’est [une balle d’argent](https://www.liberation.fr/economie/transports/la-voiture-coute-cher-aux-francais-20210526_26IJ75OXBVEJFE5HPIBUTPYLEA/) ([cache](/david/cache/2021/2c4182f774f612fda62ca7b1652bbc0d/)), il n’y a qu’un pas 🙃. La mienne est même probablement [plaquée or](http://tmp.larlet.fr/ccmc/).

+ 2
- 1
david/index.html View File

@@ -80,7 +80,8 @@
<a href="/david/2021/07/03/">Orthographisme</a>,
<a href="/david/2021/07/05/">Ano(r)malisme</a>,
<a href="/david/2021/07/06/">Bloguisme</a>,
<a href="/david/2021/07/08/">Copilot</a>.
<a href="/david/2021/07/08/">Copilot</a>,
<a href="/david/2021/07/09/">Balle</a>.
</p>

+ 18
- 21
david/log/index.xml View File

@@ -6,13 +6,30 @@
<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-07-15T12:00:00+01:00</updated>
<updated>2021-07-16T12: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">Balle</title>
<link href="https://larlet.fr/david/2021/07/09/" rel="alternate" type="text/html" />
<updated>2021-07-09T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/07/09/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;So 99% of what you’re doing when you’re behind the wheel of a car is &lt;mark&gt;attempting to not commit homicide.&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;This is a useful point to keep in mind whenever you read about the imminent arrival of “self-driving cars”. Because when tech folks tell you they’re building a self-driving car, what they’re really promising is to make a &lt;em&gt;self-driving bullet&lt;/em&gt; that can weave through city streets without hitting anyone.&lt;/p&gt;
&lt;p&gt;Kind of clarifies the stakes, doesn’t it?&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://themobilist.medium.com/self-driving-cars-self-driving-bullets-955dfd2c5150&quot;&gt;Self-Driving Cars are Self-Driving Bullets&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/df1a769924b63c144614f3d8e5b0d004/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Je trouve cette métaphore assez juste… qui rendrait caduque la plupart des discussions sur le port d’armes. De là à dire que c’est &lt;a href=&quot;https://www.liberation.fr/economie/transports/la-voiture-coute-cher-aux-francais-20210526_26IJ75OXBVEJFE5HPIBUTPYLEA/&quot;&gt;une balle d’argent&lt;/a&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/2c4182f774f612fda62ca7b1652bbc0d/&quot;&gt;cache&lt;/a&gt;), il n’y a qu’un pas 🙃. La mienne est même probablement &lt;a href=&quot;http://tmp.larlet.fr/ccmc/&quot;&gt;plaquée or&lt;/a&gt;.&lt;/p&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">Copilot</title>
<link href="https://larlet.fr/david/2021/07/08/" rel="alternate" type="text/html" />
@@ -638,26 +655,6 @@ Leo&amp;nbsp;»&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;De temps en temps, j’emprunte un livre de développement personnel à la bibliothèque. Je mets ça sur le coup de la curiosité ou de l’espoir que ça m’apporte un truc, un jour, je sais pas trop.&lt;/p&gt;
&lt;p&gt;Je suis trop fatigué pour étayer ce soir. On verra dans quel sens j’aurai envie d’aller une fois la &lt;a href=&quot;https://larlet.fr/david/2021/05/19/&quot;&gt;tempête&lt;/a&gt; passée.&lt;/p&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">Anxiété</title>
<link href="https://larlet.fr/david/2021/06/07/" rel="alternate" type="text/html" />
<updated>2021-06-07T12:00:00+01:00</updated>
<id>https://larlet.fr/david/2021/06/07/</id>
<summary type="html">

&lt;blockquote lang=&quot;en&quot;&gt;
&lt;p&gt;Considering the skyrocketing rates of mental illness throughout the course of the COVID-19&amp;nbsp;pandemic — plus many more of us struggling with daily stressors and mood swings that may lead us to irrational negative thinking —how often are we asking ourselves, &lt;mark&gt;“How will someone with anxiety experience our product/service/feature? How can we make that better?”&lt;/mark&gt;&lt;/p&gt;
&lt;p&gt;[…]&lt;/p&gt;
&lt;p&gt;My heart sinks hearing these words over and over again over the last few years. From invalid credentials, to expired email links, to confusing password reset flows, to glitchy and lengthy forms, to jargon-filled websites, I know the majority of issues Alex has worked through with me have all been outside of her control. And I try to tell her that, but her anxiety doesn’t let her see it that way. She truly believes everything she’s struggled with is her fault, and with each failed click of a button, her anxiety continues to worsen.&lt;/p&gt;
&lt;p&gt;&lt;cite&gt;&lt;em&gt;&lt;a href=&quot;https://uxdesign.cc/inclusive-ux-in-an-era-of-anxiety-dc89c39ec202&quot;&gt;Inclusive UX in an era of anxiety&lt;/a&gt;&lt;/em&gt; (&lt;a href=&quot;https://larlet.fr/david/cache/2021/19518aa194e8ddbc4dcbe9c5c8de9ec9/&quot;&gt;cache&lt;/a&gt;)&lt;/cite&gt;&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;Un précieux rappel qu’il y a des états invisibles et difficilement décelables, des angles (presque) morts à la conception Web d’aujourd’hui. Je retiens notamment le fait de rendre explicites les problèmes techniques lorsque la «&amp;nbsp;faute&amp;nbsp;» n’est pas du côté utilisateur·ice. Ça fait un moment qu’il faut que je me motive pour faire des pages d’erreurs correctes par ici. #cordonnerie&lt;/p&gt;
&lt;p&gt;Il y a tellement de fois où j’ai besoin de bidouiller le site des autres pour arriver à mes fins (en partie parce que je bloque beaucoup de choses mais pas que), je me demande fréquemment comment font les personnes non-érudites pour arriver au bout de certains parcours.&lt;/p&gt;
&lt;p&gt;Notamment sur des sites gouvernementaux. Sur des sujets aussi stressants que l’immigration. Qui déterminent des choix de vie…&lt;/p&gt;
&lt;p&gt;&lt;mark&gt;Note après publication&amp;nbsp;:&lt;/mark&gt; &lt;a href=&quot;https://designpatternsformentalhealth.org/&quot;&gt;Design Patterns for Mental Health&lt;/a&gt;.&lt;/p&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>

Write Preview
Loading…
Cancel
Save