Monthly Shaarli

All links of one month in a single page.

March, 2022

100 ways to slightly improve your life without really trying | Life and style | The Guardian

Habit state:
✅ - already making it
🚧 - wip
💡 - I'm thinking about it. I am interested in.

If you are a little bit motivated and you find thesee ideas funny. I pick some of them:

  • On the fence about a purchase? Wait 72 hours before you buy it. ✅
  • It might sound obvious, but a pint of water before bed after a big night avoids a clanger of a hanger. ✅
  • Start a Saturday morning with some classical music – it sets the tone for a calm weekend. 💡
  • If possible, take the stairs. ✅
  • Eat meat once a week, max. Ideally less. ✅
  • If you’re going less than a mile, walk or cycle. About half of car journeys are under two miles, yet these create more pollution than longer journeys as the engine isn’t warmed up yet. ✅
  • Connect with nature: stand outside barefoot for a few minutes – even when it’s cold. 💡
  • Send postcards from your holidays. Send them even if you’re not on holiday. 🤣 I will try it 💡
  • Buy a plant. Think you’ll kill it? Buy a fake one. 🚧
  • If you find an item of clothing you love and are certain you will wear for ever, buy three. 💡
  • Text to say thank you. 🚧
  • Buy secondhand. 🚧
  • Always bring something – wine, flowers – to a dinner/birthday party, even if they say not to. ✅
  • Call an old friend out of the blue. 🚧
  • Every so often, search your email for the word “unsubscribe” and then use it on as many as you can. ✅
  • Think about your posture: don’t slouch, and don’t cross your legs. ✅
  • Rent rather than buy a suit/dress for that forthcoming wedding (even if it’s your own). 💡
  • Nap. 💡
  • Politely decline invitations if you don’t want to go. 🚧
  • Buy a bike and use it. Learn how to fix it, too. ✅
  • If in doubt, add cheese: ✅
  • For instant cheer, wear yellow. 🚧
sudhir.io/uuids-ulids

Using the first 48 bist to encode the date up to the microsecond into the UUID. We can encode a date until 10899. We should be fine.

There is then 80 bits left for the random (collision happens in these 80 bits if they got generated at the same microsecond !)

We can then sort, order the UUIDs by date :)

Daniel Schneidermann (@d_schneidermann): "La macronie, chaque jour davantage dans la dystopie." | nitter
web0 manifesto

People sign to accept this manifesto.

web3 = decentralisation + blockchain + NFTs + metaverse
web0 = web3 - blockchain - NFTs - metaverse
web0 = decentralisation

web0 is the decentralised web.

In other words, web0 is web3 without all the corporate right-libertarian Silicon Valley bullshit.

There are also a lot of links to people that are connected to the web, with personal websites such has https://sigma-one.moe/index.html

Ne faites plus l'erreur : par exemple ou par exemples - Atoutecrire

Toujours au singulier. OK
Car c'est une locution adverbiale.

Boire deux bières par jour ferait vieillir votre cerveau de dix ans | Slate.fr

Les informations sont néanmoins à vérifier

Juste à temps ! Mais à quel prix ? Le JIT et ses problèmes...

... de

My Favorite npm Commit

TL;DR

A timestamp is used to - Some zip programs does not work well with the Unix Epoch and Docker abuse of the zip files. So NPM fixed it by changing the default of mtime and ctime.

They use a specific timestamp: https://github.com/npm/cli/commit/58d2aa58d5f9c4db49f57a5f33952b3106778669

Jimizz - JMZ - Invest in Jacquie and Michel's cryptocurrency

La cryptomonnaie de Jacquie et Michel ... WTF ?

The State of JS 2021
winfsp/hubfs: File system for GitHub

Navigate into github as a filesystem !

Could we make it crossplatform ? I.e. integration of Gitea and Gitlab for example

Introducing Svelte, and Comparing Svelte with React and Vue - Josh Collinsworth blog

This causes some people to claim that Svelte doesn’t scale, but that’s premature. The real question that matters is: where is that point? Clearly, nobody’s worried about whether React scales, so when does Svelte lose its advantage over React? Turns out: the scale at which Svelte's advantages disappear is actually unrealistically high for just about any application.

But to summarize both: Svelte’s advantage disappears somewhere around 150 kB of components loaded onto the page.


Alternately: are you choosing a technology for a relatively new startup or project? Svelte will likely enable you to move more quickly and build something that’s more performant, but hiring or collaborating may be a challenge, given the relatively small pool of Svelte devs

Cog | Ned Batchelder

A tool that runs code in a file and replace it with the output.

Carte des radars | Sécurité routière | Carte interactive des radars

Être alerté des radars sur la route avec un outil de navigation est interdit.
Cependant, il est possible de consulter la position des radars depuis ce site du gouvernement.

Stop Whining about Rust Hype - A Pro-Rust Rant | Optimal Tour

Everyone complains about them [common pain points shared accross programming languages] all the time, but there’s no solution to all of them. With Rust, you’re hearing about a technology that can solve all of them.

It’s hard to measure how much Rust improves things.

glyph on Twitter: "@Lanooba @IanColdwater In part in an effort to understand “am I an architect?” I attended a conference for software architects and asked ~30 attendees “what is software architecture?”. I got ~35 different answers. There’s zero consensus about what the job even is, even among people *already doing it*" / Twitter

In part in an effort to understand “am I an architect?” I attended a conference for software architects and asked ~30 attendees “what is software architecture?”. I got ~35 different answers. There’s zero consensus about what the job even is, even among people already doing it

On a parlé carrière, management et expertise – Carnet de notes

La ques­tion n’est pas de savoir si vous êtes mana­ger, lead, expert ou mouton à cinq pattes, la ques­tion c’est quel impact vous avez.

Passé un certain cap: le collectif prime très largement sur l'individu. Il est juste plus facile de faire progresser de 1% une uipe de 30 personnes que soi-même de 30%.

Sauf à avoir une connais­sance poin­tue qui se trouve diffi­ci­le­ment ailleurs et qui est essen­tielle au déve­lop­pe­ment de l’en­tre­prise, la progres­sion de carrière de l’ex­pert tech­nique passe aussi par l’en­ca­dre­ment des plus jeunes, la commu­ni­ca­tion non-violente, la colla­bo­ra­tion, la prise d’ini­tia­tives, la prise de respon­sa­bi­li­tés, et beau­coup de savoir-être qui permettent de faire rayon­ner cette exper­tise.

Tant de bon conseil que je notes afin de les suivre pour l'avenir de ma carrière professionnelle, et de même dans la vie de tous les jours.

I Learned - FAT, comment fonctionne un système de fichier

Et comprendre pourquoi un fichier de 17kB peut prendre en réalité 32 kB 😉

L'open source, un atout caché pour l'Europe dans la course au leadership numérique

Selon une étude publiée récemment par la Commission européenne...

LAQUELLE ? https://digital-strategy.ec.europa.eu/en/library/study-about-impact-open-source-software-and-hardware-technological-independence-competitiveness-and

Le postulat:

Plus précisément, l'étude a démontré que le milliard d'euros environ que les entreprises de l'UE ont investi dans les logiciels libres en 2018 ont déjà généré entre 65 et 95 milliards d'euros de croissance économique

Nice !

L'étude prend cependant uniquement Github comme source de vérité :/

TotalEnergies et son bénéfice record font hurler la gauche et les écolos | Le HuffPost

Les prix s'envolent, et la société TotalEnergies, comme BP et Shell au Royaume-Uni, ont des profits stratosphériques par rapport à leur habitude, en dépis de cette situation de crise...

Interop 2022: browsers working together to improve the web for developers

Interop 2022 is a benchmark, agreed on by representatives of three major browser implementations, and developed through a process of public nomination and review with input from supporters Apple, Bocoup, Google, Igalia, Microsoft, and Mozilla.

It focuses on 15 areas identified by developers as being particularly troublesome.

The goal of these multi-year interoperability efforts, in the form of Compat 2021, Interop 2022 and much more, is to fully acknowledge and address the pain points developers have experienced through for many years. And it's not a one-browser effort but rather a strong collaboration between all major browser vendors and friends for improving the web platform across the board.

Simple.css

simple.css includes the following right out the box:

  • A good looking sans-serif local font stack.
  • Typographic best practices.
  • Automagic flipping to dark mode.
  • Fully responsive.
  • Sensible defaults that format standard HTML elements.
  • Super lightweight; less than 4 KB in size.
Everyday Privacy

Currently selectable: Facebook, Instagram, LinkedIn, Messenger Signal, Snapchat, Whatsapp

Petitionen: Petition 130482

Make all software developed on public funds open-source.

Face à la menace russe, la Belgique réévalue sa sortie du nucléaire

Ok alors le nucléaire c'est pas mal pour l'indépendance.

C'est donc une preuve que le choix des sources d'énergie est économique et politique, avant d'être sécuritaire.

+1 pour le CO2 en moins qui sera rejeté dans l'atmosphère.

placemark/flat-drop-files: Normalize the DataTransferItems interface from a drop event

Seems a good project for Drag'n'Drop !

Rome2rio: découvrir comment aller partout dans le monde

Aller d'un point A à un point B autour du monde ? Ce site explique comment, et par moyen de transport.
(via http://nicolas-delsaux.hd.free.fr/Shaarli/?rqLbWw)

Today I learned : Les meutes de loups – Carnet de notes

Most wolf packs simply consist of two parents and their puppies. The group may also include one- to three-year-old offspring that have not yet headed out on their own.

Les idées de mâles alpha et de hiérar­chie viennent d’ob­ser­va­tions en capti­vité où on force des loups adultes de familles diffé­rentes à coha­bi­ter dans des espaces réduits. Ce sont des compor­te­ments provoqués qui n’ont rien de ceux que choi­sissent les loups quand ils ont le choix.

Helio – Un outil pour composer de la musique sans distraction

Le logiciel Helio simple et épuré dédié à la composition. Je l'essaierais au besoin :)

https://helio.fm/

Publicité ciblée en ligne : rien ne changera tant que… – Framablog

TL;DR;

les gens prenant les décisions doivent être responsabilisé.
les amendes sont des frais de fonctionnement, ce qui contraire au principe de l'amende.

Les régulateurs sont jugés comme pathétique, couard ou manquant de moyens de coercicion : https://www.iccl.ie/digital-data/2021-gdpr-report/

A letter to all the bosses I’ve begged for a job | Life and style | The Guardian

About bullshit jobs

Deno in 2021
  • Deno deploy
  • optimized core
  • native HTTP
  • Deno added to MDN compatibility tables
  • foreign function interface (still instable)
  • Node.js Compatibility
Créer une porte dérobée chez soi | Zythom

Un accès SSH sur Tor depuis un Raspberry Pi connecté au routeur. Ce qui permet à Zythom d'y accéder sans ouvrir de port dans son firewall, et surtout sans que le service soit "découvrable"

March For Equality (2022 Desktop Wallpapers Edition) — Smashing Magazine
Logiciels libres : comment l'UE veut les promouvoir | Silicon

Cette ambition a trouvé un écho fin 2021 avec l’adoption d’une « décision sur l’octroi de licences open source et la réutilisation des logiciels de la Commission ». Par cet intermédiaire, Bruxelles consacre sa volonté d’ouvrir l’accès à ses solutions « lorsqu’il existe des avantages potentiels pour les citoyens, les entreprises et les services publics ».

L'ambition en question est l'Open Source software strategy 2020-2023

Awwwards - Website Awards - Best Web Design Trends
Usbek & Rica - Paupérisation des jeunes : « Il est urgent de défamilialiser les aides de l'État »

« Les jeunes Français sont pris dans une rhétorique de l’urgence : urgence de faire des études, de trouver un premier emploi, de trouver un emploi »

OUI

La « méritocratie scolaire » est un discours que la société se raconte sur elle-même mais qui ne correspond à aucune réalité. Toutes les enquêtes PISA le montrent : les origines sociales pèsent de plus en plus sur la réussite scolaire. L’école française ne parvient plus à réduire les inégalités de départ.

Getting Started | Fast-CSV

A library that seems good to parse CSV

Il faut augmenter (très vite) notre production électrique – Carnet de notes

Il faut augmenter la production d'électricité. Tel est le constat après ce calcul.

Mailto link generator
Wesley Aptekar-Cassels | There is no such thing as a static website

One of the reasons that I advocate for SQLite on the server is that I've noticed that servers written on SQLite generally require less maintenance than those written on Postgres. I've also found that servers written in ways that can be deployed as static binaries tend to require less maintenance than those with more complicated deployment setups.

Assistance Web - Le Hollandais Volant

Recevoir sa consommation mobile par SMS:

Bouygues : envoyez « conso » par SMS au 680
Free : envoyer SMS quelconque au 555
Orange : composer le #123# au téléphone
SFR : envoyez « SOLDE » au 950

merci https://lehollandaisvolant.net/?id=20220115172409

antonmedv/fx: Command-line tool and terminal JSON viewer 🔥
Le projet Coq reçoit le prix Science Ouverte du Logiciel Libre de Recherche - Théo Zimmermann

Coq est un assistant de preuve. Je commences à en entendre parler tous les mois. Il semble qu'il soit le meilleur dans sa catégorie.

【 S I G M A O N E 】

The design of this personal website is punky and original :)

Variant BA.2 Omicron : "les mesures ont été levées trop tôt à cause de l’agenda politique"

Le variant Omicron BA.2 n'est pas affecté par les vaccins. À confirmer, mais cela semble logique.

Bien sûr ! Bien que ce soit difficile à entendre et à accepter, la réalité est qu’il ne faut pas laisser tomber les mesures barrières. Il faut garder le masque et mettre en place des politiques d’aération strictes dans les lieux fermés.

C and C++ coding style for best performance - IBM Documentation
I Learned - Comment fonctionne IPFS ?
Sauvegarder et restaurer une machine avec Redo Rescue

Ou cloner une machine...

Le moral des jeunes au plus bas depuis 6 ans

Sur le sentiment de solitude

On peut en distinguer plusieurs formes : ne pas exister vis-à-vis de l’autre (relationnelle), vis-à-vis de soi (existentielle), et vis-à-vis de la société (sociale).

Homme, femme, autre: et si le sexe disparaissait de nos papiers d'identité? | Slate.fr

Knowing if someone is a man or a woman or divers is not relevant to me. To whom is it important? people, administration, ... ? If it is not so needed, we can put a more useful information here.
Maybe the sex is useful for medicine in some examples, but the blood type would also be of great help.

Google “hijacked millions of customers and orders” from restaurants, lawsuit says | Ars Technica

If the restaurant has a relationship with the food delivery company, it gets charged a fee. These fees can be so high—15 to 30 percent in many cases—that the restaurant has no hope of making a profit from the order. “A restaurant's motivation to partner with a Delivery Provider is almost never to make a profit on orders received from the Delivery Provider,” the complaint says. “Rather, a restaurant’s usual goal is to capture new customers that may later place orders with the restaurant outside of the Delivery Providers’ expensive platforms.”

But Google didn't ask: they just added a "Order online" button. They decided which delivery provider will be in charge of the delivery and they didn't ask the restaurant.

Refuser – Carnet de notes

Il y a un senti­ment de séré­nité indes­crip­tible à chaque fois que je refuse des contrats sur mon acti­vité de free­lance.

Je suis peu solli­cité et je dis encore plus rare­ment oui. J’ai­me­rais bien déve­lop­per plus cette acti­vité mais dire « je ne suis pas la bonne personne », que ce soit au niveau tarifs, compa­ti­bi­lité de carac­tère ou valeur ajou­tée, me donne l’im­pres­sion de faire les choses bien.

Ça me donne fina­le­ment bien plus de boost à l’égo que quand on me contacte pour quelque chose qui corres­pond parce que ça confirme mes valeurs et mon posi­tion­ne­ment.

Des menus plus compacts pour Firefox - Mon coin du web...
browser.compactmode.show → true
browser.uidensity → 1

(via https://sebsauvage.net/links/?t40Qsg)

Thanks for that :)

Making the web better. With blocks! – Joel on Software

This kind of “insert block” user interface concept is showing up in almost every blogging tool, web editor, note-taking app, and content management system. People like it and it makes sense.

Embed blocks accross the web with the future block protocol :D

If APIs can share data between programs and websites, then I understand the block protocol as a way to share UI components and logic between websites.

Microsoft collecte par défaut les données de vos recherches lancées dans Edge

Pour mettre un terme à ce forçage en règle, rendez-vous dans les Paramètres d’Edge, sélectionne Confidentialité, Recherche et services dans la colonne de gauche, puis naviguez jusqu’à la section Amélioration de la recherche et du service pour y décocher l’option Aidez-nous à améliorer les produits Microsoft en envoyant les résultats des recherches sur le web.

5t3ph/a11y-color-tokens: Generate accessible UI colors from your base color tokens.

Pick your main color and this tool generate the platette that is WCAG compliant.
It generates individual Sass variables or css variables.

A heroic new proposal for JavaScript // The Code Report - YouTube

I find Vite to be a good compromise between having the benefits of TS and the slow build step. Use es-build to transpile and does not do type checking since it passes that responsibility onto the IDE.

Totally agree with this comment !
It is still possible to run the type checker all in once if needed.

Cory House on Twitter: "3 technologies that are “better” than React: 1. Preact 2. Svelte 3. Solidjs These options offer better performance, smaller bundles, and more elegant APIs. But, I’m not using them. Why? Ecosystem. React’s rich ecosystem makes it more compelling to me. #react" / Twitter

Yes: the ecosystem of a web framework is as important as the framework itself. At least for entreprises that needs fast benefits !

Le sommet sur les océans a donné le feu vert au capitalisme bleu

Dans le cadre du Blue Climate Initiative, des prix à l’innovation ont été remis à différentes entreprises ; comme ici la création d’un resort de luxe écologique, sur un atoll privatisé pour que les touristes se « reconnectent avec la nature »

Bien l'entre-soi et l'hypocrysie ?

« Il n’y aura pas d’exploitation minière dans les aires “en protection forte” », a rassuré Benoît Faraco

Donc les aires marines protégées peuvent être exploitée ? C'est quoi alors une aire "protégée en protection normale" ?

Benoît Faraco a annoncé à la presse que « le président de la République a lancé au niveau national, dans le cadre de France 2030, un grand programme qui vise à permettre l’exploration des grands fonds marins en débloquant plusieurs centaines de millions d’euros sur les dix prochaines années »

En quoi est-il grand ? Débloquer de l'argent pour cela, c'est aussi ne pas l'investir autre part...

Signals For Customizing Website User Experience — Smashing Magazine

Only supported by chrome for now

  1. A Save-Data header is sent on each HTTP request. This allows dynamic backends to change the HTML returned.
  2. The NetworkInformation.saveData JavaScript API. This allows client-side JavaScript to check this and act accordingly.
  3. The upcoming prefers-reduced-data media query, which allows CSS to set different options depending on this setting. This is available behind a flag in Chrome, but not yet on by default while it finishes standardization.
Git tips & tricks - Tim Hårek

More git tips and tricks.
Aliases are underused

LessPass

A password generator based on the website URL and a master password. Thus it avoids to have a password generator.

A reboot of https://crypto.stanford.edu/PwdHash/ btw ...
I had the idea last year as the extension of stanford was old ! Here you are doing it LessPass :D

Elisabeth Anais on Twitter: "Mes élèves ont trouvé comment tricher avec un QCM #Pronote : ils explorent le code source de la page pour lire les réponses. Donc, je fais la chasse aux tricheurs, ou je valide des compétences numériques ? #SNT" / Twitter

Mes élèves ont trouvé comment tricher avec un QCM #Pronote : ils explorent le code source de la page pour lire les réponses. Donc, je fais la chasse aux tricheurs, ou je valide des compétences numériques ? #SNT
@Eli_Ana_Ma

C'est si drôle ! Les réponses sont donc stockées dans le frontend :D

Commentaire de Bronco: https://warriordudimanche.net/article1644/6225cdfae9e3a

ongoing by Tim Bray · Filtering Lessons

TL;DR you have to read the entire blob binary and create the appropriate data structure before filtering whereas you can skip parts with JSON, and thus make it faster.

JSON, however, allows stream parsing. Consider for example, the Jackson library’s [nextToken()](https://fasterxml.github.io/jackson-core/javadoc/2.8/com/fasterxml/jackson/core/JsonParser.html#nextToken()) or Go’s json.Tokenizer.

Sadly the code produced for Amazon Web Services is not open-source yet.

Note:
/*
 * Copyright (c) 2016 Intel Corporation.  All rights reserved.
 * See the bottom of this file for the license terms.
 */

/*
 * Sketch: LedControl.ino
 *
 * Description:
 *   This is a Central sketch that looks for a particular Sevice with a
 *   certain Characteristic from a Peripheral.  Upon succesful discovery,
 *   it reads the state of a button and write that value to the
 *   Peripheral Characteristic.
 *
 * Notes:
 *
 *  - Expected Peripheral Service: 19b10000-e8f2-537e-4f6c-d104768a1214
 *  - Expected Peripheral Characteristic: 19b10001-e8f2-537e-4f6c-d104768a1214
 *  - Expected Peripheral sketch:
 *
 */

#include <CurieBLE.h>

const char* testService = "19B10000-E8F2-537E-4f6C-D104768A1214";
BLEPeripheral blePeripheral;

void setup() {
  Serial.begin(9600);

  // initialize the BLE hardware
  blePeripheral.begin();
  blePeripheral.setLocalName("Hello world BLE");
  blePeripheral.setAdvertisedServiceUuid(testService);

  Serial.println("BLE Central - LED control");
}

void loop() {
  // check if a peripheral has been discovered
  BLECentral central = blePeripheral.central();
  if (central) {
    Serial.print("Connected to central: ");
    Serial.println(central.address());
  }
  Serial.println("BLE Central - LED control");
  delay(100);
}
Schrems II - Quels conséquences si vous utilisez Google Analytics & Co. en 2022? | Ostraca Blog

TL;DR;

Les données collectées avec Google Analytics sont des données à caractères personelles puisque le processus ne permete d'anonymiser avec certitude les utilisateurs du site web ou de l'application concernés, puisqu'il est possible de relier via Google Analytics toutes les informations d'un pseudonyme et donc d'en déduire son identité.

Shrems II concerne toutes les autorités, tribunaux et entreprises qui transfèrent des données aux U.S., ainsi que le transfert de données vers les U.S.

L'utilisation des outils de suivi américains n'est donc plus possibles et en voici le cas d'exemple.

En résumé, une mise en demeure de la CNIL qui intervient 2 ans après l’arrêt Schrems II, le tout dans un contexte où il n’existe plus d’accord d’échange de données entre les US et l’Europe depuis le 16 juillet 2020, et où les autorités, les entreprises et les particuliers utilisent toujours des services violant plusieurs articles du RGPD… Autant dire que nous naviguons entre deux réalités : la théorie et la pratique.

Font Squirrel | Fira Sans Font Free by Mozilla

Another good font for digital displays 👍

Welcome To Partytown

Partytown is a lazy-loaded library to help relocate resource intensive scripts into a web worker, and off of the main thread. Its goal is to help speed up sites by dedicating the main thread to your code, and offloading third-party scripts to a web worker.

An introduction and how it works:
https://www.smashingmagazine.com/2022/04/partytown-eliminates-website-bloat-third-party-apps/

Claymorphism: Will It Stick Around? — Smashing Magazine

Skeuomorphism relies on real-world aesthetics to make the UI intuitive and familiar. The app logo of YouTube on iPhone was a TV for example.

Flat and Material design has dominated the web UI landscape since the early days of responsive design

The dream of a more tactile-looking 3D web UI lived on, and it resurfaced in 2020 as Neumorphism.

A mix of Skeumorphism and Material Design.

Neumorphism also has serious accessibility flaws. The poor contrast made the UI unusable for users with poor vision or color blindness, and it’s difficult to perceive visual hierarchy if the effect is overused. Moreover everything, including cards and other non-interactable elements, looks like a button.

Claymorphism builds on top of Neumorphism foundations. Although both use rounded corners, they differ in how they use backgrounds and shadow.

Fermeture de ticket - Liens en vrac de sebsauvage

PRO TIP: pouvoir laisser un pourboire au technicien s'étant occupé du ticket. Bonne idée !

Introducing Metho: Safely adding superpowers to JS - DEV Community 👩‍💻👨‍💻

13[isOdd] returns true. Funny.

How to do it ?

  1. Use Symbols to create unique keys
  2. Object.defineProperty() with the symbol
  3. Passing parameters with a function :)

Metho simplifies this process with a simple method.
Metho project: https://github.com/jonrandy/metho

L'incohérence actuelle de l'indexation Google - Actualités SEO et moteurs - Abondance

Le crawler naturel n'index pas certains sites ou pages
MAIS on peut utiliser leur API pour se faire indexer son site ET là, eh bien le site est indexé...

Il s'agirait donc bien soit d'un bug du moteur et de ses robots, soit d'une faille dans son système de crawl, l'empêchant de crawler de façon propre et efficace les sites web, notamment récents.

Ainsi que des constats:

  • Google doit être au courant
  • peut être qu'un filtre est en place en pouvant indexer uniquement le contenu de qualité, mais celui-ci fonctionne encore mal
  • il faut obtenir un lien depuis un site "trusté" pour se faire indexer sa page web
  • Google tente de créer des pare-feux pour contrer la potentielle invasion des contenus de spam rédigés de facon automatique par des algos type GPT-3.
What is Vitebook? | Vitebook

I will give it a try instead of using Storybook for the new projects. Especially with Vue and Vite.

Alert: peacenotwar module sabotages npm developers in the node-ipc package to protest the invasion of Ukraine | Snyk
Note : idée pour les « offres SEO » - Le Hollandais Volant

Créer un site mirroir bidon, sur lequel lui on peut publier les articles publicitaires. Pas mal.

Les véritables visiteurs seraient au courant du contenu et pourrait se rediriger vers le site original.

Des extensions GNOME Shell à ne pas rater - Blog de dada

+1 pour OpenWeather et Sound Input & Output Device Chooser

Deno is Webby (pt. 2) - Jim Nielsen’s Blog

Deno's API is close to the web: so you learn some of the web on the way :)

Intel va investir 80 milliards d’euros en Europe, un centre de R&D et de conception en France
Covid-19: la Chine reconfine des millions de personnes après une explosion de cas | Le HuffPost

But let it be free in France

Geoff Rich on Twitter: "Sure, React has a rich ecosystem. But Svelte has a Rich ecosystem." / Twitter

Sure, React has a rich ecosystem. But Svelte has a Rich ecosystem.

🤣

Windows and workspaces

Working with workspaces is confortable. Especially when the workspaces can be set in a grid instead of a row with the workspace matrix GNOME extension!

Firefox Profilemaker

Un outil permettant de se configurer un profil Firefox selon ses besoins et envies 👍‍

(via https://korben.info/creer-profil-firefox.html)

Jan Schaumann on Twitter: "(A few) Ops Lessons We All Learn The Hard Way -- a Twitter 🧵:" / Twitter

A list of "Operations lessons we all learn the hard way"

Maître Pandaï on Twitter: "1. Pourquoi vous devriez conserver le masque en intérieur, quel que soit votre âge, votre état de santé, votre statut vaccinal ou d'éventuels antécédents de Covid https://t.co/b5XILTkKAa" / Twitter

Un looooonnnng thread (55 tweets) récapitulant les connaissances et risques du covid

Une note sur le retrait de contenu: un cas particulier d'abus puni par la loi

“Le fait pour toute personne de présenter un contenu ou une activité comme étant illicite dans le but d'en obtenir le retrait ou d'en faire cesser la diffusion, alors qu'elle sait cette information inexacte, est puni d'une peine d'un an d'emprisonnement et de 15 000 € d'amende”
(Loi n°2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique, Titre Ier, article 6, alinéa 4)

Import SQL avec barre de progression · j’ai acheté un PC...

Installer pv, puis passer de
zcat data-export.gz | mysql -u measuser -p -h db_host -P 3306 mydatabase
à
pv -pret --name ' Importing.. ' data-export.gz | zcat | mysql -u measuser -p -h db_host -P 3306 mydatabase

A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH — Smashing Magazine

Summary:

RGB is known to be limited.

HSL provides a much more explicit way to describe the color:

  • a position on a color wheel: hue (0-360, described as turn or degrees)
  • how much of this color: saturation
  • lightness

Looks better !

HWB: Hue, hiteness and Blackness. It is useful for creating monochrome color palette.

LAB is recommended if you want a color to look the same on-screen as, say, printed on a t-shirt.
It uses three axes: lightness, a-axis (green to red) and b-axis (blue to yellow)

LCH is much more interesting for web development though. it stands for Lightness, Chroma and Hue.

  • lightness: a pourcentage that can exceeds 100.
  • hue : is working the same as in HSL
  • Chroma : respresents the amount of color. It is similar to the saturation. In the browsers, there is often an upper bound.

More about it: https://lea.verou.me/2020/04/lch-colors-in-css-what-why-and-how/

A comparison between LCH and HSL : https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/4253d9b2-46d7-4b10-9e1a-b5f3ac6cea1c/5-modern-css-color.png

Tip: Holding down SHIFT and clicking the color swatch in the inspector in Chrome and Firefox dev tools will toggle the color value between hex, RGB and HSL!

Thanks for this cool tip !

Check the Level 5 Color specification for more about incoming color possibilities.

Un exemple de la privatisation de la santé | LES VREGENS

Un témoignage...

Jean Castex : une passion immodérée pour les jets de la République - [Universite Populaire de Toulouse]

Encore un contreexemple de discours des politiques francaises: il faut ceci, mais derriére, eux ils font cela.
Et puis bon. c'est financé par le budget de l'État.

Convertir la sortie d’une commande au format JSON

With jc and the option to convert the output to json

Free UI Icons Line - Free Icons Set - 1000 customizable PNGs, SVGs, PDFs

Free subset of the streamline collection

SVS: GISTEMP Climate Spiral
Zmap for Scanning the Internet: Scan the Entire Internet in 45 minutes
ISF Gate: le nationalisme financier n’est bon que pour les autres – Libération
Did we learn nothing from Y2K? Why are some coders still stuck on two digit numbers? – Naked Security

Some websites are broken because the version detected only supports 2 digit instead of 3 or an amount of digits...

Astuces pour le ménage - Le Hollandais Volant
Metadata Cleaner—Linux Apps on Flathub

Simple metadata cleaner

PwdHash

A password generator system based on hash generation. The hash take the website URL and a master password as input, it then generates a hash and returns the first X characters of it.

Tadaa you have your password.

WebCanvas - The World's Largest Collaborative Painting.

The biggest canvas where everyone can draw

Schneegans/Burn-My-Windows: 🔥 Disintegrate your windows with style.
Tiny tips, tricks & best practices for front-end development - this vs that
Meilleur conseil freelance – Carnet de notes

Facture 2x plus cher, quitte à échouer à signer la moitié de tes pros­pects

Le corol­laire que j’ap­plique : Si la très grande majo­rité des pros­pects signent, c’est que tu n’es pas assez cher.

Cookies : la CNIL sanctionne GOOGLE à hauteur de 150 millions d’euros et FACEBOOK à hauteur de 60 millions d’euros pour non-respect de la loi | CNIL

Comme disait je ne sais plus qui, rapporté à leur chiffre d'affaire, c'est comme si on vous demandait de payer une amende de 17€.

C'est quoi un Active Directory
cccolor → online HEX, RGB & HSL color picker for HTML & CSS

A powerful color picker with corresponding color palette. A clean & simple color picker for web designers.

SPAs were a mistake | Go Make Things

TL;DR SPAs hurt the built-in navigation of the browser. Developers reinvent the wheel for it and it is common to make mistakes bout it.
Some use cases are justified such as Youtube or Soundcloud (keep playing a video while navigating).

Ah ouais ça fait vraiment trop peur là | Les Joies du Code - Humour de développeurs : gifs, memes, blagues
font-variant-numeric - CSS: Cascading Style Sheets | MDN

In a nutschell: font-variant-numeric: tabular-nums; to make space between digit in a number consistent.

See https://twitter.com/i/status/1486059026064584711 for a animated example

NewPipe

Client-alternative to Youtube that has a better UX 👍‍

I always had the problem that Youtube is hitting my CPU so hard !

CSS Gap Space with Flexbox

Use gap to insert space on both axis left and right between elements

Language Design
New CSS Features In 2022 — Smashing Magazine

Nesting
Subgrid
Cascade Layers
New CSS color functions
accent-color
@when / @else
:has()
@container() query

nocodb/nocodb: 🔥 🔥 🔥 Open Source Airtable Alternative

A visual database with spread alike representations

Guillaume Champeau on Twitter: "OK ça touche la Russie et elle l'a bien cherché. Mais les images qui se multiplieront des conséquences concrètes des coupures d'accès aux services numériques américains devront nous faire réfléchir sur notre propre dépendance à des outils non européens." / Twitter

OK ça touche la Russie et elle l'a bien cherché. Mais les images qui se multiplieront des conséquences concrètes des coupures d'accès aux services numériques américains devront nous faire réfléchir sur notre propre dépendance à des outils non européens.

Effectivement, les États-Unis démontre ici un cas d'usage. Ils peuvent nous mettre la pression de cette sorte.