Monthly Shaarli

All links of one month in a single page.

April, 2022

Usbek & Rica - Du « choix contraint », ou quand voter « contre » n’est pas pour autant voter « pour »

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 l’âge de la retraite, 25% des plus pauvres sont déjà morts – Libération

« 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 !

Usbek & Rica - « Nos petits-enfants en sauront probablement moins sur le monde dans lequel ils vivent que nous »

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 %.

divers - lehollandaisvolant.net

Une liste d'outils implémentée pour un usage perso et partagée à tous

We fixed f-string typos in 69 of the most popular Python repos in only one day. Here’s how. – Higher Tier Systems

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 or str.format_map(…)
  • The string is used in behave style test `@when('{user} accesses {url}.')
Delightful React File/Directory Structure

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.

Usbek & Rica - « Les servals ne sont pas faits pour vivre comme des chats domestiques »

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.

scriptex/awesome-useless-websites: A curated list of pointless yet funny websites
It's Centred That | Test Your Designer Eye

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 Machines

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.

PointlessSites.com - Fun Things To Do When You're Bored

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.

Short Trip - Alexander Perrin

An adventure with pencil.

I made it through in the wagon 😄

lawl/NoiseTorch: Real-time microphone noise suppression on Linux.

and I have tested it... it works. After installation, you have to launch NoiseTorch and select it in the microphone options.

Le Filament - Pourquoi une Scop ?
plausible/analytics: Simple, open-source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
scribbbles

A collection of funky vectorized scribbbles to spice up your design projects.

100% vector
Customizable colors

Recherche — David Larlet

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 :)

create-color-palette - CodeSandbox

A way to generate a gradient color depending of a main color. Applied with https://www.opensourcecolorsystem.design/system, it can be awesome :)

Qu'est-ce qu'un TTY sous Linux? (et comment utiliser la commande tty) - Moyens I/O - Shaarli ¦ Orangina Rouge - Liens en vrac de sebsauvage

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.

Partager une clé secrète entre plusieurs personnes : la méthode de Shamir • Tutoriels • Zeste de Savoir
lolmaus/breakpoint-slicer: Slice media queries with ease
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.

Martin Heinz | Python f-strings Are More Powerful Than You Might Think

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
Le prof ne m'aime pas - Restez Curieux !

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.

Drunken Sailor//Sea Shanty IN A STAIRWELL - YouTube

A stairwell is well suited for amplification :D

Passport.js

Authentication middleware framework

Epic April Fools Prank - Drone QR Code - Epic Rick Roll | Dallas Texas - YouTube
GPS – Bartosz Ciechanowski

How it works. A great article

Plan de carrière IT | BUILD RH
Usbek & Rica - Timothée Chalamet, Angèle, Fary… Quelles sont les références culturelles de la génération Z ?
r2c blog — The best free, open-source supply-chain security tool? The lockfile

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 👍‍

Disable Emoji - Stop Rendering HTML Code as Emoji - ShellHacks

Putting &#xFE0F; disable the previous emoji and render it as character
&#xFE0E; renders it as an emoji

Alpine.js

Minimal web framework based on XML syntax

The web is for everyone: Our vision for the evolution of the web

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

Être développeur free-lance ou salarié en entreprise : deux expériences complémentaires | by Linkvalue | Blog Linkvalue — société de conseil IT
An Interactive Guide to CSS Keyframe Animations with @keyframes

Syntax, timing function, looped animation, multi-step animation, alternating animations, shorthand values, fill modes (forwards and backwards), dynamic animations with CSS variables

Difficile autonomie universitaire dans le numérique
Obsidian

I have to test this tool to organize my ideas in the right directory with contents instead of only one directory of notes !

Voici pourquoi vous devriez vous intéresser à Linux en 2022
GNU Taler
convert web pages to Kindle (mobi), ePub, and PDF files. :: Txtpaper
Teaching how to code is broken

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 🤔

Casque vélo, quelques chiffres et sources – Carnet de notes
Pour prouver que c'est de la merde, le fondateur de Signal piège un NFT avec un émoji caca | korii.

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.

Modern PHP | Dimitrios Lytras

Summary of new PHP features since v7.0

Sortie de Python 4.0 🐟 • Billets • Zeste de Savoir
Moa

A service to link a mastodon account with a twitter one

CSS { In Real Life } | A Blog Post About Blogging

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

Ça y est : Google se convertit au bouton « tout refuser » pour les cookies - Numerama

Une bonne action !

Developers spend most of their time figuring the system out

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 ?!

HTML event handler attributes: down the rabbit hole

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.

wg-securing-critical-projects/The_state_of_the_Linux_kernel_security.pdf at main · ossf/wg-securing-critical-projects

Stats about security flaws in the linux kernel

Linux et la sécurité, tel un désert et un oasis ?

Quelles sont les failles de sécurité de GNU/Linux ?
Exemples et statistiques à l'appui !

Lessons from my PhD - Austin Z. Henley
  • 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
What If Our Sliders Actually Slid? — Smashing Magazine
Usbek & Rica - « Il n’y aura pas d’effondrement global mais des effondrements sociaux et localisés »

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.

HOOOOOOOOOOOOOO!

#idea #project

Do this smoothly (depending of the user preferences) on the same website to avoid redirections

The Pug In A Rug

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"

Pattern Collection - CodeinWP

A curated gallery of patterns by awesome designers & illustrators

Present&Correct – SUNDRIES FOR THE MODERN WORKSPACE

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.

The Boat | SBS

Immersive ! Wow

Histography - Timeline of History

Wow ! The appearance and UX is great. Every historical entry of Wikipedia on a timeline

The Long Doge Challenge
The magic button — Make Everything OK

A button that makes everything OK

drawing.garden

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.

UNIBAR

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.

Design Resources

A collection of websites or design resources. There is a lot to explore !

Worldvectorlogo: Brand logos free to download
Download 99,109 Streamline Icons (22+ free sets)

Icons, Illustrations, Elements, Emojis

dbcli/litecli: CLI for SQLite Databases with auto-completion and syntax highlighting

A command-line client for SQLite databases that has auto-completion and syntax highlighting.

3615 Quinenveut on Twitter: "Les Français voient trop souvent le verre à moitié vide, au point que certains finissent par s’imaginer vivre dans un pays terrible... Essayons cette fois de voir le verre à moitié plein ! Enfilade à dérouler avec plein de graphiques🧵 https://t.co/dRYdf2dld2" / Twitter
L'ANSSI peine à recruter
Designeuse, architecte, ingénieure, scientifique... Les moteurs de la low-tech à Strasbourg

Des idées de recyclages, d'éco-conception mises en pratique. Cela fait plaisir à lire.

Simplexité — Wikipédia

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

Usbek & Rica - Génération climat : « Plus la politisation écologique est forte, plus cela favorise Jean-Luc Mélenchon »

Il y a un graphique des votes au premier tour de la présidentielle 2022 par classes d'âge.

Derrière d'ennuyeuses normes techniques, des enjeux stratégiques (0/1) - ege-normalisation.pdf

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.

2 ans après… Les transferts de données aux Etats-Unis sont toujours illégaux | InterHop

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.

Enquête accablante dans une usine de pizzas Buitoni

C'est une situation donc normal pour la société Nestlé, jusqu'à ce que ce soit livré au tribunal populaire.

Zas Editor: A Capable and Fast Code Editor for macOS

But for macOS only :/

Établissement public à caractère industriel et commercial en France — Wikipédia

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.

massCodeIO/massCode at v2.0.0-beta.1

An editor to organize the different snippets

Svelte MultiSelect

Keyboard-friendly, accessible multi-select Svelte component.

No Style Design System

Examples of accessible component and use cases

The Internals of PostgreSQL : Introduction
Vos médias préférés font passer des pubs pour des articles - Par Loris Guémart | Arrêt sur images

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.

Send

An instance of the old Firefox Send. Supported by the community, especially timvisee

FOV

Junior and senior dev Point of view of a bug, and a bigger bug

normally-open-closed/normally-open.md at main · berneout/normally-open-closed

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

contrachrome.com/comic/198/

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.

Usbek & Rica - Pourquoi la santé mentale est-elle encore si taboue en France ?
Siℓvè𝐫ε ᵐ𝑒ʳ𝐂i𝒆r on Twitter: "Aujourd'hui je vais vous expliquer comment avoir accès parfaitement légalement à un kiosque de plusieurs centaines de journaux et de magazines (dans le Monde, le Figaro) pour une somme RIDICULE par mois. => Thread https://t.co/4kT6RbP3zi" / Twitter

La Bibliothèque Nationale de France (BNF) propose PressReader, un kiosque numérique pour 15€ / an.

  1. Télécharger l'app, créer un compte sur https://inscriptionbilletterie.bnf.fr/
  2. Prendre la pass BNF Lecture / Culture illimitée sur https://inscriptionbilletterie.bnf.fr/
  3. Attendre quelques jours et recevoir le courriel
  4. Se connecter sur la plateforme: https://bdl.bnf.fr/bases-de-donnees-par-titre et chercher PressReader
  5. 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/

Digital Markets Act - Une loi globale pour briser les monopoles et réglementer les grands groupes (Gafam & Co.) | Ostraca Blog
in-my-pocket

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 .

Useful UX Guidelines, Tools And Resources — Smashing Magazine

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.

ASUS NoteBook Linux

For ASUS laptops

Pourquoi le piratage est mieux que les abonnements payants ?

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.

Start working on GitHub Issues faster | The GitHub Blog

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.

Lindsey Kuper on Twitter: "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" / Twitter

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

Dynamic Scroll States with Intersection Observer + Vue - YouTube
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.

Does Fast Charging ACTUALLY Ruin Your Battery? - YouTube

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:

  1. Heat ruins the battery (high impact)
  2. Charging cycles
  3. 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.

Usbek & Rica - « La vie n’est pas une startup » : et si on arrêtait de s'auto-disrupter ?

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é.

All the user-facing states – Eric Bailey
Command Line Magic on Twitter: "echo "Is this real life?" | cowsay -n | cowsay -n | cowsay -n | cowsay -n https://t.co/RGHccChCLE" / Twitter

Cowsay asking itself if it is the real life, wrapped into a cowsay, wrapped into another cowsay, recursively...

anonymous animal
Reims et Strasbourg en pixels sur r/Place, fresque artistique créée par des internautes du monde entier sur Reddit

On en parle aussi du symbole de Xana, une référence à Code Lyoko 🤩

Those HTML Attributes You Never Use — Smashing Magazine
  • enterkeyhint
  • cite (reference an URL to an <q>, <blockquote>, <del>, <ins>) and datetime
  • attributes for custom ordered lists: reversed, start, type, value
  • download attribute for <a> that has a value for the suggested file name
  • decoding attribute for the <img> element: sync or async the decoding of a picture.
Utiliser une base de données SQLite avec TypeScript

Et une application tournant sous électron avec une BDD SQLite en typescript bien propre, c'est partiii.

Ou un programme Deno / NodeJS

Discover Sengi

A FLOSS multi-account Mastodon and Pleroma desktop client

One Square Minesweeper

#idea #project do a 2 squares of it 😂

Rainy Mood • #1 Rain Sounds • Sleep & Study

Streaming rain and thunder sounds

Monster Gallery – 2017 — The Monster Project

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.

2020 - Album Colors Of The Year

It arranges some of last year’s album releases by color to create a rainbow of cover artwork.

Moments of Happiness

Chill the lion and play with other animals 🐳🥰

THE AFRIX - BLACK FLAG

Black and white design and pictures that are at some point interesting

The Web's Timeline

A report of all important event concerning the web

Star Wars IV, A New Hope - SWANH.NET Star Wars Infographic

Wow une infographie qui en jette en 2D !

The Useless Web

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 :)

Et l'ENT, il est RGPD ? - Warrior du Dimanche

L'ENT pris ici en exemple n'est pas compatible avec le RGPD...

A Disturbing Idea About Business and Human Workers - Daniel Miessler

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...

CSS { In Real Life } | Exciting Times for Browsers (and CSS)
  • trigonometric functions
  • new viewport unites
  • :focus-visible
  • scroll-behavior can be smooth :)
  • lazyloading images by default with an attribute
  • html element to get a modal with all the accessibility stuff baked right in ([demo](https://codepen.io/una/pen/dyJRwvG))
  • array.prototype.at supports negative integers
Assertion Functions in TypeScript — Marius Schulz

A function that returns a type such as

asserts value is NonNullable<T>
Typography is impossible. The practical guide to why laying out… | by Marcin Wichary | Medium Engineering

A feedback about typography on the web

Design Systems Repo | A Collection of Design System Resources
Home | Open UI

A collection of UI patterns from different libraries. It shows their similarities!

Carte mentale (pourquoi et comment utiliser cet outil incroyable)
Former Mozilla exec: Google has sabotaged Firefox for years | ZDNet
PrivacyTests.org: open-source tests of web browser privacy

A browser comparator

Creeped out: this is how much power we have given Google in exchange of comfort, convenience and pictures of cats. | by Sentinel | Medium

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.”

Exercice de math à destination des sans-honte et de la bourgeoisie - Le Hollandais Volant

Again...

Qui peut recevoir votre sang ?

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-

Skelet. — a contemporary CSS & HTML5 boilerplate

Another one to test. It looks ok though

Comment remplir les formulaires avec de fausses données personnelles ?
Note: « Ma vision des choses… » - Shaarli ¦ Orangina Rouge

Ma vision des choses en 3 étapes :

  • Je fais ce que je dis, 👍
  • je dis ce que penses, 👆
  • je penses ce que je veux.🖕
home sweet homepage
dall-e-2.pdf

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

What's New Since CSS3 in 2015? | CSS-Tricks - CSS-Tricks
  • 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

Security List 🔐

A big one !

[archiloque.net] Fiche de lecture : “Too much to know: managing scholarly information before the modern age”

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.
Engineering Ladders – Carnet de notes

A schema of skills about influence, technology, system, people and process

WhatsApp Ordered To Help U.S. Agents Spy On Chinese Phones—No Explanation Required

But as Forbes reports, they have done it officially for tracking the chinese opioid sales.

DuckDuckGo dépasse les 100 milliards de requêtes

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

In MySQL, never use “utf8”. Use “utf8mb4”. | by Adam Hooper | Medium

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

Article - Vocabulaire des télécommunications (liste de termes, expressions et définitions adoptés) - Légifrance

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).

TaskFile - Une belle alternative à Makefile

A good alternative to makefiles, that I can not master yet.

Tasks is on the contrary explicit !

CSS-Based Fingerprinting | CSS-Tricks - CSS-Tricks

How to fingerprint, with CSS and the according project: https://github.com/OliverBrotchie/CSS-Fingerprint

Vanta.js - Animated 3D Backgrounds For Your Website

Ready to use 3D background effects

L’utilisation de Google Analytics viole le droit européen, selon l’autorité autrichienne de protection des données – EURACTIV.fr

Un exemple

How To Make A Drag-and-Drop File Uploader With Vue.js 3 — Smashing Magazine

May be useful someday

CSS { In Real Life } | The Web Doesn’t Have Version Numbers

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.

SMS, appels et courriers électroniques indésirables et/ou frauduleux | Arcep

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 :

  1. à transférer le SMS vers la plateforme en composant le numéro 33700 (le SMS est gratuit) ;
  2. la plateforme 33700 envoie un accusé de réception et demande au consommateur de transmettre le numéro d’envoi de l’émetteur ;
  3. 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/)