Monthly Shaarli

All links of one month in a single page.

July, 2020

What is this guide? | Vue Testing Handbook

Great resource !

Pré-plainte en ligne

Pour être sûr d'avoir sa plainte enregistré au commissariat

Comprendre les algorithmes de tri en 7 minutes - Je suis un dev
Je voulais faire une blague... - Liens en vrac de sebsauvage
1loc | Favorite JavaScript single line of code

Yay ! A list of all useful oneliners that are often needed

Note: add multiples equation in a system with Libreoffice Formula

This works and gives a system on two lines :

left lbrace stack { 
  x = y #
  y = 3
}
right none

Solution's here in the manual in Unpaired brackets > Scalable brackets.

Nous ne sommes pas prêts | PrototypeKblog

iel a pas tord

Quand les hommes ne peuvent plus changer les choses, ils changent les mots. — Jean Jaurès

Chisanbop - Wikipedia (ou l'art de compter avec ses doigts) - Shaarli ¦ Orangina Rouge
Tech Am on Twitter: "How to keep your cows looking good and happy. https://t.co/ftvEGBU7Dc" / Twitter
Reihenfolge von Akkusativ und Dativ im Satz - Deutsch-Coach.com

Mit Beispiele (vereinfacht, aber gilt für eine richtige Grammatik ) :

  • Der Kellner bringt dem Gast das Bier. → Dativ vor Akkusativ
  • Peter gibt ihr den Brief. → „kurz“ vor „lang“ → Wenn das Personalpronomen allein ist, kommt es immer zuerst
  • Peter gibt ihn ihr. → Akkusativ vor Dativ wenn beide Objekte Personalpronomen sind

#Satzbau

Littératie et illectronisme en France – UX Notes ✍️
Accueil - Bloctel

Inscrire son numéro de téléphone sur le service du gouvernement pour éviter le démarchage téléphonique

🔎Julia Evans🔍 on Twitter: "inline vs block https://t.co/acvb0XTedG" / Twitter
VLC : LE START-UPPER QUI NE VOULAIT PAS ÊTRE RICHE - Invidious

Wow ! Une superbe interview sur VLC et le logiciel libre :)

🔎Julia Evans🔍 on Twitter: "the CSS box model https://t.co/QKogsMfWNg" / Twitter

Nice picture 👍

import

Make import of bash functions from an URL, mhmhmhmh

SVG Icon System in Vue.js
Dictionnaire des sigles de l'administration française
Style Stage from Modern CSS Solutions

A new up-to-date CSS Zen Garden

Pure CSS Custom Styled Radio Buttons | Modern CSS Solutions
State Management with Composition API - Vue.js Tutorials

Awww this is a revolution in the Vue state management pattern 😍

Note: partager un document de l'ordinateur portable au smartphone sans câble ni bluetooth mais avec une connexion Internet
  1. aller sur https://sharedrop.io
  2. partager le lien de la room par envoi d'un SMS via l'API de Free
  3. ouvrir le lien reçu
  4. envoyer le fichier depuis l'ordinateur
  5. accepter l'envoi depuis le smartphone 😍
tauri-apps/tauri: Framework agnostic toolchain for building highly secure native apps that have tiny binaries and are very fast.

Un remplaçant d'Electron qui utilise comme backend du Rust au lieu de Node.js.
Empreinte mémoire largement inférieure, meilleures performances, meilleure sécurité.

(from sebsauvage)

La plupart des services de visioconférence ne sont pas conformes au RGPD

Oh surprise !

The end of the Redis adventure - <antirez>

Antirez bequeaths the Yossi and Oran

[Wikimedia Announcements] Announcing a new Wikimedia project: Abstract Wikipedia

❤️

and a paper about the architecture of Abstract Wikipedia

[archiloque.net] Choix des outils et maintenance
Hacking GitHub with Unicode's dotless 'i'.
Microsoft is forcing Edge on Windows users with a spyware-like install - The Verge

Hum hum hum

The truth about Svelte
Announcing Pylance: Fast, feature-rich language support for Python in Visual Studio Code | Python
You're not going to believe what I'm about to tell you - The Oatmeal
Porter plainte auprès du procureur de la République - Modèle de lettre - service-public.fr
Les néo-libéraux - Liens en vrac de sebsauvage

Les néo-libéraux: « Fouyouyou faut pas réguler les prix ! De toute façon avec la concurrence le consommateur aura toujours le meilleur prix. »

2020: Les boîtes de masques jetables sont partout à 30€ au lieu de 4€.

Naming Convention

A list of naming conventions grouped by languages ❤️

Webcam puy de Dôme

l’Université de Clermont-Ferrand et le Puy-de-Dôme ont chacune une webcam, pointant l’une sur l’autre et prenant une photo toutes les 10 minutes depuis 8 ans maintenant.

(partagé par le Hollandais Volant)

Calculer le jour de la semaine de n'importe qu'elle date • Billets • Zeste de Savoir
Des emoji accessibles – UX Notes ✍️

D’abord, voici les pratiques à éviter quand on utilise des emojis :

  • Utiliser plusieurs fois le même émojis à la suite 😭😭😭.
  • 👏 Utiliser 👏 plusieurs 👏 emojis 👏 au 👏 milieu 👏 d’une 👏 phrase.
  • Utiliser des émojis au milieu (ou à la place) d’un Ⓜ️ot (mot).
  • 👎 ❌ Mettre les informations importantes après un ou plusieurs emojis.
  • 😭 Donner de l’information uniquement pas le biais d’un emoji.
  • Utiliser les kaomoji (emojis en ascii art) ¯_(⊙︿⊙)_/¯
  • Ⓞⓝ é𝕧𝕚𝕥𝕖 🅐🅤🅢🅢🅘 évídéḿḿéńt 𝐥𝐞𝐬 𝖈𝖆𝖗𝖆𝖈𝖙è𝖗𝖊𝖘 𝑼𝒏𝒊𝒄𝒐𝒅𝒆 𝗊𝗎𝗂 🄽🄴 🆂🅾🅽🆃 ραѕ ↁэѕ vraies ʟᴇᴛᴛʀᴇꜱ 𝕡𝕠𝕦𝕣 é𝖼𝗋𝗂𝗋𝖾 ⓓⓤ 𝖙𝖊𝖝𝖙𝖊.

Mais surtout, voici comment on peut utiliser des emojis :

  • Utiliser des emojis de temps en temps ✅.
  • Placer l’émoji à la fin d’une phrase ou d’un message 👍.
  • Mettre les informations importantes avant l’émoji ⬅️.
  • Choisir un emoji pertinent (par son apparence mais aussi par sa description).
  • S’assurer que le message a du sens même sans emoji 😇.
3 Popular Website Heroes Created With CSS Grid Layout | Modern CSS Solutions

Put all the items in the same cells

header {
  display: grid;
  grid-template-areas: "heros";

  > * {
    grid-area: hero;
  }
}

Hero 1 summary

object-fit used to control img size
align-items: center used to vertically align the grid children

Hero 2 summary

created a color screen over the img by defining background-color of the header with rgba and adding z-index: -1 to the img to slide it behind the header
used pseudo-elements for additional design flair, and positioned them separately from the parent grid definition with place-self

Hero 3 summary

use of a wrapper to provide a secondary grid layout for content versus header design elements
creation of auto-width columns with grid-template-columns
Leveraging vmin to minimize padding on smaller viewports and increase it for larger viewports

Comprendre les structures de données linéaires en 10 minutes - Je suis un dev
useWeb

A project build for Vue that maintains a stable API on web standards for multiple browsers.

When To Use The New Vue Composition API (And When Not To) - Vue.js Developers
Le Figaro on Twitter: "Le grand retour des maisons de famille pour les vacances d'été, ces lieux refuges par excellence, qui hébergent bien souvent des conflits imprévisibles autant que des joies communicatives... https://t.co/HhbCEw0lsT https://t.co/AVvoSwsIlB" / Twitter

Les commentaires bien troll comme on les aimes suite à la photo avec un grande maison :)

Matrice d'Eisenhower — Wikipédia
Comprendre la notation Big O en 7 minutes - Je suis un dev
Turblog on Twitter: "Expliquez nous donc l'utilité de la mention du sexe biologique sur la pièce d'identité ? Perso, j'y ferais plutôt figurer le groupe sanguin." / Twitter

Oh oui ! Ne plus faire figurer le sexe, mais à la place le groupe sanguin; ce serais tellement plus utile !

La gendarmerie a (de nouveau) cassé des messages chiffrés

Donc on note : une application de chat censée être chiffrée de bout en bout, mais centralisée, a été mise sur écoute de manière massive par la gendarmerie.
Leçons à en tirer:
1) la centralisation c'est mal pour la vie privée.
2) faut pas croire les startups, surtout quand le code n'est pas ouvert. (Du coup je suppose que cette startup française va faire plouf)
3) même si c'est chiffré de bout en bout, la sécurité du terminal lui-même reste le maillon faible.
4) quand vous ne controllez pas l'OS et le logiciel de bande de base de votre smartphone, il est totalement à la merci des autorités.

(de sebsauvage)

Kat Maddox on Twitter: "God I wish there was an easier way to do this https://t.co/8UrBNKdTRW" / Twitter

Find the best way to know if a number is odd or even 🤣

Headphones are collecting too much personal data - SoundGuys

Oh surprise !

Les écouteurs bluetooth, en plus d'être chers et polluants (batteries), posent des problèmes de vie privée car ils collectent bien plus d'information que nécessaire.
Ceux de Bose possèdent un système à la Shazam qui identifie ce que vous écoutez et qui l'envoie à Bose.
Quant aux écouteurs "Soul Run Free Pro", en plus de collecter votre âge, taille des jambes, chaussures que vous portez, veut aussi collecter votre usage de l'alcool, votre historique médical (blessures) et votre calendrier de menstruations. WTF ?
Et comme d'habitude, les gens cliquent sur "Accepter" sans vraiment lire. Ces entreprises le savent très bien. ― Sebsauvage

Svelte <3 TypeScript

A good news ! Typescript is supported in svelte

Comprendre les structures de données non linéaires en 5 minutes - Je suis un dev
404 Illustrations

A list of images for the page 404

Simple Icons

A list of logos and icons

With packages for many frameworks ready to use → https://github.com/simple-icons/simple-icons

adverbs - Unterschied zwischen "derzeit" und "zurzeit" - German Language Stack Exchange

TL;DR
Sie sind Synonyms, aber :
❓ „derzeit" mag in Süddeutschland seltsam und unnatürlich klingen.
✅ „zurzeit” ist dennoch in ganz Deutschland benutzt.

Thread by @Collabblues: Et si on parlait du Conseil européen qui se tient en ce moment et qui révèle bien toutes les fractures de , #euco #Withflags. "Le Conseil Eu…
Emaxilde - Je fais partie d'une espèce menacée d'extinction
La sobriété numérique, oui mais pour quoi faire ? | Signal

Très pertinent :

La différence de consommation entre une borne qui émet au maximum de sa capacité et une borne allumée sans aucun trafic sera donc au maximum de 2,5 %. En tout cas, il faut être conscient que diviser par 2 sa propre consommation de données ne divisera pas par 2 la consommation électrique associée, ni chez soi, ni ailleurs. Il est très facile avec un consomètre de le vérifier par soi-même pour la partie à domicile.

Autrement dit, une charge de téléphone mobile n’a l’énergie pour éclairer une ampoule “basique” que pend1ant 1 à 2h. Il est évidemment important d’éteindre les pièces inoccupées, mais on en parle peu. Nous avons été convaincus que le téléphone mobile consommait bien plus, ce qui est faux.

Le rapport ARCEP cité ci-dessus propose également une évaluation en termes de gaz à effet de serre (indicateur plus important que la consommation électrique), qui montre une baisse progressive de l’empreinte des opérateurs français.

[À propos des datacenters] De 2010 à 2019, le volume réseau a ainsi été multiplié par 12 alors que la consommation électrique est restée remarquablement stable.

Il n’y a pas de raison non plus de forcer les opérateurs à le faire à notre place, en appelant à l’interdiction des forfaits illimités, ou à une obligation de facturation au volume. On notera d’ailleurs que ces envies de facturation proviennent historiquement des opérateurs eux-mêmes, et ont pu être liées à des initiatives pour remettre en cause la neutralité du réseau.

Markdown Tables generator - TablesGenerator.com
K33G's website

Oh ouiiii !!!! J'aime ces petits drapeaus devant le titre du blog 🇫🇷 🇬🇧

Le web de 2020 - Liens en vrac de sebsauvage

GitLab t'affiche une page: 3,90 Mo.

Toi dans GitLab: clic sur un source de 1,94 Mo pour l'afficher.
GitLab : « Oh làlà attention c'est très gros ! Vous êtes sûr que vous voulez l'afficher ? »

Je hais le web de 2020.

moooohhhh

La plainte pour viol visant Gérald Darmanin à nouveau classée sans suite | Le HuffPost

Donc notre ministre de l'intérieur, en plus d'être un homophobe notoire (il a affiché son soutient et défilé avec la Manif Pour Tous et refusé de marier des couples H/H F/F quand il était maire), est en plus impliqué dans une affaire de viol. Pour laquelle il a obtenu un non-lieu. Et vous avez sur quelle base ?
Le juge a estimé que « Le défaut de consentement ne suffit pas à caractériser le viol »

Sauf qu'en fait, l'absence de consentement, c'est la DÉFINITION du viol.

Et bien ça nous promet un beau ministère de l'intérieur tout ça, hein ? Vu comment les flics traitent déjà les femmes et les LGBT... (refus de dépôt de plainte, intimidations, insultes, moqueries...)

De sebsauvage

Un déchet toxique

Pourquoi avons-nous retiré la question de sécurité ? | Gandi News
10 Secrets of the LibreOffice Status Bar ⋆ Frugal Guidance 2

I did not know...

bundlephobia.com/

find the cost of adding a npm package to your bundle