Monthly Shaarli

All links of one month in a single page.

May, 2020

7 Practical Tips for Cheating at Design - Refactoring UI - Medium
  1. Use color and weight to create hierarchy instead of size
  2. Don’t use grey text on colored backgrounds
    1. Reduce the opacity of white text
    2. Hand-pick a color that’s based on the background color
  3. Offset your shadows
  4. Use fewer borders
    1. Use a box shadow
    2. Use two different background colors
    3. Add extra spacing
  5. Don’t blow up icons that are meant to be small
  6. Use accent borders to add color to a bland design
  7. Not every button needs a background color
CSS-Only Accessible Dropdown Navigation Menu | Modern CSS Solutions
Animated Image Gallery Captions with Bonus Ken Burns Effect | Modern CSS Solutions
Le passé c’est le passé – Carnet de notes
Icon Button CSS Styling Guide | Modern CSS Solutions
Mot du jour : Intersectionnalité

Le blog est aussi agréable à lire !

caseykneale/VIMKiller: Exiting VIM is hard; sometimes we need to take drastic measures

A real button to kill (and exit) vim ! 🤣

RFC 2119 - Key words for use in RFCs to Indicate Requirement Levels
Criteo, un géant du marketing de surveillance français | Pixel de tracking

(via sebsauvage)

Toutes les estimations sont fausses, mais ... - Cédric "skwi" Spalvieri
Microsoft is bringing Linux GUI apps to Windows 10 - The Verge
WebPraktikos/universal-resume: Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo
How I Wrote Two Books In One Year
  • set daily goals
  • give up the good shit
  • create a reward system
  • outline everything
  • make a name for yourself
  • never write and edit at the same time
Mark Seemann on Twitter: "🔴 Don't say anything in the issue tracker you can say in a commit message. 🟠 Don't say anything with a commit message you can say in a comment. 🟡 Don't say anything with a comment you can say with a method name. 🟢 Don't say anything with a method name you can say with a type." / Twitter
Ylvis - The Fox (What Does The Fox Say?) [Official music video HD] - YouTube

The fox say HEHEHEHEHE !
Mystery solved

The Confessions of Marcus Hutchins, the Hacker Who Saved the Internet | WIRED
Should I use threads?
Free Text-To-Speech for French language and MP3 Download | ttsMP3.com

Ça peut se révéler utile !
(via http://orangina-rouge.org/shaarli/?03tGSA)

Quelle est la durée de vie réelle des disques SSD ?

Les SSD sont donc une solution plus pérenne que les HDD d'après cette étude. Il faut néanmoins en avoir d'autres pour être sûr.
(via https://sebsauvage.net/links/?eS1l1Q)
(via http://links.kevinvuilleumier.net/?b2tW3g)

Rust has a static garbage collector

About GCs

Similar to the dichotomy between static and dynamic typing, I think that Rust is proving out a new niche in the concept of garbage collection. That is, historically, we think of GC as something dynamic, that is, it involves a run-time component that does stuff at runtime. However, the idea of automatic memory management doesn’t inherently mean that it has to execute at runtime.

Blog Stéphane Bortzmeyer: Résolveur DNS : définition
WhatWeb : Scannez les informations cachées d'un site Internet ! - Geeek.org
Ma première grosse boulette professionnelle – Nicolas Karolak
Please Stop Using Local Storage - DEV Community 👩‍💻👨‍💻
Blog Stéphane Bortzmeyer: Afficher une page de ce blog prise au hasard
Note: Note - Le Hollandais Volant
xkcd: 2020 Google Trends
The PHP Benchmark

for version 7.2.4

Optimiser et accélérer les pages web - lehollandaisvolant.net

Une excellente liste à garder sous le coude

Krapace: "Les soignants qui courent partout et s'enervent p…" - Mastodon

Les soignants qui courent partout et s'enervent pour propager les bonnes pratiques et les gens qui en ont rien a foutre...
Voilà ce que les geek/informaticiens ressentent toute l'année.

Insomnia | API Design Platform and REST Client

under one's arm

Les débats de développeur(euse)s sont intenses - Je suis un dev
Devenir freelance: Appât du gain ou alternative aux ESN ?
How To Build Tabs only with CSS - Digital-Heart - Medium
Loi de Benford — Wikipédia

« Quand on étudie un ensemble de données numériques, on pourrait s'attendre à voir les chiffres de 1 à 9 apparaître à peu près aussi fréquemment comme premier chiffre d'un nombre, soit avec une fréquence de 11,1% = 1/9 pour chacun. Or, contrairement à cette intuition (biais d'équiprobabilité), pour près du tiers des observations, le 1er chiffre significatif le plus fréquent est 1. Le chiffre 2 est ensuite lui-même plus fréquent que le 3… et la probabilité d'avoir un 9 comme premier chiffre significatif n'est que de 4,6 % . C'est une loi observée aussi bien dans les mathématiques sociales, c'est-à-dire les sciences humaines et sociales, que dans des tables de valeurs numériques comme celles qu'on rencontre en physique, en BTP, en économie (taux de change), ou même dans les numéros de rue de son carnet d'adresses. »

Cela signifie que pour vérifier (empiriquement !) la vraisemblance d'un ensemble de données, il suffit de regarder la répartition des chiffres : si vous avez plus de 8 et 9 que de 1 et 2, c'est peut-être que les données ont été manipulées ou biaisées.

(par https://orangina-rouge.org/shaarli/?anOhaQ)

Generating `font-size` CSS Rules and Creating a Fluid Type Scale | Modern CSS Solutions
Vincent D. on Twitter: "Comment la @SNCF et les régions comme @bfc_region tuent délibérément les transports publics vers les villes moyennes en morcelant l'offre et les systèmes d'information. Prenons le trajet Paris - Châtillon-sur-Seine. L'app @SNCF dit : pas de transports publics, prends la voiture. https://t.co/RgnctWzDK0" / Twitter

Mhmhmhmh si le site de référence de train ne référence pas les trajets... ça va être compliqué de les réserver !

Resource: The Complete Guide to Centering in CSS | Modern CSS Solutions

Can be useful at any time !

Pure CSS Smooth-Scroll "Back to Top" | Modern CSS Solutions
Condamné pour harcèlement sexuel, le député Stéphane Trompille n'est pas exclu du groupe LREM - Libération

Bah LREM, allez vous faire foutre !

Google Graveyard - Killed by Google

All services stopped by Google

icons8.com - Download free icons, music, stock photos, vectors
Keep the Footer at the Bottom: Flexbox vs. Grid | Modern CSS Solutions

Flexbox

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

// Optional
main {
  margin: 0 auto;
  // or: align-self: center
  max-width: 80ch;
}

Grid

body {
  min-height: 100vh;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

// Optional
main {
  margin: 0 auto;
  max-width: 80ch;
}
Microsoft loves Linux — a little too much? - probono - Medium

Again Microsoft...

How to Encrypt Your Home Folder After Installing Ubuntu

Tested after set up on a [live USB] and it works ^^

About | Lobsters

Un système d'aggrégation de liens !
(via https://nicolas-delsaux.hd.free.fr/Shaarli/?CX2iRA)

Note: trouver la traduction d'un concept dans une autre langue

Mon exemple ici est code coverage ; il faut trouver le terme allemand.

  1. Aller sur la page Wikipedia test coverage
  2. dans Languages en bas à gauche, cliquer sur "deutsch"
  3. vous voilà arrivé sur la page Wikipedia Testabdeckung en allemand, donc avec le bon terme.

Avantage : c'est rapide et facile
Inconvénient : ça ne marche pas toujours, il faut qu'il y ait une traduction dans la langue désirée

Deno V1 : une future alternative à NodeJS ? - Je suis un dev

Pour les projets perso 💚

Note: Delete preferences and settings of Firefox on macOS

After a freeze of the topbar, this solved the problem :

sudo rm -rvf ~/Library/Application\ Support/Firefox/ ~/Library/Caches/Firefox ~/Library/Preferences/org.mozilla.firefox.plist

The sync feature is great btw 😃

Laravel: les ressources - Get rich or dev tryin'
So You Want To Write Your Own CSV code? · Thomas Burette

CSV is not so easy to use actually

Split and merge PDF files. Free and open source - PDFsam

What I was looking for !! (instead of using Chromium's PDF printing functionnalities)
(via https://orangina-rouge.org/shaarli/?RrXBHA)

A Singapour, le traçage par app dégénère en surveillance de masse - Le Temps

Mais quelle surprise !
(via https://sebsauvage.net/links/?-QGW-A)

Blog Stéphane Bortzmeyer: StopCovid : une « éthique de la responsabilité ? »
CSS Animation Timelines: Building a Rube Goldberg Machine - Cloud Four
Comment rester attractif en tant que développeur(euse) ? - Je suis un dev
Blog Stéphane Bortzmeyer: Qui contrôle votre ordiphone et qui devrait avoir ce pouvoir ?
Mettre en place les images au format WebP sur son site avec NGINX

Ce format est magnifique !
Avec le projet qui va bien pour convertir aisément les images en webp
(via le courrier du hacker)

Command-line Tools can be 235x Faster than your Hadoop Cluster - Adam Drake
Optimiser les images - lehollandaisvolant.net

Encore quelque chose de très utile ! Sous le coude

Game of Life 32b - SizeCoding

32 bytes for the game of life !!! WOW
(via https://sebsauvage.net/links/?Fo3tDw)

Libreoffice - l’icône disquette a disparu ! - Le blog de Genma
Gitea - A painless self-hosted Git service.

Oh ouiiiii ! A lightweight git repository hosting.
...lightweight 🤣
(via https://linuxfr.org/users/devnewton/liens/gitea-autohebergement-de-depots-git-facile)

Programmation défensive en bash – Le blog de Seboss666

❤️

tmux.github.io/index.html at master · tmux/tmux.github.io

<meta http-equiv="refresh" content="0; url=https://github.com/tmux/tmux/wiki"/>

Sway - Get rich or dev tryin'

Make the window beautiful

Sass Theming: The Neverending Story — SitePoint
Bonsai CSS - A Utility Complete CSS Framework for less than 10kb | Bedrock.css

Less than 10kb gziped and do the job

Totally Custom List Styles | Modern CSS Solutions

WOW this use of attr() function in CSS ♥

Where Did Software Go Wrong? | Jesse Li
Solutions to Replace the 12-Column Grid | Modern CSS Solutions
$gridGap: 2rem;
$minColWidth: 15rem;

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax($minColWidth, 1fr));
  grid-gap: 2rem;

  & + .grid {
    margin-top: $gridGap;
  }
}
The bad reasons you’re forced to work long hours
neomjs/neo: The webworkers driven UI framework (Beta version)

Using the web workers for long calculation et preserve the main thread for the display, to keep a reactive user interface (such as classical UI actually)

(via https://nicolas-delsaux.hd.free.fr/Shaarli/?f7VSzg)

Continuer à mentir sur son web UA ? // /home/lord
vitejs/vite: An opinionated web dev build tool. It's fast.

Mhmhmh OK :)

CSS-Only Full-Width Responsive Images 2 Ways | Modern CSS Solutions
Keyword-only arguments in Python - lukeplant.me.uk

Oh yeah !

Gagne du temps avec Visual Studio Code - Je suis un dev
Equal Height Elements: Flexbox vs. Grid | Modern CSS Solutions
Est-il possible de sécuriser une application front-end ? | Putain de code
  • Ne jamais faire confiance aux applications frontend
  • N'utilisez pas votre propre cryptographie
  • N'utilisez pas de clé de chiffrement prédictibles
  • Ne réutilisez pas une clé de chiffrement
  • Obfusquer n'est pas sécuriser
  • Sécurisez plutôt votre backend

Et de bon conseils pratiques comme éviter d'utiliser des promesses pour traiter les requêtes du client, mais plutôt des callbacks

The HTTP headers you don't expect | Frenxi
Question: How does git detect renames? – Chelsea Troy
Les ptits fichiers en racine de site ouaib // /home/lord
Will It CORS?

(via Riduidel)

API Documentation — cleanuri.com

Easy and simple.

Reminder : URL shortener are only for temporary use. The original URL still has to be indicated next to the shorten one in case the service disappears.

public-apis/public-apis: A collective list of free APIs for use in software and web development.
Note: squash all commits of a branch
git config --global alias.squashbranch '! f() { git rebase -i $(git merge-base HEAD $1); }; f'

Then use it with git squashbranch origin/master

/random/RIIR
Ska-Svg

Reusable svg shapes

Implementing VAT into a Laravel app with Stripe and Cashier
Secure the software development lifecycle with machine learning - Microsoft Security

30 000 bugs par mois 😱
(via bortzmeyer sur Mastodon)

Quelques conseils de management – Carnet de notes
COVID-19 – Déclaration de déplacement en dehors de son département et à plus de 100km de son domicile
Blog Stéphane Bortzmeyer: Serveur DNS faisant autorité : définition
Let's Guess What Google Requires In 14 Days Or They Kill Our Extension | Pushbullet Blog

Pusbullet est une application très populaire pour transférer des données entre téléphone et ordinateur. Elle a plus d'un million d'utilisateurs dans le Chrome Web Store.
Et Google demande à Pushbullet de corriger son appli, sinon elle sera supprimée du Chrome Web Store dans les 14 jours.
Que faut-il modifier ? L'équipe de Pushbullet ne sait pas. Google - comme d'habitude - dit qu'ils ont violé une partie du contrat, sans préciser ce qui pose problème.

Ce qui est marrant, c'est Pushbullet n'a absolument aucun moyen de communiquer avec Google et discuter avec des ingénieurs.
Tout ce qu'ils peuvent faire, c'est 1) faire une modif 2) envoyer l'application 3) espérer que ça passe.
Et répéter les points 1/2/3 jusqu'à ce que ça passe.
C'est tellement lamentable.

Ça me rappelle quand Google m'a viré d'AdSense:
« - on vous dégage parce que vous avez violé les règles.

  • ah bon ??? Quelle règle j'ai violé ?
  • on peut pas vous dire. »

Meh.
Googe ne mérite pas votre confiance.
Méfiez-vous.
Le jour où vous aurez un problème, vous n'aurez personne à qui parler et aucun recours.

Les 12 meilleurs sites torrent opérationnels en mai 2020 - Bill2's Links

Les 12 meilleurs sites torrent
01 The Pirate Bay (TPB) – http://thepiratebay.org/ Le roi du torrent incontesté
02 Kickass Torrents – https://kickasstorrents.cr/ Une excellente sélection de séries et films (vieux et récents)
03 RARBG – http://rarbg.to/index70.php Des informations utiles pour évaluer rapidement un torrent
04 YIFY Movies – https://yts.am/ La star des films de haute qualité
05 EZTV – https://eztv.io/ Les téléchargements de séries TV les plus rapides du marché
06 1337x – https://1337x.to/ Une utilisation très conviviale
07 ISOHunt – https://isohunt.tv/ Une excellente sélection de torrents
08 Lime Torrents – https://www.limetorrents.info/ Une interface épurée et des annonces limitées
09 Torrentz2 – https://torrentz2.eu/ Un moteur de recherche torrent ultra-rapide
10 TorLock – https://torlock.com/ Un moteur de recherche et un catalogue vérifiés
11 Zooqle – https://zooqle.com/ Des films et séries TV dans toutes les résolutions
12 Torrentseeker – https://torrentseeker.com/ Un autre moteur de recherche solide

(via https://orangina-rouge.org/shaarli/?rz8NsQ)

Type-level Programming in Rust | Will Crichton