Weekly Shaarli

All links of one week in a single page.

Week 13 (March 27, 2023)

Face à la crise écologique, les scientifiques passent à l’action

Tant de raisons de justifier la prise de position et les actions des scientifiques:

« Elle est justifiée du fait qu’il s’agit d’une stratégie efficace, qu’elle permet d’interpeller fortement sur l’urgence de la crise climatique, et qu’il s’agit d’une activité raisonnable et éthique pour les scientifiques »

« Il s’agit d’une tactique utilisée en dernier recours, parce que tout le reste n’a pas fonctionné »

Nous jouissons d’un certain crédit, d’une confiance, que nous pouvons mettre au service de la cause environnementale, explique-t-il. D’une certaine manière, nous crédibilisons le mouvement climat en étant à leur côté. Nous incarnons le fait que les militants écolos sont du côté des consensus scientifiques.

« On n’est pas sans valeur, en apesanteur, on dépend de financements décidés par des élus, on est inscrits dans des processus politiques. »

La validation par les pairs permet cependant toujours une rigueur scientifique

It's time for open-source users to open their wallets | ZDNET

Because it could supports more project and make them sustainable.

How It Works · Unhead Schema.org

To reduce boilerplate, the package will aim to re-use existing metadata about the page where possible. Such as it will infer at runtime what data it can make use of.

For example, if you have a on your page, then it's likely we can use this same title to generate the Schema.org WebPage's name.</p> </blockquote></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> project </span> <span class="label label-tag"> web </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/V9tqIQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.humaaans.com/">Humaaans: Mix-&-Match illustration library</a> </div> <div class="daily-entry-description"><div class="markdown"><p>👍‍</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> illustration </span> <span class="label label-tag"> collection </span> <span class="label label-tag"> free </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/wjWKTg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/shlinkio/shlink">shlinkio/shlink: The definitive self-hosted URL shortener</a> </div> <div class="daily-entry-description"><div class="markdown"><p>The best OSS and free alternative I found so far</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> serviceWeb </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/bc_Z4g" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://needle.tools/">Needle</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Create 3D scenes for the web</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> serviceWeb </span> <span class="label label-tag"> tool </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/ZA3sfg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="http://robinmastromarino.com/">Robin Mastromarino - Interactive Designer</a> </div> <div class="daily-entry-description"><div class="markdown"><p>An example of original interaction</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> website </span> <span class="label label-tag"> cv </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/9yREfQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://uxdesign.cc/accessibility-vs-emojis-ec17fddb07ec">Accessibility vs emojis. At an emojis best, they can add fun and… | by Camryn Manker | Mar, 2023 | UX Collective</a> </div> <div class="daily-entry-description"><div class="markdown"><p>For accessible emojis:</p> <ol> <li>Use them sparingly as the screen reader will read them all.</li> <li>Use them at the end in order to keep the sentence consistent.</li> <li>Keep words instead of emojis: the words convey a better meaning.</li> <li>Avoid them in bullet lists</li> <li>Avoid emojis to convey an information</li> <li>Context can be misleading in the use of the emoji! It emphasizes points 3. and 5.</li> </ol></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> accessibilité </span> <span class="label label-tag"> emoji </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/TUplrQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://flexboxfroggy.com/#de">Flexbox Froggy - Ein Spiel, um CSS flexbox zu lernen</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> css </span> <span class="label label-tag"> game </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> <div class="pure-u-lg-1-3 pure-u-1"> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/7fffuQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://reporterre.net/Plus-d-equipes-plus-d-avions-la-Coupe-du-monde-2026-sera-encore-climaticide">Plus d’équipes, plus d’avions : la Coupe du monde 2026 sera (encore) climaticide</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Je poses cela là, à tous ceux qui diront "on se savais pas" car ils ont été pris de court. Ainsi, trop tard pour boycotter... Cette compétition sera aux États-Unis, Canada et Mexique, avec les vols aériens qui s'ensuit pour suivre les matchs.<br /> Nous sommes en 2023 pour 2026. Vous avez donc 3 ans pour être informé et prendre une décision en toute connaissance de cause.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> ecocide </span> <span class="label label-tag"> sport </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/bSBNpg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.matuzo.at/blog/2023/single-page-applications-criticism/">Why I'm not the biggest fan of Single Page Applications - Manuel Matuzović</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> web </span> <span class="label label-tag"> thoughts </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/AhuVoA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.supermeme.ai/">Turn text into memes. Generate Memes using AI | Supermeme.ai</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> ai </span> <span class="label label-tag"> serviceWeb </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/ExF2hA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.politis.fr/articles/2023/03/retraites-ce-que-le-49-3-fait-a-la-jeunesse/">Ce que le 49.3 fait à la jeunesse - POLITIS</a> </div> <div class="daily-entry-description"><div class="markdown"><blockquote> <p>Si ces créateurs de contenus, sur Instagram, TikTok (une plateforme de partage de vidéos) ou Twitch (un réseau centré sur le jeu vidéo en ligne) ne sont pas toujours connus pour leurs prises de position politiques, depuis l’annonce du 49.3, certains d’entre eux ont mis un pied dans l’arène des contestataires contre la réforme des retraites.</p> </blockquote></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> society </span> <span class="label label-tag"> 2023 </span> <span class="label label-tag"> news </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/SOYbzA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/harlan-zw/zhead">harlan-zw/zhead: All of the TypeScript definitions for <head>.</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> project </span> <span class="label label-tag"> typescript </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/QzanPA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.lemonde.fr/planete/article/2023/03/28/sainte-soline-l-enregistrement-qui-prouve-que-le-samu-n-a-pas-eu-le-droit-d-intervenir_6167340_3244.html">Sainte-Soline : l’enregistrement qui prouve que le SAMU n’a pas eu le droit d’intervenir</a> </div> <div class="daily-entry-description"><div class="markdown"><p>😬 </p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> politics </span> <span class="label label-tag"> news </span> <span class="label label-tag"> 2023 </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/v2tYxA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://predictalab.medium.com/geoint-mesurer-la-distance-dun-tir-de-lbd-686952db2229">GEOINT : Mesurer la distance d’un tir de LBD | by Predicta Lab | Mar, 2023 | Medium</a> </div> <div class="daily-entry-description"><div class="markdown"><p>How to?</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> osint </span> <span class="label label-tag"> politic </span> <span class="label label-tag"> police </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/QetbwQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.cnews.fr/france/2023-03-29/pour-ou-contre-les-trottinettes-les-operateurs-assument-de-remunerer-des">«Pour ou contre les trottinettes» : les opérateurs assument de rémunérer des influenceurs pour inciter au vote</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Alors garçon, on ne veut pas laisser les gens décider par eux-mêmes ?<br /> Pourquoi ce si grand besoin d'influence ?</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> society </span> <span class="label label-tag"> lobbying </span> <span class="label label-tag"> 2023 </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/TgfDkQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.20minutes.fr/high-tech/4030063-20230328-veterinaire-arrive-deceler-maladie-chienne-chatgpt-parvient-sauve">Le vétérinaire n’arrive pas à déceler la maladie de sa chienne, ChatGPT y parvient et la sauve</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> health </span> <span class="label label-tag"> ai </span> <span class="label label-tag"> news </span> <span class="label label-tag"> 2023 </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/vhxr5A" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://responsively.app/">A Web Developer's Browser | Responsively App</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Display a web view with different sizes simultanously</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> web </span> <span class="label label-tag"> tool </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/RGMaKw" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://color.method.ac/">Color Game</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> game </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/llZGVg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://boolean.method.ac/">The Boolean Game</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Build up forms from rectangles and triangles</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> game </span> <span class="label label-tag"> website </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/f1zxVQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://shape.method.ac/">Shape Type</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Try to draw perfect vectors :D</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> game </span> <span class="label label-tag"> svg </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/3Sc5XA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/typicode/lowdb">typicode/lowdb: Simple to use local JSON database. Use native JavaScript API to query. Written in TypeScript. (supports Node, Electron and the browser)</a> </div> <div class="daily-entry-description"><div class="markdown"><blockquote> <p>Simple to use local JSON database. Use native JavaScript API to query. Written in TypeScript. owl</p> </blockquote></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> database </span> <span class="label label-tag"> project </span> <span class="label label-tag"> json </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> <div class="pure-u-lg-1-3 pure-u-1"> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/mHAr_A" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://mainmatter.com/blog/2021/05/26/keeping-a-clean-git-history/">Git Good - The magic of keeping a clean Git history | Mainmatter</a> </div> <div class="daily-entry-description"><div class="markdown"><blockquote> <p>We care about the number of concepts that changed in a particular PR.</p> </blockquote> <p>The smaller the PR the more likely it will be to get merged quickly</p> <p>Rules:</p> <ol> <li>Don't waste your reviewer's time by showing them all your failed experiments in your Git history.</li> <li>Maintain a Git history closest to the true essence of the work done, creating many small PRs that each make one releasable change to the codebase and keeping the number of commits as low as possible.</li> </ol> <p>What I can improve is to remove (fixup or squash) all these tries/little fixes that I add in the commit history.</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> git </span> <span class="label label-tag"> thoughts </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/zu85YA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.matuzo.at/til/til49/">You can style the file selector button of file upload elements. - Manuel Matuzović</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> html </span> <span class="label label-tag"> css </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/t0iiOA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.sciencedirect.com/science/article/pii/S1361920923001116">Socio-economic assessment of shared e-scooters: do the benefits overcome the externalities? - ScienceDirect</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Une étude sur la viabilité des e-scooters</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> paper </span> <span class="label label-tag"> transport </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/pf5j6g" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.wonderfultech.fr/">Wonderful tech - Blog sur la tech</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> blog </span> <span class="label label-tag"> dev </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/d39tOg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://blogs.mediapart.fr/alexis-dayon/blog/300323/non-nous-ne-condamnerons-pas-ces-violences">Non, nous ne condamnerons pas ces violences | Le Club</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> society </span> <span class="label label-tag"> 2023 </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/Rj7j8A" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.xda-developers.com/skype-teams-microsoft-messaging-apps-confusing/">Microsoft still doesn't know what to do with its messaging apps. Just look at Skype and Teams.</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Why Skype and Teams seems to be concurrent in the same enterprise...</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> microsoft </span> <span class="label label-tag"> thoughts </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/01v7zQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://rogule.com/">Rogule - a dungeon a day keeps the Balrog away</a> </div> <div class="daily-entry-description"><div class="markdown"><p>A minimalistic game. Try to pass this daily dungeon :)</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> game </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/aKJ2LA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/twitter/the-algorithm">twitter/the-algorithm: Source code for Twitter's Recommendation Algorithm</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Published!</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> algorithm </span> <span class="label label-tag"> twitter </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/gQ6JrQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/bluwy/vite-plugin-warmup">bluwy/vite-plugin-warmup: Warm up Vite's transform cache</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Always a way to optimize the startup time of vite :D</p> <p>Vite can transform some files before the first request, increasing the speed of the first possible interaction.</p> <p>It could also be integrated to Vite core as Evan You is in favor of it <a href="https://twitter.com/youyuxi/status/1641402565631025152">https://twitter.com/youyuxi/status/1641402565631025152</a></p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> vite </span> <span class="label label-tag"> project </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/S7LBWg" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/antfu/icones">GitHub - antfu/icones: ⚡️ Icon Explorer with Instant searching, powered by Iconify</a> </div> <div class="daily-entry-description"><div class="markdown"><p>It collects indeed a lot of icons</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> icon </span> <span class="label label-tag"> collection </span> <span class="label label-tag"> searchEngine </span> <span class="label label-tag"> project </span> <span class="label label-tag"> vue </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/DWbMpA" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://www.brotli.pro/">Check if your website supports Brotli compression | Brotli.Pro</a> </div> <div class="daily-entry-description"></div> <div class="daily-entry-tags center"> <span class="label label-tag"> serviceWeb </span> <span class="label label-tag"> compression </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/Cpf_cw" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://type.method.ac/">Kern Type</a> </div> <div class="daily-entry-description"><div class="markdown"><p>Align the letter perfectly</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> font </span> <span class="label label-tag"> game </span> </div> <div class="dailyEntryFooter clear"> </div> </div> <div class="daily-entry"> <div class="daily-entry-title center"> <a href="/shaare/jEjVgQ" title="Permalink"> <i class="fa fa-link"></i> </a> <a href="https://github.com/vueuse/sound#examples">vueuse/sound: 🔊 A Vue composable for playing sound effects</a> </div> <div class="daily-entry-description"><div class="markdown"><p>UseSound 😳</p></div></div> <div class="daily-entry-tags center"> <span class="label label-tag"> vue </span> <span class="label label-tag"> programming </span> </div> <div class="dailyEntryFooter clear"> </div> </div> </div> </div> <div class="clear"></div> <div id="plugin_zone_end_picwall" class="plugin_zone"> </div> </div> </div> </main> <div class="pure-g"> <div class="pure-u-2-24"></div> <footer id="footer" class="pure-u-20-24 footer-container" role="contentinfo"> <i class="fa fa-shaarli" aria-hidden="true"></i> <strong><a href="https://github.com/shaarli/Shaarli">Shaarli</a></strong> · The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community · <a href="/doc/html/index.html" rel="nofollow">Documentation</a> </footer> <div class="pure-u-2-24"></div> </div> <div id="js-translations" class="hidden" aria-hidden="true"> <span id="translation-fold">Fold</span> <span id="translation-fold-all">Fold all</span> <span id="translation-expand">Expand</span> <span id="translation-expand-all">Expand all</span> <span id="translation-delete-link">Are you sure you want to delete this link?</span> <span id="translation-delete-tag">Are you sure you want to delete this tag?</span> <span id="translation-shaarli-desc"> The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community </span> </div> <input type="hidden" name="js_base_path" value="" /> <input type="hidden" name="token" value="d92abe214108ed3dc01998045439209ab67851d7" id="token" /> <input type="hidden" name="tags_separator" value=" " id="tags_separator" /> <script src="/tpl/lyoko/js/shaarli.min.js?v=33fcc90ea8627aedbfa973104480302e13b98d229e7e31de87554103273e9265"></script> <script src="/tpl/lyoko/js/thumbnails.min.js?v=33fcc90ea8627aedbfa973104480302e13b98d229e7e31de87554103273e9265"></script> </body> </html>