Monthly Shaarli
March, 2022
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. 🚧
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 :)
People sign to accept this manifesto.
web3 = decentralisation + blockchain + NFTs + metaverse
web0 = web3 - blockchain - NFTs - metaverse
web0 = decentralisationweb0 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
Toujours au singulier. OK
Car c'est une locution adverbiale.
Les informations sont néanmoins à vérifier
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
La cryptomonnaie de Jacquie et Michel ... WTF ?
Navigate into github as a filesystem !
Could we make it crossplatform ? I.e. integration of Gitea and Gitlab for example
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
A tool that runs code in a file and replace it with the output.
Ê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.
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.
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
La question n’est pas de savoir si vous êtes manager, lead, expert ou mouton à cinq pattes, la question 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 connaissance pointue qui se trouve difficilement ailleurs et qui est essentielle au développement de l’entreprise, la progression de carrière de l’expert technique passe aussi par l’encadrement des plus jeunes, la communication non-violente, la collaboration, la prise d’initiatives, la prise de responsabilités, et beaucoup de savoir-être qui permettent de faire rayonner cette expertise.
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.
Et comprendre pourquoi un fichier de 17kB peut prendre en réalité 32 kB 😉
Selon une étude publiée récemment par la Commission européenne...
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é :/
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 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 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.
Currently selectable: Facebook, Instagram, LinkedIn, Messenger Signal, Snapchat, Whatsapp
Make all software developed on public funds open-source.
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.
Seems a good project for Drag'n'Drop !
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)
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érarchie viennent d’observations en captivité où on force des loups adultes de familles différentes à cohabiter dans des espaces réduits. Ce sont des comportements provoqués qui n’ont rien de ceux que choisissent les loups quand ils ont le choix.
Le logiciel Helio simple et épuré dédié à la composition. Je l'essaierais au besoin :)
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/
About bullshit jobs
- Deno deploy
- optimized core
- native HTTP
- Deno added to MDN compatibility tables
- foreign function interface (still instable)
- Node.js Compatibility
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"
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
« 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.
A library that seems good to parse CSV
Il faut augmenter la production d'électricité. Tel est le constat après ce calcul.
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.
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
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.
The design of this personal website is punky and original :)
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.
Ou cloner une machine...
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).
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.
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.
Il y a un sentiment de sérénité indescriptible à chaque fois que je refuse des contrats sur mon activité de freelance.
Je suis peu sollicité et je dis encore plus rarement oui. J’aimerais bien développer plus cette activité mais dire « je ne suis pas la bonne personne », que ce soit au niveau tarifs, compatibilité de caractère ou valeur ajoutée, me donne l’impression de faire les choses bien.
Ça me donne finalement bien plus de boost à l’égo que quand on me contacte pour quelque chose qui correspond parce que ça confirme mes valeurs et mon positionnement.
browser.compactmode.show → true
browser.uidensity → 1
(via https://sebsauvage.net/links/?t40Qsg)
Thanks for that :)
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.
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.
Pick your main color and this tool generate the platette that is WCAG compliant.
It generates individual Sass variables or css variables.
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.
Yes: the ecosystem of a web framework is as important as the framework itself. At least for entreprises that needs fast benefits !
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...
Only supported by chrome for now
- A Save-Data header is sent on each HTTP request. This allows dynamic backends to change the HTML returned.
- The NetworkInformation.saveData JavaScript API. This allows client-side JavaScript to check this and act accordingly.
- 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.
More git tips and tricks.
Aliases are underused
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
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
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.
/*
* 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);
}
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.
Another good font for digital displays 👍
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/
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.
PRO TIP: pouvoir laisser un pourboire au technicien s'étant occupé du ticket. Bonne idée !
13[isOdd]
returns true. Funny.
How to do it ?
- Use Symbols to create unique keys
Object.defineProperty()
with the symbol- Passing parameters with a function :)
Metho simplifies this process with a simple method.
Metho project: https://github.com/jonrandy/metho
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.
I will give it a try instead of using Storybook for the new projects. Especially with Vue and Vite.
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.
+1 pour OpenWeather et Sound Input & Output Device Chooser
Deno's API is close to the web: so you learn some of the web on the way :)
But let it be free in France
Sure, React has a rich ecosystem. But Svelte has a Rich ecosystem.
🤣
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!
Un outil permettant de se configurer un profil Firefox selon ses besoins et envies 👍
A list of "Operations lessons we all learn the hard way"
Un looooonnnng thread (55 tweets) récapitulant les connaissances et risques du covid
“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)
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
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 témoignage...
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.
With jc and the option to convert the output to json
Free subset of the streamline collection
Some websites are broken because the version detected only supports 2 digit instead of 3 or an amount of digits...
Simple metadata cleaner
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.
The biggest canvas where everyone can draw
Facture 2x plus cher, quitte à échouer à signer la moitié de tes prospects
Le corollaire que j’applique : Si la très grande majorité des prospects signent, c’est que tu n’es pas assez cher.
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€.
A powerful color picker with corresponding color palette. A clean & simple color picker for web designers.
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).
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
Client-alternative to Youtube that has a better UX 👍
I always had the problem that Youtube is hitting my CPU so hard !
Use gap
to insert space on both axis left and right between elements
Nesting
Subgrid
Cascade Layers
New CSS color functions
accent-color
@when / @else
:has()
@container()
query
A visual database with spread alike representations
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.