Monthly Shaarli
January, 2022
Helvetica est massivement utilisé pour ses qualités objectives: équilibre, clarté, lisibilité et neutralité.
Garamond est une police consomment peu d'encre à l'impression.
Pour le web, Verdana est considéré comme plus adapté et lisible sur petits écrans.
Un projet dédié à été crée afin de monitorer le CI de plusieurs projets: https://github.com/mvisonneau/gitlab-ci-pipelines-exporter
Le reste de l'article explique comment faire :)
Generate random character names :)
A text-based web browser in the terminal. It uses Firefox under the hood.
Test how much type of ads you can block
L'état francais a donc contribué via DesignGouv à Framadate, et ce serais la première contribution d'autres à venir 👍
TL;DR;
En attendant, l’autonomie c’est la première qualité que l’on recherche chez un stagiaire en développement.
mais
Encore une fois pas de stress, tu es là pour apprendre, alors apprends de tes erreurs.
Un stagiaire en dev web n’est pas obligé de facturer tout son temps au client, loin de là.
Il est avant tout là pour apprendre même s’il doit être un minimum productif.
Durant ce laps de temps, il est très important que le stagiaire progresse de manière rapide pour l’entreprise.
Du point du vue du stagiaire:
Qu'est-ce que je peux apporter à l'entreprise en tant que stagiaire ?
Damien de l’équipe WeLoveDevs te conseille la chose suivante
Si cela ne fonctionne pas avec les RHs, il faut passer par les managers et les devs dans les équipes. Cela fonctionne particulièrement dans les grosses boîtes. Ce sont les managers qui ouvrent les postes 90% du temps, pas les RHs.Sur le long terme, c’est le stagiaire développeur avec le meilleur mindset qui devient meilleur.
Aussi,
Pour former quelqu'un pendant 6 mois et le laisser partir, il faut une bonne raison.
et cela continue, ce n'est plus un TL;DR; là x)
TL;DR; Use hsl isntead of RGB to create a gradient. This will avoid a grey zone. But using hsl is not available in CSS for now, so we can use a linear-gradient from a multiple of colors instead. Each color have to be similar to its neighbors... and it works !
and here the tool: https://www.joshwcomeau.com/gradient-generator/
peut-on encore légitimement parler « d’une langue française » ou doit-on désormais parler de « plusieurs » langues françaises ?
Mais notre réponse scientifique est qu’il existe bien un corpus de règles générales fondamentales, une matrice de base sur laquelle viennent se greffer tous les usages Concernant les expressions figées, qui semblent a priori les plus variables
Fixed my issue on Arduino Genuino
- I still don't know very much.
- The hardest part of software is building the right thing.
- The best software engineers think like designers.
- The best code is no code, or code you don't have to maintain.
- Software is a means to an end.
- Sometimes you have to stop sharpening the saw, and just start cutting shit.
- If you don’t have a good grasp of the universe of what’s possible, you can’t design a good system.
- Every system eventually sicks, get over it.
- Nobody asks "why" enough.
- We should be far more focused on avoiding 0.1x programmers than finding 10x programmers.
- One of the biggest differences between a senior engineer and a junior engineer is that they’ve formed opinions about the way things should be.
- People don’t really want innovation.
- Your data is the most important part of your system.
- Look for technological sharks.
- Don't mistake humility for ignorance.
- Software engineers should write regularly.
- Keep your processes as lean as possible.
- Software engineers, like all humans, need to feel ownership.
- Interviews are almost worthless for telling how good of a team member someone will be.
- Always strive to build a smaller system.
A blog post as response to it ?
Individuellement, ils sont plus au chômage, perçoivent plus d'allocations, c'est vrai. C'est le raccourci qui est souvent mis en avant pour dire qu'ils coûtent très cher à la France. Sauf que ce résultat individuel est compensé par une structure d'âge, avec des immigrés qui sont souvent dans la population active et qui donc cotisent beaucoup.
TL;DR but still interesting. In case I need it, I know how to find it
Ranger les mots par index permet de décharger entre la demande de l'utilisateur et sa réponse.
Tout est dans l'image, plus efficace qu'une recherche humaine dans un dicitonnaire par ordre alphabétique (approximativement une recherche dichotomique): https://www.camilab.co/content/images/2021/12/dictionnaire.png
Cela se fait au détriment:
- du temps de construction de l'index au départ → à faire qu'une seule fois
- de l'espace de stockage pour cet index → OSEF car le stockage est peu coûteux
- l'accès au disque sera toujours moins rapide que conserver les données en mémoire -→comment compresser l'index ?
The next question is:
- are linux users more tech-savvy and they will report bugs
- are users more willing to report bugs because they are on linux
🤔
I bookmark this post especially for this code snippet:
body {
margin: 0 auto;
max-width: 40rem; // can be bigger but not too much ! (<= 80 I think)
font-size: 1.2rem;
}It makes a HTML website directly readable :)
:o
personne (adjectif) <-> une personne
louer (bailleur) <-> louer (locataire)
hôte (qui reçoit) <-> hôte (qui est reçu)
plus (+) <-> plus (rien) → "As the double negation vanishes in oral language, you have "J'en veux plus" (mute final S) which means the opposite of "J'en veux plus" (pronounced final S)." @GuigoDalphinus
Il s'agit d'énantiosémie
Le taux d'hospitalisation des vaccinés avec rappel est...
•20 fois moins élevé chez les 20-39 ans
•14 fois moins élevé chez les 40-59 ans
•10 fois moins élevé chez les 60-79 ans
•5 fois moins élevé chez les + de 80 ans...que celui des non-vaccinés (au 16/01).
Find the right font for your need
Maintenant en redressement judiciaire (https://www.journaldunet.com/ebusiness/internet-mobile/1508391-sigfox-place-en-redressement-judiciaire/). Dommage car le service proposé semble incroyablement utile pour l'IoT. Et peu cher (à partir de 3€ par an), donc accessible.
floc has been blocked by a majority of services (framework such as sveltekit, ....). So Google comes back with a new one.
Topics looks better.
The operation appears simpler than FLoC. First, the browser collects the interests for the week. It stores the information locally for the last three weeks. It is not communicated to any server and is deleted after this period.
When the person visits a site, it can draw from the local pool. Only one interest per week, for a maximum of three. Via Topics, a site would not go any further.
INTRODUCTION
WALTER PLECKER WAS AN ASSHOLE.In the 1920s, he was registrar of Virginia’s Bureau of Vital Sta-
tistics, the state government office that controlled birth, death,
marriage, and divorce records (http://bkaprt.com/eia/o0-01/). As
a frothing-at-the-mouth white supremacist, Plecker was terri-
fied of interracial marriage. Its very existence, he insisted, was
the result of poor categorization: white people were marrying
non-white people only because the government hadn’t labeled
them “correctly.”Plecker decided that he could use bureaucracy to change this,
and he was right: all he had to do was relabel Virginia’s racial
categories, and racist laws took care of the rest. He reduced the
number of racial identity categories to just two, then altered and
enforced documentation to reflect his definitions.This meant that a very small and specific group of people
were labeled white, and everyone who fell outside of Plecker’s
narrow view were not—and their lives changed accordingly.
The government saw them differently, identified them dif-
ferently, treated them differently. They no longer had access
to the same public spaces, the same schools, the same ser-
vices and safety nets afforded to white people. Marriages were
invalidated. Children were separated from parents. Virginians
lost agency over who they were—all because Walter Plecker
changed a label.Changing a label is a design decision—one calculated, in this
case, to disenfranchise specific human beings.Now, most of us don’t have Walter Plecker’s job. We are,
instead, designers, developers, copywriters, strategists. We
work on the web, and we may not think our work carries that
same weight.I'm here to argue that it does. Whatever our role, we are
designers of information. Our choices alter the presentation
and flow of human knowledge. We control how people find,
understand, and use information in every facet of their lives.‘We must be very, very careful.
How designing information can change the lives and the world
Another one ! :D
2/3/22 ... U.S. formatted or E.U. formatted x)
À utiliser pour sauvegarder de simples documents :)
A list of evaluation tools recommended by the W3C-WAI.
Un exemple de site qui utilise des liens d'évitement visibles, et deux au lieu d'un: « aller au contenu », OK, mais aussi « aller à la navigation »
Going down into the mechanics with interesting stuff indeed.
SQLite est un système de BDD super, mais simple. Cependant, des extensions ont été dévelopée :+1:
Leçon:
Il faut bien sûr regarder les proportions par rapport à la population au lieu de comparer les chiffres bruts uniquement.
From brute-force to optimized algorithm
Un OS frugal pour Raspberry Pi
With Authelia you can login once and get access to all your web apps safely from the Web thanks to two-factor authentication.
Authelia is an open source authentication and authorization server protecting modern web applications by collaborating with reverse proxies such as NGINX, Traefik and HAProxy. Consequently, no code is required to protect your apps.
Replace the .com in the project with .dev to open a VS code editor online.
Or the shortcut . (dot) to go straight to this editor !
In this editor you can obviously consult all the sources of the project, but also modify them and push your changes to the github directly.
Search a specific podcast through all platforms.
Available in RSS feeds et API too.
Latest standard of the year 2022
How to program a dark theme for a website. It is easier than expected with @media (prefers-color-scheme: dark) and css variables !
Transitional apps or the apps between SPA and MPA.
These apps can deliver dynamic rendered pages, static pages or js-free pages depending of the needs.
« Des études ont montré que les enfants se tournent vers des aliments variés. »
In the configuration: "workbench.tree.indent": 20 (20 as an example of indent space amount).
Donc la directrice de la rédaction de BFMTV a dit:
« il ne faut pas trop aller à rebours de la parole officielle, puisque ce serais fragiliser un consensus social. »
A map of the lighthouses around the world 👍
- Using vue props to congru accessibility, such as headline elements
- Use component reusability to make an accessibility feature once: a raw aria-live, vue announcer, and read more on the WAI-ARIA Authoring Practices https://github.com/w3c/aria-practices/issues
-View And Help Vue’s Accessibility Initiatives Grow and references are in the post- Learn From React Accessibility Leads
- Vue’s $refs Are Great For Focus Management
Critiquer Rust sous prétexte que c’est un langage complexe conduit à passer à côté de ce qui fait sa force : il est pensé pour être expressif, ce qui signifie qu’il y a beaucoup de fonctionnalités, et dans la majorité des cas c’est ce que vous attendez d’un langage de programmation.
L'article est bien complet !
Mon avis: utiliser Go pour le code qui doit être déployé demain, Rust pour le code qui devra rester en production tel quel pour les 5 prochaines années
—Grzegorz Nosek
Display an item on scroll.
A tool similar to Shaarli: a bookmarks service that provide magic link (permalink), categories, etc...
Some are
Resting awareness
- Meditation
- Mindfulness
- Reflection
- Body scanning
- Visualization
- Note-taking
- Mindful programming
and related tips for casual cases !
Funny as it may sound, sleep is a really good technique to refresh our minds and bodies.
🤣
La qualité des appels audio passé avec le navigateur devrait être de meilleure qualité. En effet, la suppression du bruit, le contrôle automatique du gain et l’annulation de l’écho connaissent des améliorations significatives pour offrir une meilleure expérience.
+1
Le deepfake est bien réalisé, il faut oser prendre le président de la république dans une telle parodie.
Utiliser les issues de ces deux plateformes pour avoir des cheatsheets :)
Download video from the web on mobile phone. It uses yt-dlp (formerly youtube-dl) 👍
Mhmhmhm I will read it when I will need to improve my english for sure !
Mhmhmhm some truth:
- People don't want to run their own servers, and never will.
- A protocol (email encryption, video over IRC, ...) moves much more slowly than a platform (Whatsapp e2e encryption in a year)
A sure recipe for success has been to take a 90’s protocol that was stuck in time, centralize it, and iterate quickly.
there is nothing particularly “distributed” about the apps themselves: they’re just normal react websites. The “distributedness” refers to where the state and the logic/permissions for updating the state lives: on the blockchain instead of in a “centralized” database.
All the network diagrams are of servers, the trust model is between servers, everything is about servers.
And because people don't want to run their own servers, it is a problem. So here it comes:
but virtually all clients that wish to access it do so by simply trusting the outputs from these two companies without any further verification
and its thoughts to solve it
Au niveau de la liberté des licences:
WTFPL > MIT > Apache
Rendre le code libre mais limiter sa distribution est un contre-sens.
Je comprends parfaitement l’idée de RMS d’obliger les distributions d’un code libre a rester libres tout au long de chaîne : ça permet à toutes les modifs d’êtres publiques et disponibles par tous.
Mais cette obligation de liberté est en soi un privation d’une liberté (celle de faire du non libre). Si ton code était réellement libre, cette liberté ne me serait pas retirée.
Quand on est vraiment pour la liberté, on doit pouvoir accepter que son code soit utilisé pour des choses qu’on ne cautionne pas, ou distribués d’une façon qu’on ne cautionne pas.
Je ne dis pas que tout le monde devrait faire ça. Je dis juste que tout code qui ne respecte pas ça n’est pas véritablement libre.
Problems with deepcloning with JSON.stringify() / JSON.parse():
- Recursive data structures: JSON.stringify() will throw when you give it a recursive data structure. This can happen quite easily when working with linked lists or trees.
- Built-in types: JSON.stringify() will throw if the value contains other JS built-ins like Map, Set, Date, RegExp or ArrayBuffer.
- Functions: JSON.stringify() will quietly discard functions.
The solution: the function structuredClone.