Monthly Shaarli

All links of one month in a single page.

June, 2020

Petit guide de l'écriture inclusive
3 CSS Grid Techniques to Make You a Grid Convert | Modern CSS Solutions
  1. Switch the Grid Flow Axis : grid-auto-flow: column;
  2. XY Center Anything : place-content: center; (on any child)
  3. Intrinsically Responsive Grid Columns
:root {
  --grid-col-breakpoint: 15rem;
}

.grid-columns {
  grid-template-columns: repeat(auto-fit, minmax(var(--grid-col-breakpoint), 1fr));
}
Design Principles of Vue 3.0 by Evan You - YouTube

A great video on Vue 3; providing reflexions about web frameworks

Allongez la durée de vie de votre carte SD #RaspberryPi – Korben

Installez log2ram pour éviter que les logs soient écrit directement sur la carte SD

La faille Ripple20 menace plusieurs millions d'équipements IoT - Le Monde Informatique
Expanded Use of `box-shadow` and `border-radius` | Modern CSS Solutions

box-shadow with inset 😍

Développeur(euse)s : demain tous remote ? - Je suis un dev
Tech stack rebuild for a new Facebook.com - Facebook Engineering
La vérité sur self - Docstring
Tools for better thinking | Untools
List of languages that compile to JS · jashkenas/coffeescript Wiki · GitHub

So many of them 😱

Will WebSocket survive HTTP/2?
[archiloque.net] Outils difficiles à maîtriser et estime de soi

En court : certains logiciels sont compliqués parce que les personnes qui ont investis du temps pour l'utiliser éprouve du plaisir en le maîtrisant maintenant. Ils ne veulent donc pas qu'il sois simplifié.
(+ éventuellement la perte de valeur liée à la maîtrise de ce logiciel, si son utilisation est simplifiée → un coût irrécupérable)

EICAR test file - Wikipedia

The EICAR test file is a computer file that was developed to test the response of computer antivirus (AV) programs. 😏

X5O!P%@AP[4\PZX54(P^)7CC)7}$EICAR-STANDARD-ANTIVIRUS-TEST-FILE!$H+H*

Similarly for email spam detection (GTUB - Generic Test for Unsolicited Bulk Email) :

XJS*C4JDBQADN1.NSBN3*2IDNEN*GTUBE-STANDARD-ANTI-UBE-TEST-EMAIL*C.34X

Wikipédia ❤️

7 techniques pour reprendre le contrôle de ton legacy code - Je suis un dev

Wow ! C'est propre tout ça.

J'aime beaucoup les trois premières, peut-être parce qu'elle concerne surtout soi-même et c'est ce qui me concerne le plus actuellement. Les ADRs me semblent aussi très utiles sur le long terme !

  1. Le Brain Dump 🧠
  2. La méthode Mikado 🥢
  3. L'over-comitting ➿
  4. Les Architecture Decisions Records (ADR) 📝
  5. Le Approval Testing ✅
    1. Générer un output capturable dudit code dans un test
    2. Utiliser la couverture de tests pour trouver toutes les combinaisons
    3. Introduire des mutations pour vérifier la qualité des tests
  6. L'analyse de Hotspots
  7. Les katas
Why Server-Side Input Validation Matters – Dhole Moments

Not checking a 30 characters length input : what could go wrong ? ¯\_(ツ)_/¯

espanso - Cross-platform Text Expander written in Rust

Wow ! 😂
This is perfect with gitmoji with the package all-emojis ! 😍

This is INSANE ❤️
¯\_(ツ)_/¯

Flutter: Votre prochain framework mobile - Je suis un dev
[archiloque.net] Programming languages creators
Comment se faire un ami en moins de 2 minutes puis le perdre à tout jamais ? – Korben
10 Super Useful Tricks for JavaScript Developers - Bits and Pieces
[archiloque.net] Fiche de lecture : “Lean work: empowerment and exploitation in the global auto industry”
Rust as a High Level Language — Llogiq on stuff

A programming language is low level when its programs require attention to the irrelevant.
– Alan Perlis

🤣

Singular they - Wikipedia
Using Bash traps in your scripts | Opensource.com
Comprendre Git en 7 minutes - Je suis un dev
A little bit of plain Javascript can do a lot
Checkboxland

Using checkboxes everywhere for everything ! 😄

ozy/makefile-blog: A static blog website generator written in makefile with various tools.
Vue.js: The Documentary - YouTube
TypeScript: Create an union type of strings from a certain type - Stack Overflow
type Subset<Parent, Sub extends Parent> = Sub;

type IconName = 'cars' | 'mars' | 'truck' | 'warning'

type VehicleIconName = Subset<IconName, 'cars' | 'truck' | 'invalidName'>
On Coding, Ego and Attention

It’s clear to me now that it's not about what I know, but rather how I think that's different on these days.

So the two questions for me are: (1) How can I have more good days than bad ones? And, (2) what exactly am I doing differently on my good days?

About relative deprivation

Top students convincing everyone else to stop trying. Or, great engineers convincing the rest to stop trying.

This is ego distraction in action. Self comparison determining effort. If we feel like we’re ahead we continue to put in the effort. If we feel like we’re not, we determine it’s not worth the effort.

About ego

The Ego's trick is always the same. Make it personal. Make it about me. Put me at the center. So when we sit down to solve a problem the trick is to only ask ourselves problem related questions. These are "the" or "what" type questions. We must avoid asking the personal "I" or "me" type questions. So instead of thinking "Did I cause the bug?", we instead ask "Where is the bug?".

How HEY Works | HEY

L'UI de ce service mail à l'air excellent

Computers as I used to love them @ tonsky.me

These are at least file-like? I don’t understand why they have to be “special features”, though, if you already have an app whose primary task is to sync files. It already does that. Why are some files more special than others?

The answer is simple: the only way Dropbox can survive is by building and selling more features. You’ll never have peace of mind with them.

Marylise Legajuana on Twitter: "Hello Twitter, je cherche un #NomPourMes2NouvellesPoules sachant qu'on a déjà Apouline et Ampoule et qu'on a eu Deadpoule et Poulymère. Et forcément on aimerait quelque chose dans ce goût-là pour les 2 newbies... Sauras-tu m'aider Twitter stp?" / Twitter

Des noms de poules on vous dit !

Sébastien Blanc 🇪🇺 🥑 on Twitter: "Salut à toi ami développeur, tu fais quoi lundi 22 juin ? Je crois la question est vite répondu, rejoins moi sur https://t.co/C8hTob85gx https://t.co/PBpaQ3CSOB" / Twitter
How To Learn Cryptography as a Programmer – Dhole Moments
Le développeur fullstack n'est pas un mythe - Je suis un dev

L’eau, le feu, la terre, le vent et Javascript.

🤣

Bundespolizei - Aktuelles - Corona-Virus: Antworten auf häufig gestellte Fragen (FAQ)

Selbstdeklaration

[archiloque.net] Le puits sans fond de la gestion des fichiers
Syndrome de la cabane — Wikipédia
Les Patterns des Grands du Web – Design for failure | OCTO Talks !
L’architecture microservices sans la hype : qu’est-ce que c’est, à quoi ça sert, est-ce qu’il m’en faut ? | OCTO Talks !

Bien expliqué :)

WD40 ist KEIN Schmiemittel | Die Wahrheit über WD40! | Lets Bastel - YouTube

WD-40 ist das Leben 🤣

YES NO AS A SERVICE

lyokolux.ynass.com : YES !

WTF and whatever as a service

FlameOfIgnis/Pwdb-Public: A collection of all the data i could extract from 1 billion leaked credentials from internet.

Public password lists leaked over years

</> htmx - high power tools for html

OMG ! 😍
It looks legit to me. I have to give it a try.

AsciiDoc | GitLab

A cheatsheet with examples of usage.

I am using markdown since years; it seems that AsciiDoc is a better standardized test-formatting with more functionnalities 😍

kubernetes-basicLearning/readme.md at master · knrt10/kubernetes-basicLearning
Le Cac 40 a privilégié les actionnaires, en oubliant l’environnement et les salariés, selon Oxfam
Sparse file - Wikipedia

a sparse file is a type of computer file that attempts to use file system space more efficiently when the file itself is partially empty. This is achieved by writing brief information (metadata) representing the empty blocks to disk instead of the actual "empty" space which makes up the block, using less disk space. The full block size is written to disk as the actual size only when the block contains "real" (non-empty) data.

Adding v-model Support to Custom Vue.js Components ← Alligator.io

it simply takes a :value property and emits an @input event with the updated date

And here you go with v-model !

« Clean Code » résumé en quelques lignes
Container Query Solutions with CSS Grid and Flexbox | Modern CSS Solutions
kward/shunit2: shUnit2 is a xUnit based unit test framework for Bourne based shell scripts.
the-super-tiny-compiler/the-super-tiny-compiler.js at master · jamiebuilds/the-super-tiny-compiler

Yay ! A great way to get the fundamentals of a compiler !

Cross-Origin Resource Sharing (CORS) - HTTP | MDN

CORS est devenu incontournable pour le développement web (front et back) ! Cette documentation explique sont fonctionnement.

Comme d'habitude, la documentation de MDN est de qualité.

HTTP Status Codes — httpstatuses.com
Refactoring | Andreas Gohr on Patreon

It seems there are two common ways how Open Source projects die: either the maintainer simply loses interest and abandons the project or they decide that the project became so complex that it needs a complete rewrite. Joel Spolsky wrote an article nearly 20 years ago on how that's generally a bad idea.

Tips for Life - uplist

Cool these collaborative lists 🔥

Comment créer un nom de domaine personnalisé et votre propre adresse email

Sous le coude. C'est finalement facile aujourd'hui de se créer une adresse mail personnalisée !

Et oui ! Un guide comme cela, ça fait plaisir !

(via sebsauvage)

Equal Width Columns in CSS Grid are Kinda Weird | CSS-Tricks
minmax(0, 1fr)

because by default the min size is auto which leads to be the size of the element

Apprendre à coder ? Pour les néophytes. - Random Dev

Des réflexions pertinentes :

Du coup, c’est quoi l’adaptabilité ? Pour un dev, ça va être la capacité à pouvoir être mis sur des projets aux technologies différentes ou dans un contexte métier compliqué (bancaire, santé) avec des règles contraignantes.

Comprenons-nous bien l’échec est inévitable, c’est une partie du processus, et il va revenir.
La persévérance, c’est continuer, échouer, recommencer, jusqu’à la réussite.

Enfin bref, un bon article pour débuter :)

[archiloque.net] JavaScript and browsers optimizations
Which emoji scissors close
Comprendre VueJS en 5 minutes - Je suis un dev