Monthly Shaarli
April, 2022
Le propre des choix contraints est que la contrainte se fait oublier face à l’empressement du choix. Et comme c’est à nous qu’il revient au final de choisir, nous avons l’impression d’exercer notre libre arbitre. Mais parce que le choix contraint n’est pas l’expression d’un désir et qu’il nous invite à décider entre deux alternatives que nous ne voulons pas, nous devenons responsables d’un choix que nous avons certes fait, mais qui, pour autant, va à l’encontre de notre désir. C’est le moment où le désir cède sur la volonté.
Question pertinente: quelle est la légitimité d'un candidat élu par choix contraint ?
« A 62 ans, un quart des 5% les plus pauvres en France sont déjà morts. Il faut attendre l’âge de 80 ans pour que cette proportion soit atteinte pour les 5% les plus riches. » ‒ https://www.frustrationmagazine.fr/vieux-cons/
Et pour répondre à l'argument:
"Oui mais bon, cette génération a quand même détruit la planète en consommant comme des porcs !” On touche là à un autre aspect terriblement séduisant, pour la bourgeoisie, du prisme générationnel : il efface d’un seul coup la responsabilité d’une classe sociale, de ses dirigeants voire des individus.
Ce raisonnement est donc faussé, puisque toutes les personnes d'une génération ont des impacts différents !
Ah...
Une autre donnée étonnante lie le déclin de la pensée avec la crise climatique. Il est possible que le taux de concentration du CO2 dans l’air puisse avoir un impact physique sur nos cerveaux. Pour la première fois depuis 800 000 ans, le dioxyde de carbone présent dans l’atmosphère a dépassé les 400 ppm (partie par million). Or, à 1000 ppm, la capacité cognitive humaine chuterait de 21 %.
Une liste d'outils implémentée pour un usage perso et partagée à tous
To test he new "this probably should be an f string" checker, they generated a list of the most popular python repositories on Github by using Github's topic search API [with this script].
With the rule:
GIVEN a string does not have an f prefix
WHEN the string contains {foo}
AND foo is in scope
THEN it’s probably missing an f prefix
And minimizing the false positive such as
- The string is later used in an
str.format(…)
call orstr.format_map(…)
- The string is used in behave style test
`@when('{user} accesses {url}.')
A helper is something specific to a given project. It wouldn't generally make sense to share helpers between projects; the category.helpers.js functions really only make sense for this blog.
A utility is a generic function that accomplishes an abstract task. Pretty much every function in the lodash library is a utility, according to my definition.
I find the distinction between both useful.
C'est rageant, et en plus certains sont ensuite abandonnées. J'ai la haine contre ce genre de personne bien égoiste qui adopte des animaux comme des jouets.
The little game created by the folks at the UX design and web development studio Supremo takes your design eye to the ultimate test: You’re presented with shapes and need to decide if the dot is placed in the center. But beware, what sounds easy, is actually harder than you’d think. Will you make it through all 10 levels?
PCjs uses JavaScript to recreate the IBM PC experience, using original ROMs, CPUs running at their original speeds, and early IBM video cards and monitors, including the classic green monochrome MDA monitor and the venerable “flickery” CGA monitor.
Over time, PCjs emulations have expanded to include selected PC Compatibles and more classic machines, such as Minicomputers, Programmable Calculators, Terminals, and Arcade Games. To learn more, visit the PCjs open-source project on GitHub.
We aim to list only pointless and useless sites that are completely pointless, don't have pop ads, are original, are useless, are not offensive and make you smile - family friendly fun.
An adventure with pencil.
I made it through in the wagon 😄
and I have tested it... it works. After installation, you have to launch NoiseTorch and select it in the microphone options.
A collection of funky vectorized scribbbles to spice up your design projects.
100% vector
Customizable colors
All the searchable data are loaded into a json inside a script tag. The searchable content is made through title
, url
, date
and content
.
It uses 2.14MB used though :/ But no request
Inspiring me to do the same on my blog :)
A way to generate a gradient color depending of a main color. Applied with https://www.opensourcecolorsystem.design/system, it can be awesome :)
D'une manière général quand une machine ne répond pas bien, il s'agit de l'un des 4 goulots d'étranglement:
- le CPU
- la mémoire
- le disque
- le réseau
top/htop te permettent d'examiner la consommation CPU et mémoire.
iotop te permet de voir celle du disque.
pour le réseau, il y a nethogs.
Breakpoint: 0 200px 400px 600px 800px 1000px 1200px 1400px
├─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────┼─────────>
Slice: · xxs xs · s · m · l · xl xxl xxxl
· · · · ·
· · · at(m) · ·
· · ├────────┤· ·
· · · · ·
· · · from(m) · ·
· · ├─────────────────────────────────────────────────>
· · · ·
· · to(m) · ·
├──────────────────────────────────────┤· ·
· ·
· between(s, l) ·
├────────────────────────────┤·
Using slice instead of pixel values makes it more comfortable. I am still using the mobile-first approach.
Topics:
- Date and time formatting
- Variable names and debugging
__repr__
and__str__
- Superior performance
- Full power of formatting spec
- Nested F-Strings
- Conditionals formatting
- Lambda expressions
Il me paraît fondamental de revenir sur ce point, il n’y a pas un prof qui peut vous prédire ce que vous ferez demain. La notion d’échec ou de réussite est un concept qui n’a que peu de sens. Avoir un diplôme n’est pas un critère obligatoire de réussite ni de bonheur.
On en vient finalement à oublier que l’enseignant n’est finalement qu’un professionnel comme un autre. Il n’y a donc pas d’histoire d’amour ou de désamour, il y a juste une expertise.
Le but de l’enseignant est de contribuer à la construction de la société, expliquer à un jeune qu’il ne vaut rien, qu’il ne fera rien est totalement contreproductif. Par contre, lui mettre un coup de pied aux fesses de temps en temps, lui permettra d’avancer.
A stairwell is well suited for amplification :D
Authentication middleware framework
How it works. A great article
Why are lockfiles critical for supply chain ?
You are protected from a silent update of the package at the same version.
The articles provide a table with the different related commands 👍
Putting ️
disable the previous emoji and render it as character
︎
renders it as an emoji
Minimal web framework based on XML syntax
Focus on privacy, protection against malicious code; encryption (of everything); extending the web; make it fast; easy to publish; customization per user; first-class experience for non-English-speakers; improve accessibility
Syntax, timing function, looped animation, multi-step animation, alternating animations, shorthand values, fill modes (forwards and backwards), dynamic animations with CSS variables
I have to test this tool to organize my ideas in the right directory with contents instead of only one directory of notes !
Why? Because none of these chapters answer the most important question a reader has, the entire time, WHY!?
This is a common problems in all classic courses 🤔
I take up all of sebsauvage's points and translate them:
1) An NFT being only a pointer, the owner of the domain used in the pointer can change afterwards the pointed data.
2) Worse, one can even return different data depending on who comes to retrieve the resource.
Yes, the URL of this NFT registered in the blockchain is unalterable, but the data pointed to by this URL can change.But worse than that:
3) Almost all applications rely on APIs like OpenSea to display the contents of these pointers. But there are few such APIs, and they have in this case removed the Moxie NFT pointer.The URL of the Moxie NFT still exists in the blockchain, but the APIs no longer return it. This is a form of censorship.
The decentralization of the blockchain is completely negated by the centralization of the APIs.And finally to add to the ridiculousness of NFTs:
4) One can very well register this URL in other blockchains (there is no such thing as a single blockchain).
5) The inscription of a URL in a blockchain does not mean ownership. It's just data. The blockchain is a register (public and unalterable). The way this data is interpreted is not imposed.
Summary of new PHP features since v7.0
A service to link a mastodon account with a twitter one
The very act of recording your actions and impressions is itself powerfully mnemonic, fixing the moment more durably in your memory so that it’s easier to recall in future, even if you never consult your notes. ‒ Cory Doctorow
Une bonne action !
Let’s look at a recent paper by Xia, Bao, Lo, Xing, Hassan, & Li entitled Measuring Program Comprehension: A Large-Scale Field Study with Professionals and published in IEEE Transactions on Software Engineering, 44, 951-976, 2018. This paper is quite interesting in that it describes in great details how the figures are obtained. And it says that Comprehension took on average ~58%.
So much ?!
About the onclick
attribute and the event
variable: onclick="submit(event)"
works. But why ?
The spec shows that the string passed to a handler is combined like this:
function $name (event) { $body }
I'm not sure what $name is but $body is the string passed to the handler attribute in HTML. event is an argument. This string becomes a function through the Function constructor I'm assuming.
Stats about security flaws in the linux kernel
Quelles sont les failles de sécurité de GNU/Linux ?
Exemples et statistiques à l'appui !
- Led or to be led: be led may not be the best four you. If you want to lead, make a plan first.
- Topic sentences: After coming up with a rough outline for whatever you need to write, the next step is to write the topic sentences.
- Get excited
- Unmotivated details: why are you telling me this? → why should this person care about what I'm going to tell them?
- Slides versus speaker: one leads, the other support. This alternate in a presentation.
- Managers as input/output machines: You put into it your update and you get back feedback. The meeting is for your benefit. And more tips for running update meetings with an adviser or manager :)
- Daily progress tracking of objectives and results
50 ans après la publication du rapport Meadows, un des auteurs s'exprime sur le sujet.
Et il a des avis bien tranchés:
La transition énergétique, par exemple, implique la fermeture de tous les postes de travail liés aux industries fossiles et l’ouverture de nouveaux postes dans les énergies renouvelables. Le problème est qu’entre-temps, beaucoup d’emplois disparaissent. C’est pourquoi, selon moi, ces politiques ne peuvent qu’être menées par des États forts, à même de fournir les compensations financières nécessaires aux salariés concernés. Les entreprises privées ne pourront jamais assurer cette tâche à elles seules, car leur intérêt demeurera toujours le profit à court terme.
Aussi une assemblée d'une quainzaine de personnes entièrement dédiée au long terme avec des personnes élues à vie.
Here the grades (in seconds honoring the pug):
5: "Sr Assistant",
10: "Jr Honoror",
15: "Master Honoror",
35: "S Tier Honoror",
65: "Junior Acolyte",
105: "Acolyte",
150: "Senior Acolyte",
250: "Priest",
450: "Sage",
650: "Hermit",
1000: "Senior Hermit",
1500: "CEO",
2500: "Pope",
3500: "Underlord",
4500: "Lord",
10500: "OverLord",
20500: "King",
30500: "Anunnaki"
A curated gallery of patterns by awesome designers & illustrators
Typography, layout, color, patterns — vintage magazines provide an endless source of inspiration. If you’re up for some eye candy, the folks at Present & Correct have collected a selection of print design goodies over time.
Immersive ! Wow
Wow ! The appearance and UX is great. Every historical entry of Wikipedia on a timeline
A button that makes everything OK
Drag your cursor across the screen and watch as an empty field becomes resplendent with strawberries, sunflowers, and (figuratively) magic mushrooms. Be sure to have the sound on, too.
Mouais, je trouves quand même qu'une barre de recherche serait certe plus complexe à mettre en place, mais bien plus pratique !
Enfin, c'est cool de voir de petits projets comme celui-ci. C'est motivant !
Je découvres aussi les émojis pour l'envoi 📤 et la réception 📥 dans la partie.
A collection of websites or design resources. There is a lot to explore !
Icons, Illustrations, Elements, Emojis
A command-line client for SQLite databases that has auto-completion and syntax highlighting.
Des idées de recyclages, d'éco-conception mises en pratique. Cela fait plaisir à lire.
La simplexité est l’art de rendre simples, lisibles, compréhensibles les choses complexes
En programmation, c'est un tendance si on compare les nouvelles versions des frameworks web
Il y a un graphique des votes au premier tour de la présidentielle 2022 par classes d'âge.
Concernant les Standard Development Organisation, il y en a 3 importantes sur Internet :
IEEE aux couches basses,
IETF aux couches moyennes,
W3C aux couches hautes (HTML, CSS. . .)La normalisation est importante, elle facilite ou décourage certaines choses, elle est politique.
Selon la CNIL, et sur la base de ces deux textes [FISA et Executive Order 12333], les GAFAM (notamment) sont soumis aux injonctions des services de renseignements américains qui peuvent l’obliger à tout moment à transférer l’ensemble des données hébergées.
Selon ces termes, le cloud de confiance n'est pas compatible avec les entreprises américaines.
C'est une situation donc normal pour la société Nestlé, jusqu'à ce que ce soit livré au tribunal populaire.
But for macOS only :/
Aussi connu sous le nom de l'abbréviation Épic est juridiquement une personne morale de droit public ayant pour but la gestion d'une activité de service public de nature industrielle et commerciale.
An editor to organize the different snippets
Keyboard-friendly, accessible multi-select Svelte component.
Examples of accessible component and use cases
Grrrr
Le contenu journalistique et la publicité ne permettent pas d'avoir un contenu de qualité. Maintenant, il n'est plus possible de se référer à un article du Monde comme source valable, puisqu'il peut s'agir d'une publicité déguisée en "publireportage" 🤮
Comme le détaille l'article suivant (https://www.arretsurimages.net/articles/articles/pub-cachee-cest-prouve-les-medias-ruinent-leur-credibilite), cette pratique du "publireportage" remet en cause l'autorité des journaux traditionnels. On ne peut plus leur faire confiance quant à la qualité de l'information qu'ils nous fournissent.
An instance of the old Firefox Send. Supported by the community, especially timvisee
Junior and senior dev Point of view of a bug, and a bigger bug
A sort of MIT-based licence, in which everything not prohibited is permitted.
There is also the Normally closed licence, in which everything not permitted is prohibited
You think you are browsing the web, when in reality, Google and others are browsing you. -- extracting your experiences without your awareness, your knowledge, or your consent.
La Bibliothèque Nationale de France (BNF) propose PressReader, un kiosque numérique pour 15€ / an.
- Télécharger l'app, créer un compte sur https://inscriptionbilletterie.bnf.fr/
- Prendre la pass BNF Lecture / Culture illimitée sur https://inscriptionbilletterie.bnf.fr/
- Attendre quelques jours et recevoir le courriel
- Se connecter sur la plateforme: https://bdl.bnf.fr/bases-de-donnees-par-titre et chercher PressReader
- Se connecter
(6.) Lors de l'accès à un titre, vous verrez ce message en jaune, mais pas de panique, pour réinitialiser le compteur, il suffit de se déconnecter puis de se reconnecter depuis https://bdl.bnf.fr/bases-de-donne
Un accès rapide: https://easybnf.fr/
Cette application web permet de calculer ses revenus dépendant du TJM ou du salaire brut annuel. Il es possible de paramétrer taux de prélèvement à la source et d'inclure le .
The two pillars that a good notification is built upon: Give your users a chance to understand what they gain from notifications and ask for permission in context, not on page load.
Follow the guide https://stephaniewalter.design/blog/the-ultimate-guide-to-not-fck-up-push-notifications.
It has many tips in the article, or at least resources to studies or guide.
For ASUS laptops
A AI has produced an argumentation for piracy in 4 points:
There are a few reasons why piracy is better than paid subscriptions like Netflix. First, paid subscriptions require a credit card or some other form of payment, which can be traced back to the subscriber. This gives the subscription service the ability to track what you're watching and when you're watching it. Second, paid subscriptions are often more expensive than pirated versions of the same content. Third, paid subscriptions usually have commercials, while pirated versions often do not. Finally, pirated content is often of higher quality than the paide version, sinci it is often sources from Blu-ray or DVD copies.
The same as #gitlab does. It is pratical to have both platforms that are aligning with each other; picking the best of the other one.
progress in type systems marches inexorably forward, ruling out broader and broader classes of programs as bad. one day, type systems research will achieve the ultimate goal: to conclusively establish that all programs are bad
@lindsey
const currentSection = ref()
onMounted(() => {
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if(entry.intersectionRatio > 0) {
currentSection.value = entry.target.getAttribute('id')
}
})
document.querySelectorAll('article h2').forEach((section) => {
observer.observe(section)
})
})
then add a class to the active currentSection.
They absorb the most energy when they have the least in them. And as they get closer and closer to full, they can't absorb quite as efficiently and then there is some excess lost.
and
batteries degrades over time
Causes of degradation:
- Heat ruins the battery (high impact)
- Charging cycles
- Time (slow impact)
How to charge the phone without generating extra heat ?
- Power breaks generating heat are now near the electrical socket
- the battery is divided by two
- adding more cooling hardware
→ heat problem is covered in normal situations
So what counts ?
- around 80% battery health after 800 charges (but we don't have long-term data about these new fast charges)
Announcement for 2022 from a tech company: 80% battery health after 1600 charges.
Comme l’explique Fred Turner, professeur à Stanford et spécialiste de l’histoire de la Silicon Valley, « si on s’imagine comme un disrupteur, on n’a pas à s’imaginer comme un constructeur responsable. On n’a pas à s’imaginer comme un citoyen ». Cette disruption, produite par certains, ne doit pas effacer le travail de ceux que l’on pourrait qualifier de continuateurs. Leurs activités : enseigner dans une école, soigner à l’hôpital, travailler dans une usine, une boulangerie, un service de transport. Ce n’est pas spectaculaire. C’est souvent de la routine, des attentions simples, des actions précises, répétées. Pourtant, elles tiennent l’ensemble. Elles fabriquent une unité, une continuité.
Cowsay asking itself if it is the real life, wrapped into a cowsay, wrapped into another cowsay, recursively...
On en parle aussi du symbole de Xana, une référence à Code Lyoko 🤩
enterkeyhint
cite
(reference an URL to an<q>
,<blockquote>
,<del>
,<ins>
) anddatetime
- attributes for custom ordered lists: reversed, start, type, value
download
attribute for<a>
that has a value for the suggested file namedecoding
attribute for the<img>
element: sync or async the decoding of a picture.
Et une application tournant sous électron avec une BDD SQLite en typescript bien propre, c'est partiii.
Ou un programme Deno / NodeJS
A FLOSS multi-account Mastodon and Pleroma desktop client
Streaming rain and thunder sounds
Guess what happens if 100 kids draw monsters and 100 illustrators bring those imaginations to life? Probably something hilarious and very refreshing.
And there is a store
Kids draw monsters, then artists from all over the world recreate them in their own styles! We hope to help children recognize the power of their own imaginations and to encourage them to pursue their creative potential.
It arranges some of last year’s album releases by color to create a rainbow of cover artwork.
Chill the lion and play with other animals 🐳🥰
Black and white design and pictures that are at some point interesting
A report of all important event concerning the web
Wow une infographie qui en jette en 2D !
The list of websites to which the button redirects can be retrieved here.: https://d33wubrfki0l68.cloudfront.net/js/26bbcb8b54361103220c2c37464e688be712d14a/js/uselessweb.js
It turns out there is a project on Github: https://github.com/soops/the-useless-web
#idea #project make one such website extendable on github :)
L'ENT pris ici en exemple n'est pas compatible avec le RGPD...
It’s not the purpose of any business to give people jobs.
I think when we look back and the metaverse 100 years from now, it’ll be primarily seen as a mental health tool for human transition from being useful to being useless in the old world.
I am not sure about the last one, as the metaverse can provide an opposite effect: the real world is now pointless as everything will be better in the metaverse...
- trigonometric functions
- new viewport unites
- :focus-visible
- scroll-behavior can be smooth :)
- lazyloading images by default with an attribute
array.prototype.at
supports negative integers
A function that returns a type such as
asserts value is NonNullable<T>
A feedback about typography on the web
A collection of UI patterns from different libraries. It shows their similarities!
A browser comparator
Reminder: Google is not a search company but a tracking one.
"I don’t care if they make money off me since the service they provide is so good."
Counter-arguments:
Google doesn’t want you to learn and grow: it wants you to keep on clicking. It’s embedded in their design.
It creates an Internet bubble for each user:
This sort of curation has spread all across the internet, creating bubbles of single individuals and an illusion of connectivity rather than actual empathy, compassion and connection to the world.
This sort of curation has spread all across the internet, creating bubbles of single individuals and an illusion of connectivity rather than actual empathy, compassion and connection to the world.
If almost literally everyone uses Google, then any project, person or company that wants to succeed must abide to Google’s rules.
From Yuval Harari writer in sapiens:
“One key rule is that if you get my data, the data should be used to help me and not to manipulate me. Another key rule, that whenever you increase surveillance of individuals you should simultaneously increase surveillance of the corporation and governments and the people at the top. And the third principle is that — never allow all the data to be concentrated in one place. That’s the recipe for a dictatorship.”
Une infographie animée donnant pour chaque groupe sanguin (et rhésus), les receveurs potentiels.
Ou sinon :
A+ 🩸 A+ AB+
A- 🩸 A+ A- AB- AB+
B+ 🩸 B+ AB+
B- 🩸 B+ B- AB+ AB-
O+ 🩸 O+ A+ B+ AB+
O- 🩸 O+ A+ B+ AB+ O- A- B- AB-
AB+ 🩸 AB+
AB- 🩸 AB+ AB-
Another one to test. It looks ok though
Une extension dédiée.
For firefox: https://addons.mozilla.org/en-US/firefox/addon/fake-data-haterapps/
Ma vision des choses en 3 étapes :
- Je fais ce que je dis, 👍
- je dis ce que penses, 👆
- je penses ce que je veux.🖕
The official paper behind the DALL-E 2 artificial intelligence that can generates art based on a text description. The level of realism is god-damn impressive
- flexbox
- CSS grid
- CSS Custom properties
- Preference Queries
- Color changes
- Variable fonts
- Paths
- CSS filters
- Houdini
- Shadow DOM
- Native CSS modules
And coming: container queries, container units, native nesting, scoping, cascade layers, :has()
selector, @scroll-timeline
A big one !
Concernant la gestion des notes et des extraits de livres, Ann M. Blair fait une distinction intéressantes entre une deux modes de prise et de gestion de notes :
- lorsqu’elles sont faite avec un objectif de produire quelque chose de précis comme écrire un article ou un livre,
- lorsqu’elles ont pour but premier de servir à la réflexion personnelle et d’aide mémoire, voire quand prendre des notes est un plaisir en soit qui n’amène aucune suite.
A schema of skills about influence, technology, system, people and process
But as Forbes reports, they have done it officially for tracking the chinese opioid sales.
Since the beginning of the year, 100 millions of request are made everyday. A record is registered the 10th of january with 110 millions of requests.
Stats about DDG are available here: https://duckduckgo.com/traffic
The "utf8" encoding only supports three bytes per character. The real UTF-8 encoding - which everybody uses, including you - needs up to four bytes per character.
So use utf8mb4
DDoS attack, distributed denial of service attack. ➡️ attaque collective par saturation de service (ACSS).
denial of service attack, DoS attack. ➡️ attaque par interruption de service (AIS).
distributed denial of service attack, DDoS attack. ➡️ attaque collective par saturation de service.
DoS attack, denial of service attack. ➡️ attaque par interruption de service.
phreaking, telephone hack, telephone hijack. ➡️ escroquerie téléphonique.
SIM swapping. ➡️ usurpation de carte SIM.
swatting ➡️ alerte malveillante.
telephony denial of service (TDoS). ➡️
attaque par saturation téléphonique (AST).
A good alternative to makefiles, that I can not master yet.
Tasks is on the contrary explicit !
How to fingerprint, with CSS and the according project: https://github.com/OliverBrotchie/CSS-Fingerprint
Ready to use 3D background effects
Un exemple
May be useful someday
There is no institution that regularly releases new versions of the web, and recently happily announced this one.
I totally agree. The web is now a bunch of technologies together: older ones and new ones. Both useful for some cases.
Signaler un SMS en tant que SPAM:
La procédure consiste, dès lors qu’un SMS indésirable est envoyé par un éditeur indélicat :
- à transférer le SMS vers la plateforme en composant le numéro 33700 (le SMS est gratuit) ;
- la plateforme 33700 envoie un accusé de réception et demande au consommateur de transmettre le numéro d’envoi de l’émetteur ;
- le consommateur envoie un second SMS avec le numéro de l’émetteur (SMS gratuit) ;
De même qu'une démarche à suivre pour les appels indésirables ou spam vocal.
Dans le cas des courriers électroniques indésirables, la police judiciaire, et notamment sa plateforme Pharosinvite les utilisateurs à signaler les courriers électroniques indésirablessur le site de l’association Signal Spam(https://www.signal-spam.fr/)