Browse Source

Links

master
David Larlet 1 year ago
parent
commit
d7b43fe720

+ 225
- 0
cache/2023/3d3259256af967c84b199220b3a5244a/index.html View File

@@ -0,0 +1,225 @@
<!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>Variability, Not Repetition, is the Key to Mastery (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/">

<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>Variability, Not Repetition, is the Key to Mastery</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Bruce Lee is reported to have said, “I fear not the man who has practiced 10,000 kicks once, but the man who has practiced one kick 10,000 times.” With all due respect to Mr. Lee, he might have been wrong about this one.</p>
<p>Variability plays an essential and oft-neglected role in mastering complex skills. Considerable research shows that practicing in varied contexts with varied methods and performing with varied task constraints results in more robust learning than simple repetition.</p>
<p>Below, I’d like to review some of the key research supporting the role of variability in learning and suggest how you can apply this to your career and studies.</p>
<h2>Contextual Interference: Same Method, Variable Situations</h2>
<p class="inline-podcast">
<small>Listen to this article</small><br>
</p>
<p><a href="https://en.wikipedia.org/wiki/Motor_learning#Structure_of_practice_and_contextual_interference">Contextual interference</a> occurs when you practice the same skill, but vary the situations in which it is called for.</p>
<p>For instance, you could practice your tennis backhand by being served backhand shots repeatedly. Alternatively, your coach could mix things up: serve you backhand shots interspersed with balls that require a forehand shot.</p>
<p>Or imagine preparing for a calculus exam: you could study all the questions that require the chain rule, then all the questions that use the quotient rule. Instead, you might shuffle these questions together so you can’t be sure which technique is needed.</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg" alt="" class="wp-image-14607" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>Contextual interference improves the transfer of learning to new situations. There are a few reasons contextual interference works:</p>
<ul>
<li><strong>Identifying problems correctly and ensuring the correct technique is associated with the problem</strong>. A major difficulty in learning isn’t getting knowledge into your head—but getting it out at the right time. Practice that repeats the same technique in narrow situations may result in skills that aren’t accessible when you need them.</li>
<li><strong>Putting similar situations side-by-side helps you compare them</strong>. Seeing two problems that look similar, but require different solution methods, makes it more likely that you’ll attend to the key distinction between them.</li>
<li><strong>The extra effort needed to retrieve the right response may be desirable</strong>. According to psychologist Robert Bjork’s influential <a href="https://www.researchgate.net/profile/Robert-Bjork-2/publication/281322665_A_new_theory_of_disuse_and_an_old_theory_of_stimulus_fluctuation/links/58b6f20945851591c5d55e96/A-new-theory-of-disuse-and-an-old-theory-of-stimulus-fluctuation.pdf">theory of memory</a>, more difficult retrieval results in greater memory strengthening than easier retrieval. Thus, more variable practice is likely more efficient practice.</li>
</ul>
<h2>Abstracting the Deep Structure: Same Idea, Different Examples</h2>
<p>Variability plays a role in abstracting the deep structure of seemingly different situations. Experts tend to <a href="https://www.sciencedirect.com/science/article/abs/pii/S0364021381800298">perceive the deep principles</a> of a particular problem. In contrast, novices tend to get distracted by the superficial features.</p>
<p>Physics experts, for instance, tend to look at problems and see “conservation of energy” or “forces must be balanced if an object isn’t moving.” In contrast, novices tend to look at problems and see “it’s one with a pulley” or “it’s an incline-plane problem.”</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg" alt="" class="wp-image-14608" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>The exact role of concrete versus abstract representations in thinking is controversial in cognitive psychology.</p>
<p>Some theorists argue that we reason through <a href="https://psycnet.apa.org/record/1989-98035-006">storing multiple</a>, <a href="https://psycnet.apa.org/doiLanding?doi=10.1037%2F0033-295X.95.4.492">specific instances of ideas</a>. Others argue that we erase the specifics, leading to <a href="https://en.wikipedia.org/wiki/Prototype_theory">generic stereotypes</a> of situations we deal with. Regardless of whether thinking is fundamentally concrete or abstract (or some mixture of both), seeing multiple examples is central to learning.</p>
<p>A central principle of the highly-successful teaching strategy, <a href="https://en.wikipedia.org/wiki/Direct_instruction">Direct Instruction</a>, is to present students with examples that span the full range of possibilities for a concept. So instead of teaching students to recognize the letter “a” by showing students the exact same letter, we would show “a” in a variety of fonts and typefaces. A student learns that all of these as represent the same “thing” by being exposed to multiple, varying examples:</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg" alt="" class="wp-image-14605" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<h2>Ensuring Robust Learning: Same Strategy, Varied Problems</h2>
<p>A substantial challenge in learning is that the mind economizes on effort. This means we often fall prey to psychological shortcuts that give us the correct answer, even if they won’t benefit us in future situations.</p>
<p><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1003425">One study</a> that looked at this required participants to predict a trajectory. Some participants were given a low-variability condition which only involved a few different paths. Other participants were given a high-variability condition which involved a much larger set of different trajectories.</p>
<p>The researchers found that the method participants adopted depended on the variability of the task. When variability was low, participants simply memorized the pattern. In contrast, when variability was high, they simulated the trajectory to find the likely destination.</p>
<p>This result shows that when practice has low variability, we often adopt shortcuts that won’t necessarily generalize to the broader conditions of a task. These effort-saving maneuvers aren’t always conscious, so it’s not simply a matter of laziness. This is one reason I caution students when using flashcards for subjects like mathematics. If you’re not careful, it’s easy to design cards where you memorize the answer (x = 7) and not the method.</p>
<h2>Evolving Practice: Same Problems, Varied Strategies</h2>
<p>Thus far, we’ve discussed variable contexts, examples, or task conditions. But having multiple methods for getting the right answer is also an important part of mastering complex skills.</p>
<p>In contrast to the classical view that experts and novices use a particular method, developmental psychologist Robert Siegler finds that people use <a href="https://www.amazon.ca/Emerging-Minds-Process-Childrens-Thinking-ebook/dp/B000QTD49E/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=&amp;sr=">multiple methods to come up with answers</a>. In his study of how addition strategies children use evolve, he discovered that most children used at least three techniques. Even college students will use multiple methods for single-digit arithmetic.</p>
<p>Following this data, Siegler proposed the “moderate experience hypothesis.” Strategy variability will be highest when we have some, but not a lot, of experience.</p>
<p>Vimla Patel has documented a <a href="https://onlinelibrary.wiley.com/doi/abs/10.1111/j.1365-2923.1991.tb00106.x">similar pattern in the thinking of medical students</a>. Intermediate students, but not novices or experts, show the most elaborations in their reasoning about medical cases.</p>
<p>Siegler argues that this variability is beneficial. First, the “best” strategy depends on the current skill level. Direct retrieval of the correct addition fact (7 + 5 = 12) is easiest—but this strategy only works when we’re confident we know the right answer. Having an assortment of backup methods is helpful in situations when we have lower confidence.</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg" alt="" class="wp-image-14610" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>Having multiple strategies for solving a problem is vital when you aren’t yet at the level of mastery. It ensures not only backups you can fall upon when more difficult methods fail, but it gives different reasoning paths to reach the right answer.</p>
<h2>Avoiding Local Optima: Same Challenge, Varied Task Constraints</h2>
<p>A classic learning dilemma is avoiding methods that work well enough, but aren’t the best. In this view of learning, progress is like trying to find the highest point in a vast forest. It makes sense to keep climbing until you reach a peak, but getting stuck on a small hill is easy—even if there’s a taller mountain nearby.</p>
<p>Climbing downhill is hard and feels counterproductive. We instinctively avoid changes that make our performance worse than it might otherwise be, even if we suspect it is good for us in the long run.</p>
<p>One way out of this trap is to practice with variable constraints that prevent using the dominant strategy. A rock climber who leans toward explosive, dynamic jumps might explore a new style by climbing with the constraint of pausing for a second before each new hold. A writer who relies on personal stories might make a rule to avoid them for a future essay.</p>
<h2>When is Variability Good? Watching Out for Cognitive Overload</h2>
<p>Most research supports the benefits of variability in practice. However, less-variable practice is often <a href="https://link.springer.com/article/10.1007/s10648-019-09462-8">better for beginners or lower-performing students</a>. The logic here is relatively straightforward—if you can’t perform a method under helpful, simplified conditions, you probably won’t benefit from making things harder.</p>
<p>Having variable methods may also backfire if some of those methods are buggy or flawed. Researchers have found that <a href="https://www.lri.fr/~mbl/Stanford/CS477/papers/RepairTheory-SeelyBrown.pdf">broken algorithms</a> for basic mathematical procedures lead to difficulty in learning more complex algorithms, such as multi-digit subtraction problems.</p>
<p>These two considerations moderate the extreme stance that all variability is good when learning. Instead, we want to see a slow ramp-up in variability. Learning should start with clear instructions and concrete examples when a skill is new and expand into increasingly broad contexts as we progress.</p>
<h2>Applying Variability to Learning</h2>
<p>Given this research evidence, how can we apply variability to learn better?</p>
<ul>
<li><strong>Mix up your problems</strong>. If you have to study problems, mix them up so there aren’t clues telling you what strategy you need to apply. Mix together Unit One and Unit Two—and don’t indicate which problems come from which sections.</li>
<li><strong>Choose opportunities with greater variability</strong>. Management consultants who work for a wide range of clients are more likely to learn broad principles than those who work only with a single firm or industry. Psychologist Gary Klein <a href="https://www.amazon.com/gp/product/0262532816/ref=ox_sc_saved_title_9?smid=A3DWYIK6Y9EEQB&amp;psc=1">reports</a> that inner-city firefighters progress much faster than rural firefighters, owing to the more varied firefighting conditions. Choosing jobs with greater variability early in your career may lead to better skill development than narrow specializations.</li>
<li><strong>Work with multiple teachers, peers and styles</strong>. Learning a language, for instance, benefits from <a href="https://psycnet.apa.org/record/2013-18820-001">exposure to different speakers</a>, accents and speaking styles. Learning from several teachers is more likely to promote diverse perspectives. Having a variety of peers exposes you to different strategies and is less likely to get you in a rut.</li>
<li><strong>Add constraints that force you away from dominant strategies</strong>. Performing skills under different constraints forces you to explore wider areas of the <a href="https://www.scotthyoung.com/blog/2022/03/28/human-problem-solving/">problem space</a>. This added variability helps you discover new strategies and kicks you out of ruts that can develop when an easy, but sub-optimal, method is relied on.</li>
</ul>
</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>

+ 58
- 0
cache/2023/3d3259256af967c84b199220b3a5244a/index.md View File

@@ -0,0 +1,58 @@
title: Variability, Not Repetition, is the Key to Mastery
url: https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/
hash_url: 3d3259256af967c84b199220b3a5244a

<p>Bruce Lee is reported to have said, “I fear not the man who has practiced 10,000 kicks once, but the man who has practiced one kick 10,000 times.” With all due respect to Mr. Lee, he might have been wrong about this one.</p>
<p>Variability plays an essential and oft-neglected role in mastering complex skills. Considerable research shows that practicing in varied contexts with varied methods and performing with varied task constraints results in more robust learning than simple repetition.</p>
<p>Below, I’d like to review some of the key research supporting the role of variability in learning and suggest how you can apply this to your career and studies.</p>
<h2>Contextual Interference: Same Method, Variable Situations</h2>
<p class="inline-podcast">
<small>Listen to this article</small><br>
</p>
<p><a href="https://en.wikipedia.org/wiki/Motor_learning#Structure_of_practice_and_contextual_interference">Contextual interference</a> occurs when you practice the same skill, but vary the situations in which it is called for.</p>
<p>For instance, you could practice your tennis backhand by being served backhand shots repeatedly. Alternatively, your coach could mix things up: serve you backhand shots interspersed with balls that require a forehand shot.</p>
<p>Or imagine preparing for a calculus exam: you could study all the questions that require the chain rule, then all the questions that use the quotient rule. Instead, you might shuffle these questions together so you can’t be sure which technique is needed.</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg" alt="" class="wp-image-14607" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS1.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>Contextual interference improves the transfer of learning to new situations. There are a few reasons contextual interference works:</p>
<ul>
<li><strong>Identifying problems correctly and ensuring the correct technique is associated with the problem</strong>. A major difficulty in learning isn’t getting knowledge into your head—but getting it out at the right time. Practice that repeats the same technique in narrow situations may result in skills that aren’t accessible when you need them.</li>
<li><strong>Putting similar situations side-by-side helps you compare them</strong>. Seeing two problems that look similar, but require different solution methods, makes it more likely that you’ll attend to the key distinction between them.</li>
<li><strong>The extra effort needed to retrieve the right response may be desirable</strong>. According to psychologist Robert Bjork’s influential <a href="https://www.researchgate.net/profile/Robert-Bjork-2/publication/281322665_A_new_theory_of_disuse_and_an_old_theory_of_stimulus_fluctuation/links/58b6f20945851591c5d55e96/A-new-theory-of-disuse-and-an-old-theory-of-stimulus-fluctuation.pdf">theory of memory</a>, more difficult retrieval results in greater memory strengthening than easier retrieval. Thus, more variable practice is likely more efficient practice.</li>
</ul>
<h2>Abstracting the Deep Structure: Same Idea, Different Examples</h2>
<p>Variability plays a role in abstracting the deep structure of seemingly different situations. Experts tend to <a href="https://www.sciencedirect.com/science/article/abs/pii/S0364021381800298">perceive the deep principles</a> of a particular problem. In contrast, novices tend to get distracted by the superficial features.</p>
<p>Physics experts, for instance, tend to look at problems and see “conservation of energy” or “forces must be balanced if an object isn’t moving.” In contrast, novices tend to look at problems and see “it’s one with a pulley” or “it’s an incline-plane problem.”</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg" alt="" class="wp-image-14608" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS2.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>The exact role of concrete versus abstract representations in thinking is controversial in cognitive psychology.</p>
<p>Some theorists argue that we reason through <a href="https://psycnet.apa.org/record/1989-98035-006">storing multiple</a>, <a href="https://psycnet.apa.org/doiLanding?doi=10.1037%2F0033-295X.95.4.492">specific instances of ideas</a>. Others argue that we erase the specifics, leading to <a href="https://en.wikipedia.org/wiki/Prototype_theory">generic stereotypes</a> of situations we deal with. Regardless of whether thinking is fundamentally concrete or abstract (or some mixture of both), seeing multiple examples is central to learning.</p>
<p>A central principle of the highly-successful teaching strategy, <a href="https://en.wikipedia.org/wiki/Direct_instruction">Direct Instruction</a>, is to present students with examples that span the full range of possibilities for a concept. So instead of teaching students to recognize the letter “a” by showing students the exact same letter, we would show “a” in a variety of fonts and typefaces. A student learns that all of these as represent the same “thing” by being exposed to multiple, varying examples:</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg" alt="" class="wp-image-14605" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS3.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<h2>Ensuring Robust Learning: Same Strategy, Varied Problems</h2>
<p>A substantial challenge in learning is that the mind economizes on effort. This means we often fall prey to psychological shortcuts that give us the correct answer, even if they won’t benefit us in future situations.</p>
<p><a href="https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1003425">One study</a> that looked at this required participants to predict a trajectory. Some participants were given a low-variability condition which only involved a few different paths. Other participants were given a high-variability condition which involved a much larger set of different trajectories.</p>
<p>The researchers found that the method participants adopted depended on the variability of the task. When variability was low, participants simply memorized the pattern. In contrast, when variability was high, they simulated the trajectory to find the likely destination.</p>
<p>This result shows that when practice has low variability, we often adopt shortcuts that won’t necessarily generalize to the broader conditions of a task. These effort-saving maneuvers aren’t always conscious, so it’s not simply a matter of laziness. This is one reason I caution students when using flashcards for subjects like mathematics. If you’re not careful, it’s easy to design cards where you memorize the answer (x = 7) and not the method.</p>
<h2>Evolving Practice: Same Problems, Varied Strategies</h2>
<p>Thus far, we’ve discussed variable contexts, examples, or task conditions. But having multiple methods for getting the right answer is also an important part of mastering complex skills.</p>
<p>In contrast to the classical view that experts and novices use a particular method, developmental psychologist Robert Siegler finds that people use <a href="https://www.amazon.ca/Emerging-Minds-Process-Childrens-Thinking-ebook/dp/B000QTD49E/ref=tmm_kin_swatch_0?_encoding=UTF8&amp;qid=&amp;sr=">multiple methods to come up with answers</a>. In his study of how addition strategies children use evolve, he discovered that most children used at least three techniques. Even college students will use multiple methods for single-digit arithmetic.</p>
<p>Following this data, Siegler proposed the “moderate experience hypothesis.” Strategy variability will be highest when we have some, but not a lot, of experience.</p>
<p>Vimla Patel has documented a <a href="https://onlinelibrary.wiley.com/doi/abs/10.1111/j.1365-2923.1991.tb00106.x">similar pattern in the thinking of medical students</a>. Intermediate students, but not novices or experts, show the most elaborations in their reasoning about medical cases.</p>
<p>Siegler argues that this variability is beneficial. First, the “best” strategy depends on the current skill level. Direct retrieval of the correct addition fact (7 + 5 = 12) is easiest—but this strategy only works when we’re confident we know the right answer. Having an assortment of backup methods is helpful in situations when we have lower confidence.</p>
<figure class="wp-block-image size-large"><img decoding="async" loading="lazy" src="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg" alt="" class="wp-image-14610" srcset="https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1024x512.jpg 1024w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-300x150.jpg 300w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-768x384.jpg 768w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5-1536x768.jpg 1536w, https://www.scotthyoung.com/blog/wp-content/uploads/2022/10/VCS5.jpg 1600w" sizes="(max-width: 1024px) 100vw, 1024px"></figure>
<p>Having multiple strategies for solving a problem is vital when you aren’t yet at the level of mastery. It ensures not only backups you can fall upon when more difficult methods fail, but it gives different reasoning paths to reach the right answer.</p>
<h2>Avoiding Local Optima: Same Challenge, Varied Task Constraints</h2>
<p>A classic learning dilemma is avoiding methods that work well enough, but aren’t the best. In this view of learning, progress is like trying to find the highest point in a vast forest. It makes sense to keep climbing until you reach a peak, but getting stuck on a small hill is easy—even if there’s a taller mountain nearby.</p>
<p>Climbing downhill is hard and feels counterproductive. We instinctively avoid changes that make our performance worse than it might otherwise be, even if we suspect it is good for us in the long run.</p>
<p>One way out of this trap is to practice with variable constraints that prevent using the dominant strategy. A rock climber who leans toward explosive, dynamic jumps might explore a new style by climbing with the constraint of pausing for a second before each new hold. A writer who relies on personal stories might make a rule to avoid them for a future essay.</p>
<h2>When is Variability Good? Watching Out for Cognitive Overload</h2>
<p>Most research supports the benefits of variability in practice. However, less-variable practice is often <a href="https://link.springer.com/article/10.1007/s10648-019-09462-8">better for beginners or lower-performing students</a>. The logic here is relatively straightforward—if you can’t perform a method under helpful, simplified conditions, you probably won’t benefit from making things harder.</p>
<p>Having variable methods may also backfire if some of those methods are buggy or flawed. Researchers have found that <a href="https://www.lri.fr/~mbl/Stanford/CS477/papers/RepairTheory-SeelyBrown.pdf">broken algorithms</a> for basic mathematical procedures lead to difficulty in learning more complex algorithms, such as multi-digit subtraction problems.</p>
<p>These two considerations moderate the extreme stance that all variability is good when learning. Instead, we want to see a slow ramp-up in variability. Learning should start with clear instructions and concrete examples when a skill is new and expand into increasingly broad contexts as we progress.</p>
<h2>Applying Variability to Learning</h2>
<p>Given this research evidence, how can we apply variability to learn better?</p>
<ul>
<li><strong>Mix up your problems</strong>. If you have to study problems, mix them up so there aren’t clues telling you what strategy you need to apply. Mix together Unit One and Unit Two—and don’t indicate which problems come from which sections.</li>
<li><strong>Choose opportunities with greater variability</strong>. Management consultants who work for a wide range of clients are more likely to learn broad principles than those who work only with a single firm or industry. Psychologist Gary Klein <a href="https://www.amazon.com/gp/product/0262532816/ref=ox_sc_saved_title_9?smid=A3DWYIK6Y9EEQB&amp;psc=1">reports</a> that inner-city firefighters progress much faster than rural firefighters, owing to the more varied firefighting conditions. Choosing jobs with greater variability early in your career may lead to better skill development than narrow specializations.</li>
<li><strong>Work with multiple teachers, peers and styles</strong>. Learning a language, for instance, benefits from <a href="https://psycnet.apa.org/record/2013-18820-001">exposure to different speakers</a>, accents and speaking styles. Learning from several teachers is more likely to promote diverse perspectives. Having a variety of peers exposes you to different strategies and is less likely to get you in a rut.</li>
<li><strong>Add constraints that force you away from dominant strategies</strong>. Performing skills under different constraints forces you to explore wider areas of the <a href="https://www.scotthyoung.com/blog/2022/03/28/human-problem-solving/">problem space</a>. This added variability helps you discover new strategies and kicks you out of ruts that can develop when an easy, but sub-optimal, method is relied on.</li>
</ul>

+ 312
- 0
cache/2023/acb867f0c6a744d9a06cd82cd9da002e/index.html View File

@@ -0,0 +1,312 @@
<!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>Which emoji scissors close (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://wh0.github.io/2020/01/02/scissors.html">

<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>Which emoji scissors close</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://wh0.github.io/2020/01/02/scissors.html" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Ah, scissors.
They’re important enough that we have an emoji for them.
On your device, it appears as ✂️.
Unlike the real world tool it represents, the emoji’s job is to convey the idea, especially at small sizes.
It doesn’t need to be able to swing or cut things.
Nevertheless, let’s judge them on that irrelevant criterion.</p>

<h2 id="methodology">Methodology</h2>
<p>Conveniently, the emojis studied in this post depict the scissors from a viewpoint parallel to the axis of the hinge.
This allows us to simulate swinging the blades with basic image rotations.
I collected a dataset of emojis from different vendors from <a href="https://emojipedia.org/black-scissors/">Emojipedia</a>.
In the following experiments, I swing the blades around the hinge until the handles collide with each other.</p>

<p>The evaluation is all subjective.</p>

<h2 id="left-handed-scissors">Left handed scissors</h2>
<p>It turns out that some vendors depict left handed scissors, where the top blade swings counterclockwise.
I’ve put these in their own bracket.</p>

<h3 id="messenger">Messenger</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-messenger-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-messenger-closed.png" alt=""></p>

<p>You get use out of about half of the blade.
It’s not great.</p>

<h3 id="samsung">Samsung</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-samsung-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-samsung-closed.png" alt=""></p>

<p>These scissors achieve about the same, with half of the blade being usable.
But these ones look like they are better at poking than Messenger’s, so I gave them a slight lead.</p>

<h3 id="joypixels-">JoyPixels 🥇</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-joypixels-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-joypixels-closed.png" alt=""></p>

<p>These are very good!
It’s probably within the margin of experimental error that they don’t close all the way.
JoyPixels receives the gold medal in left handed scissors.</p>

<h2 id="right-handed-scissors">Right handed scissors</h2>
<p>Now on to the main event, the most popular type of scissors.</p>

<h3 id="microsoft">Microsoft</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-microsoft-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-microsoft-closed.png" alt=""></p>

<p>Microsoft’s emoji have a heavy black outline.
In my professional opinion, the outline is not part of the scissors depicted.
And even with that concession, the handles collide very early.
You couldn’t cut with these.
I get frustrated just looking at the image of the closed position.</p>

<h3 id="apple">Apple</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-apple-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-apple-closed.png" alt=""></p>

<p>These scissors look very heavy duty.
But you can’t cut very far at all.</p>

<h3 id="google">Google</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-google-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-google-closed.png" alt=""></p>

<p>Actually it’s not very clear if these are right handed or left handed.
But these close very little.</p>

<h3 id="facebook">Facebook</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-closed.png" alt=""></p>

<p>The handles on these collide very close to the hinge, so they barely close at all.
If you could file those parts down, you could close them a lot more:</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-closed2.png" alt=""></p>

<p>But you couldn’t, because 📁 is the only file you can get in emoji, so this altered version doesn’t count.</p>

<h3 id="whatsapp-">WhatsApp 🥉</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-whatsapp-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-whatsapp-closed.png" alt=""></p>

<p>These are pretty good.
They almost fully close.
WhatsApp gets third place.</p>

<h3 id="emojidex-">emojidex 🥈</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-emojidex-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-emojidex-closed.png" alt=""></p>

<p>These close perfectly!
emojidex gets second place though, because the shading doesn’t inspire confidence in the blade geometry.</p>

<h3 id="lg-">LG 🥇</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-lg-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-lg-closed.png" alt=""></p>

<p>These also close perfectly.
First place goes to LG!</p>

<h2 id="non-conducive-depictions">Non-conducive depictions</h2>

<p><img src="https://wh0.github.io/assets/2020/scissors-twitter-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-twitter-closed.png" alt=""></p>

<p>These are left handed.</p>

<p>This depiction is highly simplified, so much so that it’s not clear how the handles would interact with each other.
They appear to transition seamlessly from the blade, such that the two handles occupy different depths in the image.
Supposing that the handle materials could “overlap” in the closed position, we would be able to swing these to the point where one handle pokes into the opening of the other handle.
Even if we allow the handles to overlap, they don’t close all the way.
They’d be uncomfortable too, with the place where you actually apply pressure being only half as thick as they should be.</p>

<h3 id="openmoji">OpenMoji</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-open.png" alt=""></p>

<p>These are right handed.</p>

<p>These scissors start out with the handles already overlapping.
We could apply the same lenient overlapping-handles rule from the Twitter experiment, but these don’t even have the hinge drawn.
I traced out the outline of the back blade to judge where would be a good place to put a hinge.</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-hinge.png" alt=""></p>

<p>In order to have the hinge centered on the metal part on both sides, it would probably have to be about where the handle starts.</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-closed.png" alt=""></p>

<p>With all guesswork and alterations to the experiment, these close pretty well.</p>
</article>


<hr>

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

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

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

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

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

+ 146
- 0
cache/2023/acb867f0c6a744d9a06cd82cd9da002e/index.md View File

@@ -0,0 +1,146 @@
title: Which emoji scissors close
url: https://wh0.github.io/2020/01/02/scissors.html
hash_url: acb867f0c6a744d9a06cd82cd9da002e

<p>Ah, scissors.
They’re important enough that we have an emoji for them.
On your device, it appears as ✂️.
Unlike the real world tool it represents, the emoji’s job is to convey the idea, especially at small sizes.
It doesn’t need to be able to swing or cut things.
Nevertheless, let’s judge them on that irrelevant criterion.</p>

<h2 id="methodology">Methodology</h2>
<p>Conveniently, the emojis studied in this post depict the scissors from a viewpoint parallel to the axis of the hinge.
This allows us to simulate swinging the blades with basic image rotations.
I collected a dataset of emojis from different vendors from <a href="https://emojipedia.org/black-scissors/">Emojipedia</a>.
In the following experiments, I swing the blades around the hinge until the handles collide with each other.</p>

<p>The evaluation is all subjective.</p>

<h2 id="left-handed-scissors">Left handed scissors</h2>
<p>It turns out that some vendors depict left handed scissors, where the top blade swings counterclockwise.
I’ve put these in their own bracket.</p>

<h3 id="messenger">Messenger</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-messenger-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-messenger-closed.png" alt=""></p>

<p>You get use out of about half of the blade.
It’s not great.</p>

<h3 id="samsung">Samsung</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-samsung-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-samsung-closed.png" alt=""></p>

<p>These scissors achieve about the same, with half of the blade being usable.
But these ones look like they are better at poking than Messenger’s, so I gave them a slight lead.</p>

<h3 id="joypixels-">JoyPixels 🥇</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-joypixels-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-joypixels-closed.png" alt=""></p>

<p>These are very good!
It’s probably within the margin of experimental error that they don’t close all the way.
JoyPixels receives the gold medal in left handed scissors.</p>

<h2 id="right-handed-scissors">Right handed scissors</h2>
<p>Now on to the main event, the most popular type of scissors.</p>

<h3 id="microsoft">Microsoft</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-microsoft-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-microsoft-closed.png" alt=""></p>

<p>Microsoft’s emoji have a heavy black outline.
In my professional opinion, the outline is not part of the scissors depicted.
And even with that concession, the handles collide very early.
You couldn’t cut with these.
I get frustrated just looking at the image of the closed position.</p>

<h3 id="apple">Apple</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-apple-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-apple-closed.png" alt=""></p>

<p>These scissors look very heavy duty.
But you can’t cut very far at all.</p>

<h3 id="google">Google</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-google-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-google-closed.png" alt=""></p>

<p>Actually it’s not very clear if these are right handed or left handed.
But these close very little.</p>

<h3 id="facebook">Facebook</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-closed.png" alt=""></p>

<p>The handles on these collide very close to the hinge, so they barely close at all.
If you could file those parts down, you could close them a lot more:</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-facebook-closed2.png" alt=""></p>

<p>But you couldn’t, because 📁 is the only file you can get in emoji, so this altered version doesn’t count.</p>

<h3 id="whatsapp-">WhatsApp 🥉</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-whatsapp-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-whatsapp-closed.png" alt=""></p>

<p>These are pretty good.
They almost fully close.
WhatsApp gets third place.</p>

<h3 id="emojidex-">emojidex 🥈</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-emojidex-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-emojidex-closed.png" alt=""></p>

<p>These close perfectly!
emojidex gets second place though, because the shading doesn’t inspire confidence in the blade geometry.</p>

<h3 id="lg-">LG 🥇</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-lg-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-lg-closed.png" alt=""></p>

<p>These also close perfectly.
First place goes to LG!</p>

<h2 id="non-conducive-depictions">Non-conducive depictions</h2>


<p><img src="https://wh0.github.io/assets/2020/scissors-twitter-open.png" alt=""></p>

<p><img src="https://wh0.github.io/assets/2020/scissors-twitter-closed.png" alt=""></p>

<p>These are left handed.</p>

<p>This depiction is highly simplified, so much so that it’s not clear how the handles would interact with each other.
They appear to transition seamlessly from the blade, such that the two handles occupy different depths in the image.
Supposing that the handle materials could “overlap” in the closed position, we would be able to swing these to the point where one handle pokes into the opening of the other handle.
Even if we allow the handles to overlap, they don’t close all the way.
They’d be uncomfortable too, with the place where you actually apply pressure being only half as thick as they should be.</p>

<h3 id="openmoji">OpenMoji</h3>
<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-open.png" alt=""></p>

<p>These are right handed.</p>

<p>These scissors start out with the handles already overlapping.
We could apply the same lenient overlapping-handles rule from the Twitter experiment, but these don’t even have the hinge drawn.
I traced out the outline of the back blade to judge where would be a good place to put a hinge.</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-hinge.png" alt=""></p>

<p>In order to have the hinge centered on the metal part on both sides, it would probably have to be about where the handle starts.</p>

<p><img src="https://wh0.github.io/assets/2020/scissors-openmoji-closed.png" alt=""></p>

<p>With all guesswork and alterations to the experiment, these close pretty well.</p>

+ 195
- 0
cache/2023/c9441324cd8ba32c33817cdbc720bfda/index.html View File

@@ -0,0 +1,195 @@
<!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>Grande Traversée du Poisson Blanc 2023 (archive) — David Larlet</title>
<meta name="description" content="Publication mise en cache pour en conserver une trace.">
<!-- That good ol' feed, subscribe :). -->
<link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
<link rel="manifest" href="/static/david/icons2/site.webmanifest">
<link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
<link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
<meta name="msapplication-TileColor" content="#f7f7f7">
<meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
<meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
<!-- Documented, feel free to shoot an email. -->
<link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
<!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
<script>
function toggleTheme(themeName) {
document.documentElement.classList.toggle(
'forced-dark',
themeName === 'dark'
)
document.documentElement.classList.toggle(
'forced-light',
themeName === 'light'
)
}
const selectedTheme = localStorage.getItem('theme')
if (selectedTheme !== 'undefined') {
toggleTheme(selectedTheme)
}
</script>

<meta name="robots" content="noindex, nofollow">
<meta content="origin-when-cross-origin" name="referrer">
<!-- Canonical URL for SEO purposes -->
<link rel="canonical" href="https://poissonblanc.ca/experiences/la-grande-traversee/">

<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>Grande Traversée du Poisson Blanc 2023</h1>
</header>
<nav>
<p class="center">
<a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
<use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
</svg> Accueil</a> •
<a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Lien vers le contenu original">Source originale</a>
</p>
</nav>
<hr>
<p>Du 10 au 12 février</p>
<p>La Grande Traversée du Poisson Blanc est une expédition de ski nordique avec pulka (traîneau) en autonomie qui inclut 23 km de randonnée et une nuit en camping d’hiver. </p>
<h2>Expédition hivernale</h2>
<p>Faire sa trace dans la neige à travers le vaste réservoir, en contournant ses îles, dans le silence et la blancheur de nos paysages québécois d’hiver, voilà le scénario de la Grande Traversée. L’objectif de cette expédition hivernale est d’offrir aux amateurs.trices de plein air un événement sportif qui représente un défi, certe, mais qui demeure néanmoins accessible à celles et ceux qui souhaitent s’initier au camping d’hiver et au ski nordique dans un contexte de grande nature, avec le soutien d’une équipe technique en cas de pépins.</p>
<h2>4e édition</h2>
<p>Cette année marque la quatrième édition de la Grande Traversée. Les organisateurs souhaitent réunir 40 skieurs.euses qui relèveront ce défi dans une ambiance détendue où chacun avance à son rythme, et où les participant.e.s s’entraident en cas de besoin. Chaque participant.e est responsable de préparer son matériel et sa nourriture et doit être entièrement autonome.</p>
<h2>Comment s’inscrire?</h2>
<p>Tu es intéressé.e à participer à cet événement? Ne t’inscris pas sur un coup de tête. Prends bien soin de lire avec attention le document explicatif de l’évènement, et malheureusement, il n’est pas possible de nous contacter pour nous demander des traitements de faveur; les consignes de l’évènement sont fermes. Télécharge également la carte pour prendre connaissance du trajet à parcourir lors de l’expédition.</p>
<h2>Caractéristiques</h2>
<ul>
<li>Entre 23 et 30 km au total</li>
<li>Ski nordique avec pulka</li>
<li>1 nuit en camping d’hiver</li>
<li>Expédition en complète autonomie</li>
<li>Animation de soirée / feu de camp</li>
<li>du 10 au 12 février 2023</li>
<li>Soutien d’une équipe technique</li>
<li>Chiens non admis</li>
</ul>
<h2>Tarifs 2023</h2>
<ul>
<li>150$ plus taxes par personne</li>
<li>1 réservation par participant</li>
</ul>
</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>

+ 40
- 0
cache/2023/c9441324cd8ba32c33817cdbc720bfda/index.md View File

@@ -0,0 +1,40 @@
title: Grande Traversée du Poisson Blanc 2023
url: https://poissonblanc.ca/experiences/la-grande-traversee/
hash_url: c9441324cd8ba32c33817cdbc720bfda

Du 10 au 12 février

La Grande Traversée du Poisson Blanc est une expédition de ski nordique avec pulka (traîneau) en autonomie qui inclut 23 km de randonnée et une nuit en camping d’hiver.


## Expédition hivernale

Faire sa trace dans la neige à travers le vaste réservoir, en contournant ses îles, dans le silence et la blancheur de nos paysages québécois d’hiver, voilà le scénario de la Grande Traversée. L’objectif de cette expédition hivernale est d’offrir aux amateurs.trices de plein air un événement sportif qui représente un défi, certe, mais qui demeure néanmoins accessible à celles et ceux qui souhaitent s’initier au camping d’hiver et au ski nordique dans un contexte de grande nature, avec le soutien d’une équipe technique en cas de pépins.


## 4e édition

Cette année marque la quatrième édition de la Grande Traversée. Les organisateurs souhaitent réunir 40 skieurs.euses qui relèveront ce défi dans une ambiance détendue où chacun avance à son rythme, et où les participant.e.s s’entraident en cas de besoin. Chaque participant.e est responsable de préparer son matériel et sa nourriture et doit être entièrement autonome.


## Comment s’inscrire?

Tu es intéressé.e à participer à cet événement? Ne t’inscris pas sur un coup de tête. Prends bien soin de lire avec attention le document explicatif de l’évènement, et malheureusement, il n’est pas possible de nous contacter pour nous demander des traitements de faveur; les consignes de l’évènement sont fermes. Télécharge également la carte pour prendre connaissance du trajet à parcourir lors de l’expédition.


## Caractéristiques

* Entre 23 et 30 km au total
* Ski nordique avec pulka
* 1 nuit en camping d’hiver
* Expédition en complète autonomie
* Animation de soirée / feu de camp
* du 10 au 12 février 2023
* Soutien d’une équipe technique
* Chiens non admis


## Tarifs 2023

* 150$ plus taxes par personne
* 1 réservation par participant

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

@@ -67,10 +67,16 @@
<main>
<ul>
<li><a href="/david/cache/2022/c9441324cd8ba32c33817cdbc720bfda/" title="Accès à l’article dans le cache local : Grande Traversée du Poisson Blanc 2023">Grande Traversée du Poisson Blanc 2023</a> (<a href="https://poissonblanc.ca/experiences/la-grande-traversee/" title="Accès à l’article original distant : Grande Traversée du Poisson Blanc 2023">original</a>)</li>
<li><a href="/david/cache/2022/3ca10b945c7517c2f234e3b9534bfb6d/" title="Accès à l’article dans le cache local : Software Maxims">Software Maxims</a> (<a href="https://www.softwaremaxims.com/blog/not-a-supplier" title="Accès à l’article original distant : Software Maxims">original</a>)</li>
<li><a href="/david/cache/2022/63654b08ad9eda03b6bea8d1f82e2843/" title="Accès à l’article dans le cache local : Yearnotes #3 • détour.studio">Yearnotes #3 • détour.studio</a> (<a href="https://détour.studio/yearnotes/3/" title="Accès à l’article original distant : Yearnotes #3 • détour.studio">original</a>)</li>
<li><a href="/david/cache/2022/3d3259256af967c84b199220b3a5244a/" title="Accès à l’article dans le cache local : Variability, Not Repetition, is the Key to Mastery">Variability, Not Repetition, is the Key to Mastery</a> (<a href="https://www.scotthyoung.com/blog/2022/10/26/variable-mastery/" title="Accès à l’article original distant : Variability, Not Repetition, is the Key to Mastery">original</a>)</li>
<li><a href="/david/cache/2022/acb867f0c6a744d9a06cd82cd9da002e/" title="Accès à l’article dans le cache local : Which emoji scissors close">Which emoji scissors close</a> (<a href="https://wh0.github.io/2020/01/02/scissors.html" title="Accès à l’article original distant : Which emoji scissors close">original</a>)</li>
<li><a href="/david/cache/2022/42b4db67c4daf075941dc387d6be4aaf/" title="Accès à l’article dans le cache local : ETC-ISTE : Bonne année">ETC-ISTE : Bonne année</a> (<a href="http://etc-iste.blogspot.com/2022/12/bonne-annee.html" title="Accès à l’article original distant : ETC-ISTE : Bonne année">original</a>)</li>
</ul>

Loading…
Cancel
Save