Monthly Shaarli

All links of one month in a single page.

October, 2021

curiositry.com/blog.txt

A plain text blog.

Brand Logo - Download free SVG Vector & PNG format

A collection of logos

Jabe Bl💀💀m 12/30 on Twitter: "People are always all like "Failure is how we learn". NOTICING... NOTICING SHIT is how we learn. Paying attention to what is happening and noticing patterns (of success, failure, or opportunities taken or missed)... is how we learn." / Twitter

People are always all like "Failure is how we learn".

NOTICING... NOTICING SHIT is how we learn.

Paying attention to what is happening and noticing patterns (of success, failure, or opportunities taken or missed)... is how we learn.

PHP-FPM local root vulnerability

Through config files

Home - BuildTheEarth

The goal is to recreate the entire earth in Minecraft ! Crazy people, but they are organized :)

Free Lottie Animation Files, Tools & Plugins - LottieFiles

A library to create fancy animations on the web.

It uses a Lottie file under the hood.

A Lottie is a JSON-based animation file format that allows you to ship animations on any platform as easily as shipping static assets.

Listed advantages of the website:

  • small file size
  • infinitely scalable (based on SVGs)
  • multi-platform support and libraries
  • interactivity

It is used by Duolingo, animated stickers on Telegram

The worst volume control UI in the world | by Fabricio Teixeira | UX Collective

Funny to see.

I ike the one with the DVDs :D

Color Picker - Extensions GNOME Shell

Then search in Extensions for the color picker. The shortcut can be changed (Super+0 by default).
After picking, the colro is copied to the clipboard. Simple and fast.

Proton wins appeal in Swiss court over surveillance laws - SWI swissinfo.ch

I remind you that ProtonMail tries to preserve the privacy of its users. Here an example.

Mon process pour faire la bouffe dans la joie et la bonne humeur

J'utilises JOW pour avoir les recettes et la liste de courses de la semaine.

J'évites de passer par les services Drive de la grande distribution puisque j'aime avoir ce choix en magasin, de choisir mon propre produit. Le pouvoir de choisir ses propres produits, et donc de rémunérer les activités que l'on veut soutenir.

Blog Stéphane Bortzmeyer: Tempête solaire sur l'Internet ?

Les risques des tempêtes solaires affectant Internet. Je n'y avais pas pensé, et on n'est pas vraiment préparé...

Tom_pharma 💉💉🌈 on Twitter: "Mes collègues m'envoient ça... Du coup je ne sais pas comment le prendre 😏 https://t.co/eBD14yYZtH" / Twitter

Exactement ! Depuis quelque années en France, toute conjonction de coordination devient "Du coup", de même que des adverbes.

Free TOEIC Test Online (with Results and Answer immediately)
Carto GRAOU

A map of the trains in France !

(1) Alexandre Moatti on Twitter: "Dans les gares françaises il n'y a quasi plus de casiers à consigne (because ou prétexte sécurité), en revanche aucun problème pour des lockers de livraison Amazon. https://t.co/9w2O5HECkx" / Twitter

Dans les gares françaises il n'y a quasi plus de casiers à consigne (because ou prétexte sécurité), en revanche aucun problème pour des lockers de livraison Amazon.

Parce que derrière les lockers de livraison Amazon, il y a du cash ?
... 🎯

4 Ways to Hide Desktop Icons in Ubuntu - Make Tech Easier

How to hide desktop icons on ubuntu (on 21.04):

sudo apt install gnome-shell-extension-prefs
gnome-shell-extension-prefs

Deactivate Desktop Icons NG (DING)

Older methods does not seems to work (gnome tweak tools, etc...).

Apprendre le JavaScript moderne, partie 2 : les Web Components — Corentin Hatte

Comment créer un simple Web Component ?

Pandora Papers: 35 anciens ou actuels dirigeants accusés d'évasion fiscale | Le HuffPost

Oups 💵💵💵

Minecraft - Liens en vrac de sebsauvage

Dans Minecraft tu gagnes des points d'expérience quand tu tue des animaux ou quand tu mines du charbon.
Pas quand tu plantes un arbre.
Pensez-y.

How to Change Your Web Browser in Windows 11 (Hint: It’s Not Easy) | WIRED

It is now harder to switch to another default web browser in Windows 11. Nice microsoft....

lukesmurray/scrawl: A chrome [and Firefox] extension which lets you draw on any web page with excalidraw

Start an instance of excalidraw in the browser. It allows to draw like a canvas but with the background of the web page instead. Useful !

Here for firefox: https://addons.mozilla.org/en-US/firefox/addon/scrawly/

John Scalzi on Twitter: "TODAY IS THE DAY THAT ALL OF US WHO KEPT THEIR BLOGS RUNNING ARE ONCE AGAIN THE RULERS OF THE INTERNET WELCOME BACK MY CHILDREN" / Twitter

TODAY IS THE DAY THAT ALL OF US WHO KEPT THEIR BLOGS RUNNING ARE ONCE AGAIN THE RULERS OF THE INTERNET WELCOME BACK MY CHILDREN

following the Facebook's breakdown of the 4th October.

Frustré par le programme de « bug bounty » d’Apple, un chercheur rend publiques quatre zero-day
Gary Le Masson | Webanalytics Consultant

This is an example x)

A Google-skin CV

GavinMendelGleason/syntactic_versioning: What if Git worked with Programming Languages?

Programming languages are not really just lines of text. Diffs from two different changes to a source file are not necessarily composable, even if there are no overlapping changes. Program code has syntax, and this syntax is knowable, even in the case of the most dynamic of languages (such as those with configurable readers such as Common Lisp). A source file, if it isn't broken, represents a particular structured object, an abstract syntax tree.

We should be able to leverage this.

N26 condamnée à une amende de 4,25 millions en Allemagne pour blanchiment d’argent

Dans le collimateur du régulateur bancaire allemand, « cinquante transactions suspectes » réalisées entre 2019 et 2020. N26 a trop tardé pour les notifier au BaFin. La banque affirme avoir déjà payé sa sanction.

affordance.info: La liberté de financer : Estelle est nue dans le Tipeee.

Je ne connaissais pas cette histoire:

Ce jeune homme sur la photo (à l'époque), c'est Valentin Lacambre. Il est fondateur d'une plateforme, un hébergeur, Altern.org, qui héberge à la louche l'essentiel ou quasiment du web "alternatif" français de l'époque (la Corrèze, tout ça) c'est à dire tout de même autour de 40 000 "sites" (ou pages persos). Et l'un de ses hébergés, va publier un scan pourri de photos volées du top-model Estelle Halliday nue, scan pourri effectué à partir d'un article du magazine Voici (responsable et coupable initial de la diffusion desdites photos volées). Et là ...

Cet article d'Amaelle Guiton dans Libé raconte très bien et très en détail l'affaire. Version courte : l'auteur de la page perso qui avait diffusé le scan pourri des photos volées de Voici ne sera jamais inquiété. Par contre Valentin Lacambre va être, pour l'exemple, condamné à une lourde amende, en tant qu'hébergeur. Et quand je dis lourd, c'est lourd : 300 000 francs (45 000 euros ...) à verser à Estelle Halliday. Malaise. Même si le web de l'époque, c'est la Corrèze, bah y'a malaise en Corrèze. Et l'histoire finira mal.

xkcd: Standards

How standards proliferate?

  1. Situation: There are 14 competing standards
  2. 14 ?! Ridiculous! We need to develop one universal standard that covers everyone's use cases.
  3. Situation: there are 15 competing standards
Kerla : un nouveau noyau de système d'exploitation écrit en Rust et compatible avec l'ABI Linux, ce qui devrait permettre d'exécuter les binaires Linux sans aucune modification

Une bonne exerience.

« Comme pour le C++, il est quasiment impossible d'écrire un Rust idiomatique sans utiliser de templates, ce qui fait que vous avez des binaires gonflés et des temps de compilation lents. Toutes ces vérifications à la compilation ont également un coût. De plus, si vous réécrivez quelque chose, vous perdez l'ancienne base de code mature, et il n'y a aucune chance que vous puissiez produire une base de code de qualité similaire dans un temps raisonnable - il est bien mieux d'étendre, plutôt que de réécrire, le programme en Rust. Il vaut mieux étendre le programme plutôt que de le réécrire en Rust », explique un ingénieur logiciel.

D'après lui, c'est pour cette raison que les développeurs de Linux, notamment Linus Torvalds lui-même, ont rejeté l'idée de réécrire tout le noyau en Rust. « Mettez un peu de travail pour créer des liaisons sûres, puis écrivez le code supplémentaire en Rust, et vous pourrez toujours profiter de ce code mature. (C'est ce que fait Linux - il y a des efforts pour ajouter la possibilité d'écrire un module de noyau en Rust) », a-t-il ajouté.

Éviter la réécriture complète, mais plutôt améliorer ou ajouter des fonctionnalités en Rust au code éprouvé langage

Avec le lien du projet sur Github: https://github.com/nuta/kerla

fasterthanlime 🌌 on Twitter: "RT 🔒 (with permission): "Ok so, I just read through all 173 pages of the unredacted Google antitrust filing and I have to say that either Google is screwed or society is screwed, we'll find out which. Unordered list of fun things I learned:"" / Twitter

A list of Google possible actions that are harmful to society

Un commun numérique fête ses 25 ans : Internet Archive – Framablog

Internet Archive a 25 ans.
En chiffre:

  • 70 pétaoctets de données stockées
  • 475 milliards de pages web
  • 28 millions de livres
  • 14 millions de fichier audio

et un commun numérique

The Javascript "ecosystem" is a hot mess and so is software development in general - nadh.in

An not ending mess as we know it. This may improve in the future though...

100 Bytes of CSS to look great everywhere - DEV Community 👩‍💻👨‍💻
html {
  max-width: 70ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
}

and 100 more bytes:

h1,h2,h3,h4,h5,h6 {
  margin: 3em 0 1em;
}

p,ul,ol {
  margin-bottom: 2em;
  color: #1d1d1d;
  font-family: sans-serif;
}
Un étudiant crée le premier iPhone avec un port USB-C et démonte l’argumentaire d’Apple sur l’impossibilité de le faire

Hum hum hum, bien joué !

Mettez de l'intention dans votre code

Tout peut s'écrire sous forme de fonction quoi !

Minuit : "Acheter un ebook protégé par DRM tue la culture, …" - Cornichon

Eh bien sachez que c'est impossible, pour les séries/films purement produits par Netflix. Le jour où Netflix disparaîtra, car aucune entreprise n'est éternelle sous une seule forme, leurs productions disparaîtront avec, et leurs artistes sombreront dans l'oubli. Sauf si elles ont été téléchargées illégalement.

🤨...🤔

100 – Eric Bailey

Testomony and feedback after 100 posts written.

Here the tips I find relevant for myself:

*Write about the topic, even if it has been covered elsewhere. Your perspectives, experiences, and understanding are the unique bit. People want to read your work.

  • Learn to identify the difference between constructive criticism and unproductive harassment. It’ll help you focus on what matters and not waste time and energy.
  • Get comfortable getting rejected. While the sting never really goes away, you do grow a thicker skin.
  • Read your writing out loud to yourself before publishing it.
  • Read it out loud again.
Scribe

Access the Medium website through Scribe to avoid trackers.

(via https://sebsauvage.net/links/?9-iGlw)

Facebook, le cauchemar - Standblog

Avec la panne de Facebook, un autre billet de blog à sa décharge.

CSS in TypeScript with vanilla-extract | CSS-Tricks

Ok why not ? But is this needed ?

Note: dictionnaire des termes IT anglais traduits en français

Avec une interface web, catégories, etc...

Nielsen Norman Group: UX Training, Consulting, & Research

A source of information about accessibility

NEWS ALERT: France BANS Microsoft 365 (aka Office 365) for All Ministries - Zimbra : Blog

Maybe the submarine bought by Autralia is directly linked for this decision. The data may have leaked this way.

Ça ne fonctionne pas ainsi – Carnet de notes

Des témoignages à propos de la relation entre employés, entreprises et actionnaires. L'entreprise privilégie toujours les actionnaires.

Tous les sacri­fices sur le temps de travail, les condi­tions de travail ou la rému­né­ra­tion, vous ne les faites pas pour le collec­tif. Vous les faites au béné­fice des action­naires et unique­ment au leur.

Il s'agit aussi de se comporter en professionel.

Tao Bojlén | Removing my site from Google search

How to disappear from Google searches:
<meta name="googlebot" content="noindex">

[Geek] C'est bien, c'est beau, c'est BORG. | Some stuff...

Exemple d'utilisation de BORG

[Pêle-mêle] Mon mois de septembre, en quelques actus · Pofilo.fr

Retour d'utilisation

Mozilla Says Chrome’s Latest Feature Enables Surveillance

Firefox: How to provide less informations of our users to websites ?
Chrome: Provides more information!: Let's introduce an API that detect if the user is active on the page...

CSS Grid full-bleed layout tutorial

Research has shown that the ideal line length is about 65 characters. Anywhere between 45 and 85 is generally seen as acceptable, in the context of a roman alphabet.

The solution:

.wrapper {
  display: grid;
  grid-template-columns:
    1fr
    min(65ch, 100%)
    1fr;
}
.wrapper > * {
  grid-column: 2;
}
.full-bleed {
  width: 100%;
  grid-column: 1 / 4;
}

ch is a unit, like px or rem. It corresponds to the width of the 0 character in the current font, for the specified font size.

Dagger — une introduction. Ecrit par Arnaud Soulié, consultant… | by Les Filles et Les Garçons de la Tech | Sep, 2021 | Medium

The official website: https://dagger.io/

Sounds promising. Every devOps tool is a node in a graph, and we can plug-in everything: CVS, scripts, APIs, CD/CI, other tools.

Clean the oceans - technology for recycling fishing nets

Use an NFC tag for each fishing net, which would then be traceable (manufacture, sale, use, possible loss).

The complete lifecycle of the net could now be recorded as it is in a closed cycle.

If the net is lost, two possible effects are created. As the net’s last location of use was documented, its position can be tracked, facilitating targeted recovery. The deposit can also be motivation for other parties: this could encourage the removal of large numbers of nets from the water - with a profitable reward.

bytes

What are bytes in image ?

WBO — Collaborative whiteboard
fasterthanlime 🌌 on Twitter: "someone fresh to open source recently asked me my opinion on their GitHub repo / readme and most of my advice was along the lines of "don't make promises / don't try to compete on anything, just describe what it does now and have fun with it", I think that's key." / Twitter

Advices for open source projects:

  • don't make promises
  • don't try to compete on anything
  • just describe what it does now and have fun with it
Les espions de Sa Majesté hébergeront leurs documents classifiés sur AWS

lol

Usbek & Rica - Susan Neiman : « Les nouvelles générations vont aider les moins jeunes à devenir enfin adultes »

Si vous ne voyez aucune découverte, aucune nouveauté dans le fait de grandir ou vieillir, vous mettez en place un processus épouvantable où vous idéalisez une période de la vie pendant laquelle, en réalité, les gens ont le plus de problèmes : la vingtaine. Des études menées dans 64 pays sur l’âge où les gens furent le plus heureux dans leur vie fixent cet âge en moyenne à 46 ans. A contrario, dans sa vingtaine, on est assez malheureux car on a trop d’ennuis. D’abord, la difficulté à se projeter et, surtout, le fait d’être terrorisé par l’idée d’échouer en matière amoureuse ou professionnelle, en se trompant de partenaire ou d’orientation. Plus tard, vous réalisez que vous pouvez faire des erreurs et que ça n’est pas si grave. Aussi, l’injonction à refuser de grandir et à rester coincé dans une période anxiogène me semble malsaine.

Je partages actuellement cet avis, même si je me considère heureux dans ma vingtaine. J'ai cependant un problème avec l'environnement étudiant qui propage l'idée qu'après sa vie étudiante, il n'y a « plus de vie ». Alors que c'est faux...

Ce qu’il y a de vraiment triste, c’est le détournement des émotions et de beaux sentiments à des fins mercantiles : quand vous vendez de la joie pour un parfum ou un jus de fruits (ce que nous buvons lors de l’interview, N.D.L.R), cela devient difficile d’en parler de manière profonde.

pourquoi continuez à parler aux gens de « profiter des meilleures années de votre vie » à propos de leur vingtaine quand tout prouve que ce ne sont pas nos meilleures années 

Water.css

Water.css is a drop-in collection of CSS styles to make simple websites like this just a little bit nicer.

Awesome Wallpapers - wallhaven.cc

The website I use to find beautiful wallpapers

GIT PURR! Git Commands Explained with Cats! – GirlieMac! Blog
Le cadre de l’état d’urgence et du passe sanitaire étendu jusqu’au 31 juillet 2022 par les députés

Un état d'urgence exceptionnel avec des mesures exceptionnelles, qui, cela devient une habitude, deviennent des normes...

10 Balises HTML5 intéressantes [MAJ 2021] - Warrior du Dimanche

10 exemples de balises HTML sous-utilisées !

C-Suite Definition

C-suite, or C-level, is widely-used vernacular describing a cluster of a corporation's most important senior executives. C-suite gets its name from the titles of top senior executives, which tend to start with the letter C, for "chief," as in chief executive officer (CEO), chief financial officer (CFO), chief operating officer (COO), and chief information officer (CIO).

How to be a nice programmer

with examples

Parser generators vs. handwritten parsers: surveying major language implementations in 2021 | notes.eatonphil.com

Of the 2021 Redmonk top 10 languages, 8 of them have a handwritten parser. Ruby and Python use parser generators.

9 if we count Python 2.10 that will swap the parser to a handwritten one.

Blog Stéphane Bortzmeyer: Indiquer la consommation énergétique par requête a-t-il un sens ?
[archiloque.net] Git et le modèle de développement du noyau Linux

Si vous travaillez (et je vous le souhaite) dans un environnement qui n’a pas ces besoins, je vous invite à vous interroger sur vos propres pratiques.

Il est normal que quand on développe on soit attaché au produit de son travail, et vouloir faire les choses proprement est louable, mais j’ai l’impression qu’on a parfois tendance à porter une attention excessive aux commits et à l’historique git.

Cela ne veut pas dire systématiquement prendre le contre-pied du noyau Linux, mais qu’il faut savoir investir son énergie là où elle est le plus utile.

L'historique est vital pour GNU/Linux. Si des PRs durent des années, qu'ils faut adapter le code, l'abandonner ou le reprendre d'une autre personne, etc... effectivement avoir un historique et des commits normés et clairs sont primordiaux.

Free commence à tester la VoLTE

VoLTE permet de faire passer les appels téléphone par donnée mobile pour avoir un appel de meilleur qualité.

Le futur serais donc de tous passer en données mobiles ?

Blog Stéphane Bortzmeyer: La panne Facebook du 4 octobre 2021

Sur la panne du 4 octobre 2021

Un problème de routage dans l'AS, empêchant les paquets d'arriver, peut également empêcher les serveurs DNS de répondre.

Avec en lien proposé un article technique de Cloudflare (en): https://blog.cloudflare.com/october-2021-facebook-outage/

Wikipédia:Articles insolites — Wikipédia

Une liste d'article insolite sur Wikipedia

CSS transitions and hover animations, an interactive guide

To let the animation to the GPU in practice: will-change: transform.

will-change is a property that allows us to hint to the browser that we're going to animate the selected element, and that it should optimize for this case.

A lot of important notions about animations with the transition property!

There is a @media (prefers-reduced-motion: reduce) too.

👍

I Learned - Tout savoir sur le protocole SOCKS

Ok :) On top of HTTP, the model is actually simple.

Etre freelance en temps de crise. Il y a beaucoup de choses… | by Emilien Pecoul | Oct, 2021 | Medium
Bloom Filters - Much, much more than a space efficient hashmap! | Ben E. C. Boyter
Note : JS, dataset et typage pourri - Le Hollandais Volant - ArthurHoaro's Links

Exact:

Quand on utilise les attributs « data-* », JS le récupère toujours sous la forme d’une chaîne de caractères, même si ça contient un nombre.

De ArthurHoaro:

Non. Ça c’est le genre de tricks qui marchent, mais qui rendent le code illisible. Il suffit d'utiliser parseInt(div.dataset.nb) puisque oui, dans le DOM, tout est chaînes de caractères.

Designing Beautiful Shadows in CSS

Why even use shadows ?

Shadows imply elevation, and bigger shadows imply more elevation. If we use shadows strategically, we can create the illusion of depth, as if different elements on the page are floating above the background at different levels.

Here's the first trick for cohesive shadows: every shadow on the page should share the same ratio. [...] To ensure consistency, each shadow should use the same ratio between these horizontal and vertical offsets.

By matching the hue and lowering the saturation/lightness, we can create an authentic shadow [same color style] that doesn't have that “washed out” grey quality.

Ideas are:

  1. Creating a cohesive environment by coordinating our shadows.
  2. Using layering to create more-realistic shadows.
  3. Tweaking the colors to prevent “washed-out” gray shadows.

I will think about it the next time I will have an interface to build.