Monthly Shaarli

All links of one month in a single page.

October, 2022

Templating in HTML | Kitty Giraudel

About the <template> element.

Toubib 🩺 | Just A Word 📚 on Twitter: "Demain, vous serez soignés si vous avez de la chance, si vous êtes riches ou si vous connaissez des gens. Demain, le « mal-soin », un Thread ⤵️" / Twitter

Je poses cela là

SankeyMATIC: A Sankey diagram builder for everyone

Useful to create diagrams of flows that merges or split themselves

DiscMaster

11.4 TB of data from discs ! They are adding more data every day :)

It is definitely cool that we can grab these data for free

html - CSS grid wrapping - Stack Overflow

When using auto-fill, the items will grow once there is no space to place empty tracks.

When using auto-fit, the items will grow to fill the remaining space because all the empty tracks will be collapsed to 0px.

L’« inacceptable abattage » des bouquetins a commencé

Les premiers bouquetins du Massif du Bargy sont tombés sous les balles ce lundi matin, le 17 octobre. L’abattage va durer deux jours et pourrait concerner jusqu’à 75 animaux. Décidée par le préfet de Haute-Savoie, cette opération est vivement dénoncée par France Nature environnement (FNE) et la Ligue de protection des oiseaux (LPO).

Le préfet de Haute-Savoie a même interdit l’accès au site pendant ces deux jours, ceci en raison des « nombreux opposants susceptibles de s’installer au sein du massif du Bargy et de s’interposer lors de la réalisation [de ces opérations] » et ce en mettant en avant « la sécurité de tous ».

Les bouquetins des Alpes — espèce protégée — sont suspectés d’avoir transmis la brucellose à un bovin en novembre 2021. Sous pression des éleveurs et producteurs de reblochon, le préfet avait ordonné par arrêté du 17 mars 2022 l’abattage indiscriminé de 170 bouquetins sur les 370 peuplant le massif du Bargy. Un arrêté finalement suspendu par le tribunal administratif de Grenoble en mai 2022.
95 % des bouquetins testés étaient sains

« En dépit de cette décision de justice, le préfet de Haute-Savoie a déposé un nouveau projet d’arrêté en juillet 2022 pour autoriser l’abattage des bouquetins qui n’ont pas encore pu être capturés et testés, soit 75 individus, ce qui demeure inacceptable », s’insurge la LPO.

C'est une espèce protégé, mais le préfet en a décidé autrement...

De son côté, la FNE rappelle que cet abattage des bouquetins ne réglera en rien l’épidémie. « D’abord parce qu’il est impossible de tous les éliminer, ensuite parce que ce genre d’opération entraîne la dispersion [de l’espèce]. »

Free Web Development Resources

In bulk and there is a lot!

Marko ⚡ Denic on Twitter: "Websites to find remote jobs: 🔹 Hired 🔹 FlexJobs 🔹 Jobspresso 🔹 Remote OK 🔹 JustRemote 🔹 JS Remotely 🔹 DailyRemote 🔹 Remote Leaf 🔹 Remote Work 🔹 RemoteLeads 🔹 Remotely Jobs 🔹 AngelList Talent 🔹 We Work Remotely" / Twitter

🔹 Hired
🔹 FlexJobs
🔹 Jobspresso
🔹 Remote OK
🔹 JustRemote
🔹 JS Remotely
🔹 DailyRemote
🔹 Remote Leaf
🔹 Remote Work
🔹 RemoteLeads
🔹 Remotely Jobs
🔹 AngelList Talent
🔹 We Work Remotely

2022-09-22 DjangoCon EU - htmx - Google Slides

A feed back of a Django-React SaaS to a Django-Htmx :)

Note: Generate a user-agent

#idea #project
Based on preferences, generate a realistic User-Agent :)

The Art of Scrap

Utiliser des solutions plus faciles en premier:

  1. une API documentée
  2. une API utilisée par le service web en question
  3. Flux RSS, websockets
    • Les flux RSS ont tendance à être très utiles pour tout ce qui ressemble de près ou de loin à un blog.
  4. Parser le HTML

J'avais toujours utilisé le 1 ou le 4 :u

Vous venez de trouver une API sur un site internet et souhaitez l’utiliser dans du code, tout a l’air similaire mais quand vous exécutez votre requête vous obtenez une erreur.

Dans 90 % du temps, c'est un problème de User-Agent.

Pour éviter de surcharger un site:

Google Cache est un outil de Google qui garde une version en cache d’un site web, pour l’utiliser il suffit de remplacer par le lien que vous souhaitez scraper, vous n’ interagissez pas directement avec le site, mais bien avec Google cache.
https://webcache.googleusercontent.com/search?ie=UTF-8&q=cache:

C'est pas le pingouin… · Boris Schapira

Excellent !

Idée: agrandir la liste :D

Nanterre : que se passe-t-il au lycée Joliot-Curie, théâtre de violents affrontements entre élèves et forces de l'ordre après un blocus ?

Les propos rapportés sont sidérants

La dette technique : une supercherie mythologique pour galériens de l’IT | by Quentin ADAM | Medium

Tout est question d'investissement

160 milliards d’aides publiques par an : un « pognon de dingue » po... | Mediapart

Selon une étude réalisée par des chercheurs lillois....

depuis quand faut-il des chercheurs pour étudier les comptes de l'état?

Recalibré, Next INpact se réorganise et va de l’avant

👍

Software engineering practices

Good practices !
✅ on my personal projects

  • Documentation in the same repo as the code ✅
  • Mechanisms for creating test data
  • Rock solid database migrations
  • Templates for new projects and components
  • Automated code formatting ✅
  • Tested, automated process for new development environments ✅
  • Automated preview environments ✅

As a result, to avoid downtime you need to design every schema change with this in mind. The process needs to be:

  1. Design a new schema change that can be applied without changing the application code that uses it.
  2. Ship that change to production, upgrading your database while keeping the old code working.
  3. Now ship new application code that uses the new schema.
  4. Ship a new schema change that cleans up any remaining work—dropping columns that are no longer used, for example.
Building a Next-Level Code Playground / Sandbox / REPL with Sandpack

Integrate a code sandbox with live edit functions directly in pages. I am totally for it ! :D

Here is a guide

Yes, accessibility is also a backend concern – Eric Bailey

Things to consider :

Les mensonges d’Air France sur ses vols « écolos »
  1. Reforestation, quel est son impact? On n'en sais rien!

  2. Contribuer au carburants alternatifs:cela représente maximum 50% des réservoirs des avions, et actuellement 1%, soit 0,4%. Ce n'est donc pas durable et permettra uniquement de diviser au maximum les GES par 2.

  3. Il n'y a pas qu'uniquement du CO2 est émis, il y aussi des oxydes d'azotes et des traînées de condensation.
    En prenant en compte toutes les émissions:

    En effet, si l’aviation est responsable de 2,5 à 3 % des émissions de CO2 mondiales, elle l’est à hauteur de 5 à 6 % du réchauffement de la planète.

contribuer au développement futur des énergies biosourcées ou de synthèse ne peut permettre de réduire les émissions de gaz à effet de serre dues à un vol réalisé aujourd’hui.

Donc les passagers prenant cette option environnement paie pour un investissement... que les sociétés devraient faire par elle-même.

Demindiro/agreper: Minimal, no-JS web forum software

A small project but cool :D

Lorsqu’éclatera la bulle publicitaire | ploum.net

Postuler que la publicité est un business « honnête » revient à dire que ces milliards d’euros ne seraient pas dépensés sans elle. Et donc revient à démontrer que la publicité appauvrit la population d’une manière démentielle en entrainant une surconsommation qui détruit littéralement la planète.

Lorsque vous achetez des publicités chez un de ces géants, tout ce qu’ils vous offrent en échange sont… des chiffres qu’ils inventent.

Parce que ce sont des boîtes noires et que personne ne peut vérifier le nombre d'affichage, etc...

Le géant Procter&Gamble a d’ailleurs annoncé avoir coupé complètement tous ses budgets publicitaires pour les réseaux sociaux et n’avoir perçu absolument aucune différence dans les ventes.

Avec mes 2500 followers sur Facebook, j’avais découvert à l’époque que chaque message touchait en moyenne 1%, mais que, en payant, je pouvais monter à 5% voire 10% de « ma communauté ». Facebook me faisait croire que j’atteignais un public alors qu’en réalité, je devais payer pour contacter moins de gens que si je leur avais conseillé de s’abonner par mail ou RSS.

En fait, de manière générale, tout fournisseur qui prétend vous vendre l’observation de métriques décidées par lui, mesurées par lui et optimisées par lui est par essence un escroc.

Briser l’incroyable puissance de ces monopoles morbides ne passe pas par l’utilisation d’alternatives ou de succédanés, mais par la réalisation profonde que nous n’avons tout simplement pas besoin d’eux.

I Quit Drinking For 15 Months. Here’s Some Bittersweet Truths I Learned. | by Leslie Scarbrough | Aug, 2022 | Medium
Rethinking Star Ratings For Readers — Smashing Magazine

5 stars rating sucks.

  • Check if readers mark their readings as "favorite"
  • What they enjoyed with this book. Every quality a reader chooses gets added to traits others have chosen.
  • Add a "wished" list: users would mention what they would have liked to find in it
  • The users are prompted to share their thoughts and receive suggestions to hone their feedback. The suggestions range dynamically, depending on a reader’s earlier choices.

Generating trust, meaningful usage of time, and clarity among users builds a safer environment for genuine conversation to spread, so comments should be protected from elements that detract from them.

and what readers can do today?. Write a review in 5 points (extracted from a book review):

  • Explain why you chose your rating.
  • List common qualities you enjoyed. Even better, write a sentence to say why you enjoyed specific qualities.
  • Discuss a point (or several) that you found important.
  • Mention what you wish you had known before.
  • link to other that you think you best sum up your perspective.
soxoj/maigret: 🕵️‍♂️ Collect a dossier on a person by username from thousands of sites

Maigret collects a dossier on a person by username only, checking for accounts on a huge number of sites and gathering all the available information from web pages. No API keys required. Maigret is an easy-to-use and powerful fork of Sherlock.

Traditional Packaging is not Suitable for Modern Applications | TheEvilSkeleton

In Layman’s terms, a container is a box in which we can put things inside and use them separately without affecting the central system (host).

👍 A simple definition

An example is provided about "traditional packaging" tools clashes when installing binary names: example of VSCode and Code - OSS.

Another issue:

For example, if an application recently updated, and requires dependency A version 1, but the distribution only ships dependency A version 0.9. It would not be ideal for upgrading the application, as the distribution will not meet the requirements.

The author suggests using containers to solve it using containers. He recommends Nix and Flatpak.

The only short-term issue is: toolkits, frameworks, and applications have to adopt these standards.

ToughSF on Twitter: "Nuclear waste that buries itself deep underground: 'self-sinking capsules' use the heat of radioactive decay to melt a channel through the ground and then sink through it as they are denser than molten rock. Eventually it freezes in place at -100 km. https://t.co/tVXccW063t https://t.co/IJdzLv3Qn7" / Twitter

Why not?
Nuclear waste going deep into the Earth so we don't have much trouble with it anymore.

unjs/ohash: Super fast hashing library based on murmurhash3 written in Vanilla JS

Unjs projects are definitely worth trying!

Web APIs | MDN

References the web APIs, where a lot of answers of stackoverflow can be found

Le grand retour du sabotage

De manière plus générale, un tiers des Français disent comprendre le recours à des actes violents pour s’opposer à des décisions politiques. Ce sentiment est partagé par 15 % des plus de 65 ans et par 47 % des 18-24 ans, selon une étude de Harris Interactive. Ces chiffres sont complètement inédits sous la Ve République.

le chercheur Manuel Cervera-Marzal [... illustre] « les parcours de radicalisation express des militants écologistes ». Cette transformation s’explique, selon lui, de plusieurs manières : l’aggravation objective de la situation, le sentiment d’urgence et d’impuissance qui ronge les activistes et le tournant autoritaire du pouvoir.

Parler de « contre violence »: renvoyer la violence reçue.

Types de sabotage:

  • La manif action: le sabotage prend alors une dimension collective. Au cours d’une manifestation, des dizaines voire des milliers de personnes s’attaquent à des infrastructures écocidaires, les mettent hors d’état de nuire et revendiquent publiquement le geste.
  • L'action clandestine: pratiqué le plus souvent de nuit et à visage couvert, ce type de sabotage cherche moins à être médiatique qu’efficace, et à provoquer le maximum de dégâts.
  • Le micro-sabotage: par l'exemple, La Ronce appelait déboucher des paquets de sucre dans les magasins pour cibler le lobby de la betterave responsable, selon eux, de la réintroduction des néonicotinoïdes. Ils proposaient aussi de neutraliser les terminaux de paiement des stations Total ou peindre le QR code de trottinettes électriques.
  • Le détournement ou sabotage subtil consiste à se jouer des dispositifs technologiques, à les détourner voire à se les réapproprier.
"Your browser may not be compatible with all the features on this site."

We should all be very concerned if some websites are indeed implying that anything other than a Chromium-based browser is now obsolete. The prospect of an Internet that is only accessible with Chromium-based browsers should horrify everyone.

Indeed

Samuel Path on Twitter: "L'industrie où tu travailles détermines en grande partie ta rémunération potentielle. Exemple : Shopify vs Carrefour en 2021 : - CA : 4,61B$ vs 81,25B€ - Bénéfices : 2,91B$ vs 1,07B€ - CA/Bénef : 63% vs 1,3% - Employés : 10k vs 320k - Bénef/Employé : 291k$ vs 3343,75€ https://t.co/9XDNdcT8bE" / Twitter

L'industrie où tu travailles détermines en grande partie ta rémunération potentielle.

Shopify vs Carrefour en 2021 :

  • CA : 4,61B$ vs 81,25B€
  • Bénéfices : 2,91B$ vs 1,07B€
  • CA/Bénef : 63% vs 1,3%
  • Employés : 10k vs 320k
  • Bénef/Employé : 291k$ vs 3343,75€
Dear 20–25 Years Old. We are still 20’s. Don’t act as if our… | by katakurik | Medium

In my opinion, what is the cause of our anxiety, emotions, sadness, anger, sense of disappoint, and so on is that we don’t fucking know our priority.

“Give me six hours to chop down a tree and I will spend the first four sharpening the axe.” — Abraham Lincoln

Lesson: learn a lot, as much as possible.

As John C. Maxwell said, “Live to learn, and you will learn to live.”

I Fooled Millions Into Thinking Chocolate Helps Weight Loss. Here's How.

This journalist has shown that bogus scientific studies can be picked up uncritically in the media. So he set up bogus studies with real protocols, the results are perfectly dubious, but he was able to spin it very easily, and the information was picked up by a great many media.

We landed big fish before we even knew they were biting. Bild rushed their story out. [...] Soon we were in the Daily Star, the Irish Examiner, Cosmopolitan’s German website, the Times of India, both the German and Indian site of the Huffington Post, and even television news in Texas and an Australian morning talk show.
Almost no one asked how many subjects we tested and no one reported that number.

And his "Institute of Diet and Health" which published the study was... just a website.

But it’s hard to focus attention on the science of obesity, he says. “There’s just so much noise.”
The only problem with the diet science beat is that it’s science. You have to know how to read a scientific paper—and actually bother to do it.

Blog Stéphane Bortzmeyer: Il y a des cas où la chaine de blocs n'est pas utile

L'intérêt de la chaîne de blocs est ailleurs : dans le fait qu'elle est pair-à-pair, que n'importe qui puisse y écrire, et qu'un consensus émerge entre des entités qui ne se font pas mutuellement confiance.

Dans le cas de l'université, seulement une autorité peut y écrire. Aucun autre détail est donné, donc

Une faiblesse courante avec les chaînes de blocs est que peu de gens vérifient directement sur la chaîne, pourtant la seule source fiable. Ils passent en général par un système centralisé.

Si on veut avoir un système en append-only, qu'on utilise la blockchain uniquement pour éviter des modifications, alors Append-only data structures are for you.

Mario Fusco 🇪🇺🇺🇦 on Twitter: "I thought the same till some times ago, but now I disagree. if you're commenting to explain the how and the what, then yes, you're doing it wrong. If you are commenting the why, it makes sense and it could save hours of rediscovering what was obvious only while writing it." / Twitter

I thought the same till some times ago, but now I disagree.

if you're commenting to explain the how and the what, then yes, you're doing it wrong.

If you are commenting the why, it makes sense and it could save hours of rediscovering what was obvious only while writing it.

👍

The wasted potential of attribute selectors in CSS by Elise Hein

More recently, the idea to treat attribute selectors on par with classes as first-class citizens has been proposed more widely. We’re no longer talking about edge cases, but challenging the very defaultness of classes, all while not giving up that sense of structure that many of us look for in CSS naming conventions.

👍‍

And think of aria-selectors too ! This promotes an a11y-first mindset — if there is no attribute or pseudo selector available to represent the state we wish to style, should we add one?

this is the principle that class selectors violate. An element’s classes are never guaranteed to reflect their state

Using data attributes instead seems a good idea to avoid impossible states!

And there’s a reason why

looks attractive — it’s mirroring the APIs we’re used to seeing in design systems and component libraries, but bringing it to vanilla HTML and CSS.
Indeed, it’s a small step from data attribute selectors to custom pseudo selectors or prop-based selectors when using Web Components (think ).

Styling based on ARIA attributes encourages more accessible markup, and styling based on custom data attributes makes it more robust and readable — a better experience for users and developers alike.

Arnaud Coudry on Twitter: "Vous ne verrez rien de mieux aujourd’hui https://t.co/ezNmBFhlkv" / Twitter

Ducks and drum kit

Guy Deguin on Twitter: "Voici une vidéo que tu aurais voulu enterrer. Les médias aux ordres vont le faire. Pas les réseaux sociaux... https://t.co/IhhMxAyuNo" / Twitter

Macron disant que c'est hypocrite de décaler l'âge de la retrait. C'était il y a peu années.

AmIUnique

Fingerprinting with OS, Browser, version of the browser, timezone, and language.

And more stuff coming from the HTTP header.

Hector Martin on Twitter: "Don't do this. Ever. This is insulting and disrespectful to your users. Nobody is entitled to support from volunteer FOSS projects, but they absolutely *do* deserve not to have the issues they took time to file actively thrown away. If you haven't fixed the bug, it stays open." / Twitter

Nobody is entitled to support from volunteer FOSS projects, but they absolutely do deserve not to have the issues they took time to file actively thrown away. If you haven't fixed the bug, it stays open.

And nobody wants to find this issue closed if they found the same problem...

Reminder that this is not about closing bugs/PRs/requests in a NEEDINFO state where the user isn't being responsive. This is about indiscriminately closing "stale" bugs on a timer with no regard to whether they're still valid

L’eau de millions de personnes en France redevient conforme aux normes de qualité après le relèvement des seuils réglementaires

❌ Résoudre le problème
✅ Masquer le problème

Dans deux avis rendus sans publicité le 30 septembre, l’Agence nationale de sécurité sanitaire de l’alimentation, de l’environnement et du travail (Anses) a reconsidéré le statut réglementaire de l’ESA-métolachlore et du NOA-métolachlore. Considérés comme « pertinents » pour la santé humaine (c’est-à-dire potentiellement dangereux) depuis un rapport rendu par l’Anses en février 2021, ils viennent d’être réévalués et sont devenus « non pertinents ». Pour ces deux molécules, la tolérance dans l’eau de boisson passe ainsi mécaniquement de 0,1 microgramme par litre (µg/l) à 0,9 µg/l.

Les deux avis rendus le 30 septembre par l’Anses vont permettre au ministère de la santé de communiquer, dans les prochaines semaines, sur des chiffres plus rassurants.

PaddlePaddle/PaddleOCR: Awesome multilingual OCR toolkits based on PaddlePaddle (practical ultra lightweight OCR system, support 80+ languages recognition, provide data annotation and synthesis tools, support training and deployment among server, mobile, embedded and IoT devices)

PaddleOCR aims to create multilingual, awesome, leading, and practical OCR tools that help users train better models and apply them into practice.

It has support online. It seems to a a promising project!

The Four Burners Theory: The Downside of Work-Life Balance

4 burners where all of the 4 can not coexist: Family, Friends, Health, Work

The Four Burners Theory says that “in order to be successful you have to cut off one of your burners. And in order to be really successful you have to cut off two.”

Workarounds

  1. Outsource Burners

It does not work well for family, friends and health at some point...

  1. Embrace Constraints

Optimise everything. Assuming a particular set of constraints, how can I be as effective as possible?

Embracing constraints means accepting that you are operating at less than your full potential. Yes, there are plenty of ways to “work smarter, not harder” but it is difficult to avoid the fact that where you spend your time matters. If you invested more time into your health or your relationships or your career, you would likely see improved results in that area.

  1. The season of life

What if, instead of searching for perfect work-life balance at all times, you divided your life into seasons that focused on a particular area?

Furthermore, there is often a multiplier effect that occurs when you dedicate yourself fully to a given area. In many cases, you can achieve more by going all-in on a given task for a few years than by giving it a lukewarm effort for fifty years. Maybe it is best to strive for seasons of imbalance and rotate through them as needed.

Tree views in CSS

A CSS-only tree view

Spectre

Spectre me fait penser à une autre extension de navigateur...

Ah oui: https://crypto.stanford.edu/PwdHash/ et lesspass

Installez Vue.js 3 sur un projet Laravel en 5 minutes chrono

Nice!

Static HTML comments | Derek Sivers

Clever and efficient

Marques Brownlee on Twitter: "I'm sorry but this is hilarious https://t.co/ocPxkFuNRB https://t.co/vWX8QcrHH3" / Twitter

iPhone 14 calls 911 in roallercoasters...

Stop implementing features in devices that are not designed for it, please!

Otherwise, we can also find an opposite: it's "funny" that they detect accidents to call for help, but not that they detect driving to turn off the phone while driving.

Distance de dépassement d’un cycliste – Carnet de notes
Advanced JavaScript Concepts that Helped Me Get Better at Coding | by Paul Rosset | Bits and Pieces
const moreInfos = { info: "Please go to the desk." }
return {
  address: "20B Rue Lafayette",
  postcode: "75009",
  ...(moreInfos !== undefined && { moreInfos })
}

In JavaScript, primitive values are Number, String, Boolean, Undefined, Symbol, and BigInt. Other data types are passed by reference, which means that the variable is given instead of just a copy. Modifications happen in-place.

An example of Weakmap: https://gist.github.com/PaulRosset/0d4e3a9b9af20f9997b41d15f70c8808#file-weak-map-js. Everything can be a key.

REST API Naming Conventions and Best Practices | by Nadin Pethiyagoda | Sep, 2022 | Medium
  1. Use Nouns to represent resources / Not Verbs
  2. Use Pluralized Nouns for resources
  3. Use hyphens (-) to improve the readability of URIs
  4. Use forward slashes (/) for hierarchy but not trailing forward slash (/)
  5. Avoid using file extensions
  6. Version your APIs: http://api.example.com/v1
  7. Use query component to filter URI collection: http://api.example.com/v1/store/employees?department=IT&region=USA
Entre ton code, découvre ta ferme - Fédération des producteurs d’œufs du Québec

Le faire pour la france :) #idea #project

Entrer le code de la zone de production et avoir des informations sur l'élevage.

Grippe aviaire : des œufs « plein air » qui n’en sont pas

« vu que c’est pour raison sanitaire imposée par l’État. Le consommateur n’est pas informé, le marquage d’œuf n’est pas modifié »

La Répression des fraudes n’a pas souhaité répondre à nos questions liées à la grippe aviaire, nous conseillant de contacter le ministère de l’Agriculture. Celui-ci nous écrit : « En ce qui concerne l’affichage en magasin, ce sujet relève de la compétence de la DGCCRF. »

Pour lui, le parcours extérieur n’est qu’« un élément parmi d’autres ». Il insiste : « Un œuf Loué est un œuf fermier. Il s’agit d’abord d’un mode de production qui prend en compte la taille de l’élevage, les bâtiments, l’alimentation et sa provenance, etc. » Même position du Synalaf, syndicat national des labels avicoles de France, « les œufs bio et Label rouge ont de nombreuses autres qualités supplémentaires que le plein air, ce serait donc aussi trompeur de changer leur code ».

Mais ils y arrivent pourtant en Belgique.

Je ne veux pas être efficace | Grise Bouille

« La glorification de l'efficacité en toutes circonstances est une valeur qui sert en premier lieu les intérêts du capital, en nous poussant à considérer notre propre existence comme une machine productive qu'il faut donc sans cesse optimiser, pour réduire à leurs minimums les temps d'inactivité, d'inefficacité, d'improductivité. »

Pas faux.

faire les choses comme on veut les faire, pas pour être efficace, pas pour être productif, mais parce que ça nous procure de la joie.

shot-scraper

Automate screenshots of websites with this tool for the command-line interface.

An introduction (fr): https://korben.info/shot-scraper-capturer-site-web.html

Vincent Heidelberg (et Kibo) #IStandWithUkraine on Twitter: "Tout va bien sur CNEWS https://t.co/ft4xbknd55" / Twitter

La bigoterie: https://fr.wikipedia.org/wiki/Bigoterie

Exemple sur CNews.... oui oui la chaîne de télévision.

Git's database internals II: commit history queries | The GitHub Blog

Git has become a complete tool. I missed a lot of it, but I am not sure I will need it as it is most of the time for big repositories.

unjs/changelogen: 💅 Beautiful Changelogs using Conventional Commits

A useful utility 👍

unjs/ufo: URL utils for humans

#idea #project: create a UI for parseURL

Web Application Architecture: The Ultimate Guide — Intellectsoft Blog 

I find these explanations great to draw some charts for my masterthesis :)

Even if it is not complete

Méthode PARA : Comment organiser sa vie entière ?

Une introduction à la méthode PARA

«Vendange militante» chez LVMH: «L’accaparement des terres conduit à une spéculation foncière importante» – Libération
Je suis un dev - Devenir un meilleur développeur et prendre le contrôle de sa carrière

Ce blog illustre chaque billet avec des images d'un thème donné.

Le dernier publié Comment affronter un entretien technique des enfers ? utilise les images du dictateur de Corée du Nord. Ces illustrations fonctionnent bien et renforcent le storytelling.

Comment devenir riche en vendant des JPGs utilise des images du loup de wall street.

4 raisons de se lancer dans une relation de mentorat a des illustrations des films Rocky

Comment affronter un entretien technique des enfers ? - Je suis un dev
Five Data-Loading Patterns To Boost Web Performance — Smashing Magazine
  1. SSR and Jamstack

  2. Active Memory Caching

In summary, if you want to increase the performance of your application, you can use server caches to speed up your APIs, but if you want to persist your app state, you should use the local storage cache.

  1. Data Event Sourcing

Useful for real-time applications. Connections are made with Websockets.

4.a Prefetching

Pros: Prefetching waits until the browser’s network is idle and is no longer in use and will stop when you trigger usage by clicking a link or triggering a lazy loading function.
Pros: Prefetching caches data within the browser, making page transitions faster when redirecting to a link.

4.b Lazy Loading

Lazy loading can only help you delay downloading resources and doesn’t make your resources smaller and more cost-efficient.

  1. Resumability

Essentially, Resumability uses the server to do the heavy lifting and then gives the client a minimal amount of JavaScript to execute via serialization.

Griddy

Define a grid fast

Keyframes.app

Creates animation based on a timeline

CSS: nth-child selector cheatsheet

:last-child, :nth-last-child(2), nth-child(2), nth-child(3n), nth-child(even), nth-child(odd), nth-child(n+3), nth-child(-n+3), nth-child(3n+1), nth-child(3n-1)

Operator Lookup - Search JavaScript operators

What does which operators in javascript?

Mesurer le coût des services publics : une idée de Gérald Darmanin enterrée après une mission à 300 000 euros

envoyer chaque année aux Français une « facture » fictive et personnalisée du coût des services publics dont ils bénéficient, pour que « chacun prenne conscience de la façon dont ses impôts sont employés ».

Oh de la transparence ! Ah non en fait c'est classé comme une mauvaise idée....

Bah pas grave non plus d'avoir dépensé +300k € pour cela... C'est l'argent qu'il aura fallut pour s'en apercevoir. Il ne faudrait pas que le peuple soit au courant.

HP-API // The Harry Potter API

Similar to the PokeAPI or the S(tar) W(ars) API.

This is an API.

As they provide static data, I see an efficient implementation with AstroJS where each route data are generated at compile time.

Github: https://github.com/KostaSav/hp-api

OSINT à partir d’un pseudo avec Blackbird

An OSINT tool to search fast for accounts by username across 574 sites.

Github: https://github.com/p1ngul1n0/blackbird

Better world by better software

An other another personal blog about programming :)
Mostly about Cypress and testing stuff, also related to web development.

Me connecter ou créer mon espace client EDF - Shaarli ¦ Orangina Rouge

Et nous pouvons aller plus loin ! Si le mot de passe configuré par un gestionnaire de mots de passe est plus long que 20 caractères, alors il sera faux lorsqu'il sera entrée. Le mot de passe doit être composé de 20 caractères ou moins, sinon la connexion n'est pas possible.

Merci car tu m'as débloqué l'utilisation de mon gestionnaire de MDP sur ce site.

BGH weist Klage von Verlagen gegen Telekom ab

La Deutsche Telekom n'a pas obligation de bloquer Sci-Hub et LibGen. Deutsche Telekom a refusé considérant que d’autres options plus raisonnables étaient à leur disposition pour faire valoir leurs droits.

Document.designMode - Web APIs | MDN

document.designMode controls whether the entire document is editable. Values are "on" and "off".

redfrog: "Les nations les plus pauvres tendent à être les p…" - La Quadrature du Net - Mastodon - Media Fédéré

The more religion there is, the poorer the country.

dolthub/dolt: Dolt – Git for Data

Maybe useful someday

kba/awesome-ocr: Links to awesome OCR projects
Why Rust? — Rerun

Still lacking a lot of libraries

The Rust crate ecosystem is good, but C and C++ has a huge head start and it will take a long time for Rust to catch up. For us at Rerun, that pain is most urgently felt in the lack of libraries for scientific computing and computer vision, as well as the lack of mature GUI libraries.

... project ideas?

At the end of the day, a programming language is a tool like any other, and you need to pick the right tool for the job.

End thought: rust everywhere?

Les lâchers de taureaux ont fait quinze morts en Espagne en 2022

On lâche des taureaux et on s'étonne qu'il y a plus de morts que d'habitude, parce que c'est normal après tout...

Mises en cause d’Eric Dupond-Moretti et d’Alexis Kohler : Emmanuel Macron parie sur la banalisation des affaires

Sous le coude

Peut-on utiliser Uber ET critiquer Uber ?? - YouTube

C'est quelque chose de pratique → donc je l'utilises même si je le critiques.

Argument: perversion de l'appel à la cohérence.
Avoir utilisé le service n'empêche pas de critiquer le service.

Puisque j'utilises le service, je n'ai alors pas le droit d'émettre un avis négatif dessus?

Il vaut mieux être incohérent en cherchant à améliorer les choses que d'abaisser nos valeurs à nos comportements, comme si cela était un fin en soi.

JSON Viewer - JSON Hero
Free Profile Picture Maker - Create an awesome profile pic from any photo

It generates various design based on the image uploaded 👍

Open Peeps, Hand-Drawn Illustration Library
Andrew Gazdecki on Twitter: "How to align your team on your startup's strategy... 1. Outline your why 2. Outline your purpose 3. Outline your mission 4. Outline your customer 5. Outline your culture 6. Outline your vision 7. Outline your north star metric Then remind everyone on all of the above often." / Twitter
  1. Outline your why
  2. Outline your purpose
  3. Outline your mission
  4. Outline your customer
  5. Outline your culture
  6. Outline your vision
  7. Outline your north star metric
K.O.O on Twitter: "Don’t just be an open source consumer, contribute to open source and here’s why…" / Twitter
  1. Better appreciate the OSS work
  2. A better understanding of the underlying tools you use and the benefits with it
  3. Deepen the knowledge of the programming languages with state-of-the-art examples
  4. Learning workflows and communication with other devs
  5. Open to job opportunities
Norway: Russian man detained with 2 drones near Arctic | News | DW | 14.10.2022

The identity of the Russian male was not made public, only that he was detained on Tuesday with three passports in his luggage, two Russian ones and one Israeli, according to local Norweigan media.

Authorities also seized four terabytes of data, some of it encrypted.

Customs officers reportedly located two drones and numerous electronic storage devices during a routine check at the border crossing in Storskog, the only border crossing between Norway, a NATO member, and Russia.

Usbek & Rica - « On voit émerger aujourd’hui des Gilets jaunes de la technocritique »

Cela traduit une forme d’épuisement du débat démocratique : la Convention citoyenne pour le climat a eu beau demander « un moratoire sur la 5G », cette proposition a été balayée d’un revers de la main. Quant aux cahiers de doléances rédigés à la fin de la crise des Gilets jaunes, ils ont été archivés – fin de l’histoire. Résultat, la perspective de la discussion démocratique suscite une forme de désillusion, de désenchantement. La production d’idées ne suffit pas. Ça n’est pas juste en jetant son téléphone que la donne va changer.

Dev SSR on Nuxt with Vite

How they solved the challenges that comes with this feature.

SamuelHahnemann 🆗 Dr. Woke on Twitter: "Exemple de pourquoi le salaire moyen ça veut rien dire : Entreprise Hahnemann and cie. Robert : 1400€ Louise : 1450€ Paul : 1500€ Bernadette : 1500€ Jean-Michel : 5000€ Samuel : 9000€ Salaire moyen : 3308,33€ Vous comprenez pourquoi c’est stupide ?" / Twitter

Exemple de biais avec des valeurs extrêmes faussant la moyenne:

Entreprise

Robert : 1400€
Louise : 1450€
Paul : 1500€
Bernadette : 1500€
Jean-Michel : 5000€
Samuel : 9000€

Salaire moyen : 3308,33€

Vous comprenez pourquoi c’est stupide ?

dkrivoruchko/ScreenStream: Screen Stream Android app

An Android mobile app for viewing device screen in your web browser.

Réduire la taille d'une image

Pour vos photos:

  • limitez les dimensions, un maximum de 2 000 x 2 000 pixels est largement suffisant;
  • utilisez le format JPEG (ou AVIF si vous voulez promouvoir le format du futur);
  • réglez la qualité à 75 ou moins (35 dans le cas du format AVIF).

Pour des images non-photoréalistes:

  • en général vous pouvez réduire encore plus les dimensions que pour les photos;
  • utilisez le format PNG.

Je vais jeter un coup d'oeil au format AVIF :)

Le post décrit ensuite certaines définitions, et comment compresser manuellemenet

J'ai reçu un PDF avec une vulnérabilité Zero day ?

Contre toute attente, chaque ligne de commentaire se termine soit par un "\n" ou un "\r".
En détaillant le contenu du PDF, les 5083 commentaires sont en fait 130 lignes de commentaires répété plusieurs fois au sein du fichier.

Quel est la cible?

Un développeur salarié sous-traitait son travail en Chine - Le Monde Informatique

Sous traiter son travail de dev, y dépenser 1/5 de son salaire et

Au cours des dernières années il avait reçu d'excellentes remarques. Son code était propre, bien écrit, et soumis en temps opportun. Trimestre après trimestre, son examen de performance l'avait élu meilleur développeur de l'entreprise.

LOL

kd2org/webdav-manager.js: Lightweight JS WebDAV client

I learned about what WebDAV is on the way: https://en.wikipedia.org/wiki/WebDAV

Only 8KB gzipped! And fast installed with only one file :)

When You SHOULDN'T Use Computed in Vue - YouTube

computedEager utility has optimizations over computed in some cases.

when you have a simple operation, with a rarely changing return value – often a boolean.

Stick to computed

when you have a complex calculation going on, which can actually profit from caching and lazy evaluation and should only be (re-)calculated if really necessary.

See https://vueuse.org/shared/computedeager/

Changement climatique : le virus de la dengue arrive en France

Plus de 60 cas de dengue, transmis par le moustique tigre, ont été enregistrés en métropole. Une propagation due à un climat favorable après cet été très chaud, analyse le virologiste Yannick Simonin.

The Myth of Self-Documenting Code • Buttondown

But you have all this internal context that makes it self-documenting. Other people don’t have that context.

I agree

Operational information is more global, how the code fits in with the larger program. The code’s behavior can’t tell us that because it isn’t supposed to know anything about the larger program.

How should we document them?

A list of how self-documenting code is so appealing to people for wrong reasons.

s

5 Best practices for Clean Code every Javascript developer should know | by Vitaliysteffensen | Medium

Clean code is not only concise code, but more importantly, it is readable. A rule of thumb when writing code, is to write code as if comments didn’t exist. The code should be self-explanatory.

  • booleans should always have a prefix like "is", "has", or "was"

and other JS tips

40+ Killer JavaScript One Liners 🔥 | by Dreamy Player | Medium

The thing is some are already on https://1loc.dev/

Others can be added :)

Is it time to ditch Svelte, React, and VUE? | by Sean Schertell | Medium

There is an alternative to the SPA model: a new model with HTML only. It uses modern DOM-swapping interactivity libraries like Hotwire, HTMX, and Unpoly and... something that returns HTML as backend :)

Since version 7.0 has Ruby on Rails Hotwire backed-in!

Konbini condamné dans la « procédure baillon » qu'elle avait intenté contre La Lettre A

Actionnaire majoritaire de Kombini, le média a poursuivi La Lettra A pour avoir divulgué la famille Perrodo: l'article présente les actionnaires "comme « des milliardaires controversés qui ont fait fortune dans le pétrole », cachés « derrière des sociétés opaques » via « une mystérieuse holding luxembourgeoise » elle-même « détenue par trois sociétés immatriculées aux Bahamas » "

#effetStreisand pour l'article concerné: https://www.lalettrea.fr/medias_audiovisuel/2019/03/19/videos-et-info-sur-le-web--les-mysterieux-actionnaires-de-konbini,108349574-gra

« Il sera rappelé […] l’importance, dans une société démocratique, de pouvoir investiguer, débattre et émettre des opinions critiques sur les questions relatives à la transparence et au pluralisme des médias, questions auxquelles la société Konbini, qui se présente comme un média d’information, devrait être particulièrement attachée », précise le jugement.

La France sous-paie ses profs, pointe le dernier rapport de l’OCDE | L'Humanité

C'est l'OCDE

les enseignants français sont (nettement) moins payés que ceux des autres pays de l’OCDE. Confirmant le bien-fondé des revendications des profs en la matière, eux qui étaient nombreux dans la rue le 29 septembre pour la journée de mobilisation interprofessionnelle pour les salaires.

Un salaire de 19 % inférieur à la moyenne de l’OCDE pour un enseignant ayant 15 ans d'expérience.

Il y a de grandes disparité entre maternelle et primaire, collège et lycée par rapport aux revenus des travailleurs diplômés du supérieur: -20% en maternelle, -22% en primaire, -13% au collège et -3% au lycée.

Autre confirmation : les personnels de direction sont mieux traités, puisque leurs salaires sont à la fois « nettement plus élevés que ceux des enseignants », mais aussi « plus élevés que les revenus des autres travailleurs diplômés de l’enseignement supérieur (de 32 %) ».

Avec 11 201 dollars/élève/an en moyenne, notre pays est à la traîne des autres grands pays développés : 12 245 dollars/élève/an au Royaume-Uni, 12 791 dollars en Allemagne ou 14 009 dollars aux États-Unis.

SQLite: QEMU all over again?. In a trip down memory lane, I recall my… | by Glauber Costa | Oct, 2022 | Medium

Much like QEMU, new trends in the industry are taking it into a completely new direction: the rise of use cases around Edge compute, due to its limited resources and limited environments means that SQLite fits the bill perfectly.

It lists some distributed data project based on SQLite. The most promising project seems to be LiteFS: https://github.com/superfly/litefs. However SQLite is not open to contribution...

That'S why the author starts a new project, open to contribution named LibSQL (https://libsql.org/). It can be merged with SQLite if they change their code of conduct. They want to add async interfaces for example, or WASM support.

The Bureau of Communication - Fill-in-the-blank Correspondence

Prefilled designed and opinionated forms

French translation? #idea #project
Make more of it :)

Intent to stop using 'null' in my JS code | Hacker News

I agree with many folks here on HN in that null and undefined have important differences. undefined appears when you access an invalid field, while null appears when you access a valid, but empty field.

Work on Stuff that Matters: First Principles - O'Reilly Radar

Some principles:

  1. Work on something that matters to you more than money.
  2. Create more value than you capture.
  3. Take the long view. →There is no small here. (read the story about it)

You should regard money as fuel for what you really want to do, not as a goal in and of itself

That’s why a time like this, when the bubble is bursting, is a great time to see how important it is to think about the big picture, and what matters not just to us, but to building a sustainable economy in a sustainable world.

Méthode STAR : définition, intérêt et un exemple de mise en pratique - Cadremploi

S pour Situation, c’est-à-dire la description du contexte qui permet de donner une vision globale à votre interlocuteur
T pour Tâche, qui désigne la mission et l’objectif à atteindre
A pour Action, qui correspond à l’ensemble des actions que vous avez initiées pour réussir à réaliser la tâche
R pour Résultat, qui permet de souligner le bilan et les effets de vos actions, notamment par la mention de données chiffrées.

c’est une méthode qui force à utiliser tes vraies situations passées, les décortiquer et prouver tes compétences à travers elles.

Rod Serlings on Twitter: "Un copain m’invite dans sa cave à vin. et me dit : - “tu sais pourquoi il y a toujours des graviers dans une cave à vin ?“ Moi : -“ aucune idée “ Lui s’empare d’une bouteille grand cru et la jette à 1 m 50 de haut pour retomber intact au sol. Maintenant vous savez aussi" / Twitter

Un copain m’invite dans sa cave à vin. et me dit :

  • “tu sais pourquoi il y a toujours des graviers dans une cave à vin ?“
    Moi : -“ aucune idée “
    Lui s’empare d’une bouteille grand cru et la jette à 1 m 50 de haut pour retomber intact au sol.

Maintenant vous savez aussi

chubin/cheat.sh: the only cheat sheet you need
Productivity Tips And Tools For A More Efficient Workflow — Smashing Magazine
Why I don't use Prettier

He uses ESLint and it is more than good enough.

The CSS Hack You Need To Know!. I wish I knew this sooner… | by James McArthur | Aug, 2022 | Dev Genius

TL;DR Use HTML attributes with the content: attr() CSS property.

Here is an example with a notification icon with a counter nudge.

SWAPI - The Star Wars API

An API that delivers data about Star wars

PokéAPI

An API that delivers data about the pokemon world.

There is already 101 websites about fan-based websites!

Yes and that's exactly the problem! We aim to provide a single source of data that any number of other websites can consume and use.

Github: https://github.com/PokeAPI/pokeapi

Lychee — Self-hosted photo-management done right

Lychee is a free photo-management tool, which runs on your server or web-space. Installing is a matter of seconds. Upload, manage and share photos like from a native application. Lychee comes with everything you need and all your photos are stored securely.

mCaptcha - mCaptcha

A captcha with proof of work (~2s). This can definitely be better for every user as they do nothing. It's free software, privacy-friendly, and it doesn't use IP addresses (so users won't suffer what reCaptcha or CloudFlare impose).

They have a GitHub organization: https://github.com/mCaptcha