Monthly Shaarli
March, 2023
The best OSS and free alternative I found so far
Create 3D scenes for the web
An example of original interaction
For accessible emojis:
- Use them sparingly as the screen reader will read them all.
- Use them at the end in order to keep the sentence consistent.
- Keep words instead of emojis: the words convey a better meaning.
- Avoid them in bullet lists
- Avoid emojis to convey an information
- Context can be misleading in the use of the emoji! It emphasizes points 3. and 5.
Idée de projet: visualiser les agendas des personnes du gouvernement :D
Inspiré de AgendaDeMinistre (https://framagit.org/agendadeministre)
A haker font that is still readable :)
Le successeur de LaTex? A service similar to Overleaf.
caused by AI? Such an AI is incompetent.
Je poses cela ici
Pendant ce temps de réforme, il faut se tenir informé. Voici l'entrée de la retraite par capitalisation avec les conseils de BlackRock.
A python script to help red teamers discover KeePass instances and extract secrets.
Où sont passés les gains de productivité issus de la technologie numérique?
- à l'échelle internationale, on observe une augmentation des revenus du capital depuis 1980.
- cela n'est pas applicable en France.
- on ne voit pas les gains de productivité en macroéco. On les voit très bien en microéco. Exmple de Amazon et Wallmart: Amazon à un ratio de rendement au m2 7 fois supérieur à Wallmart, avant que cette société ne commence à s'adapter. Au niveau microéco, il y a de nombreuses hypothèses mais rien de confirmée.
- Une étude de l'UE suggère qu'avec plus de travailleurs dans le domaine informatique, le PIB augmenterait (1 million, 2% du PIB). L'étude doit encore être retrouvée
Eḿbed SQL examples in a web page. It uses a browser-compatible compiled sqlite under the hood .
A good starter to use cases for the :has()
selector
- You have multiple hats: separate them. Split up the design tasks from the implementation tasks.
- Know your environment, fit in your team
- Do hero mockups before implementation
- Use Design Briefs to keep track of raw notes and decisions.
- Design system helps to be more productive
- Research: focus on the 20%. 80% of what a good designer does should be usable.
We have a broad array of tools at our disposal. Use them! Only the right tool for the job.
Low fidelity can be better than no fidelity.
Marjolijn Voogel signale que la perception de l’importance de parler français aux Pays-Bas est toujours en déclin, surtout suite aux réformes à la fin des années 1990.
Ces résultats, sont à rapprocher d’un environnement pauvre en occasions de se confronter régulièrement à la langue et de méthodes pédagogiques surtout basées sur les structures de la langue, la grammaire et la traduction plutôt que sur l’usage.
En revanche aux Pays-Bas,
Les méthodes utilisées considèrent que le langage est un assemblage de mots fréquemment utilisés par des locuteurs dont c’est la langue de socialisation, auxquels les apprenants doivent être exposés de façon répétée à travers des activités créatives et des tâches réelles de la vie. Elles correspondent à (la théorie dynamique de l'usage)
Afin d’exposer le plus possible les apprenants à ces constructions, du matériel différent est utilisé selon le niveau et l’âge : des contes (au primaire et au collège), des textes ou vidéos créatives et réelles (au lycée) et des films (à l’université).
Aussi les logiciels Slimstampen ou FluentU sont utilisés afin d'apprendre les mots via des cartes à la manière d'Anki.
Featured components that are ready to be styled.
Use a web UI to ensure compatibility.
Operations are made through system calls of Node, Bun or deno or the git cli command as the FileSystem API is not widespread.
It uses the sqlean-fileio extension. It allows to import/export data from files such as JSON :)
A minimalist email server without UI
Les mauvaises pratiques de Capgemini semblent être pointé du doigt. Il s'agit des ESN en général.
Le jeu de plateau mémoire 44 :D
Le jeu de guerre ne permet pas de prédire l'avenir, mais d'identifier des problèmes. Le joueur se rend compte que telle partie du plan n'est pas très adaptée. Plus aucune opération militaire n'est menée sans avoir été jouée au préalable, sur une carte, avec des petits soldats, des dés et des cartes.
A collection of websites
Just ask the question!
Nest similar files that are in the same directory.
It can be useful in some cases: to declare variables in the <template>
directly.
Alors garçon, on ne veut pas laisser les gens décider par eux-mêmes ?
Pourquoi ce si grand besoin d'influence ?
Display a web view with different sizes simultanously
Build up forms from rectangles and triangles
Quelle est la différence entre produit et side project
- Ne pas écouter ses utilisateurs (car le produit n'est pas fini)
- Se concentrer sur les fonctionnalités aux lieu de prototype technologiques, surtout lorsque cela est fait par des tech/devs.
- Un produit demande plusieurs corps de métier à l’œuvre. La vente est importante, ou des compétences légales ou financières.
Un side project c'est un projet qu'on réalise à côté, le soir, le week end. C'est un extra en dehors d'une autre activité. On le fait sans contraintes en mode best effort. Et si j'arrive à une conclusion désormais, c'est que dans beaucoup de sujets, le mode best effort c'est le meilleur moyen d'échouer.
Bref, pour caricaturer, il y a donc deux extrêmes qui ne marchent pas :
- le mode best effort, sans moyen, sans temps alloué
- la profusion de moyens et l'absence de contraintes
Et pour transformer un side project en produit, il faut viser la solution médiane : être à 100% et avoir des contraintes.
Répertoire des symboles d'extrême-droite
A framework to build web components where targets can also be other web frameworks.
A great project to get started with hexagons (for example, a map).
23, avec un lapin
A collection of websites that have a "now page"
Another page: what is the owner or organization doing now (this year) instead of the generic about.
Store content that should be accessible. If the content should be seen or read on a page, don’t only put them in data attributes, but make sure that content is in the HTML content somewhere.
A use case is to style components based on their data attribute values.
Data attributes can be accessed in JS with tag.dataset.attributeName
. It can also store JSON.
publint lints npm packages for packaging errors, ensuring maximum compatibility across environments. This means that consumers of your package can safely run your code in any platform, e.g. Vite, Webpack, Rollup, Node.js, etc.
A browser extension to save texts anytime, anywhere.
A simple text saving tool inside a browser.
- use
product
instead of nested python for-loops - use the walrus operator for assignment expressions
- use ternary conditional operator if the assignment is simple
- use lambda function to define simple functions
- use list comprehensions
- leverage the Higher Order functions of python such as map and other iterable functions.
- use union operators to merge dictionaries
- use f-strings to format strings
- use asteriks for unpacking iterables and destructuring assignment
The people who work for you have three resources: time, energy, and give-a-fuck.
Time is the cheapest. It replenishes one hour every hour.
Energy is more expensive. When you're out, you need lots of time off to recharge.
Once give-a-fuck is burned, it's gone forever.
Got a point here
About RSS and its most recent first approach. Nothing stops someone from putting old articles in their feeds every month or sorting them differently.
The vast majority stay with the most recent article comes first approach.
Comme on vient de le voir, il y a un tas de raisons qui pourraient donner envie de passer du statut de développeur à celui de tech lead : améliorer le relationnel et la fluidité au sein de la team et/ou avec les autres services de l’entreprise, intervenir plus tôt dans le processus de création du produit, endosser plus de responsabilités, créer un environnement de travail plus efficace, etc.
I agree with Mark Nottingham.
The Metaverse is only a new way to get a private platform where Meta is free to do what they want.
Its users don’t think about the systemic effects of their actions
Most of them yes because they won't care about everything. It is too hard to do so.
I don’t want to live in a society where pouring countless billions into a platform gives you automatic rule over people’s interactions, solely because no one else spent as much and you had the first mover / network effect advantage.
Simply put, while competition has a place in improving the Internet, cooperation has an even larger role, and it’s too often ignored.
So in a nutshell, Internet and most of it should stay open!
Endpoints:
- receive a quote that may induce existential dread
- estimate the percentage of life you have lived
- estimate the number of saturdays remaining
- estimate the number of people who will remember you in a given number of years
There is not a unstable then a stable phase, but 3 phases:
- the API is unstable as hell
- the API is mostly settled
- In the third phase, the API is fully stable, and no backwards-incompatible changes are expected.
We can name these:
- experimental (unstable)
- production-ready (still unstable, but you can budget-in a bounded amount of upgrade work)
- stable (no maintenance work is required)
Excellent! Les gens achètent moins de smartphones et les gardent plus longtemps.
I think it would be better if he mastered rules and filters and stick to one inbox
I totally agree
Un autre article sur le sujet des wargames, qui deviennent sérieux.
A good example is Amazon’s Basics range. Amazon buys white label products from multiple manufacturers and sells them under the Basics brand.
White label design services follow a similar concept. A creative agency builds tools, apps, and websites (templates) that companies can purchase and rebrand.
Challengs of White Label Design are multiple:
- white label products must be re-brandable: the design should fit everyone, and everyone should be able to customize it.
- flexible information architecture: the white label product provides many page layouts and navigational possibilities while maintaining the flexibility to adapt to the brand’s requirements.
- accessibility: UX designers must also consider accessibility, so products comply with WCAG (Web Content Accessibility Guidelines) standards.
In order to define a white label system, we can extend atomic design (atoms, molecules, organisms, templates, pages) with a new elements category: it contains colors, typefaces, grids, spacing, brand assets, etc... They are all the design tokens :)
Always a way to optimize the startup time of vite :D
Vite can transform some files before the first request, increasing the speed of the first possible interaction.
It could also be integrated to Vite core as Evan You is in favor of it https://twitter.com/youyuxi/status/1641402565631025152
It collects indeed a lot of icons
Try to draw perfect vectors :D
Align the letter perfectly
Simple to use local JSON database. Use native JavaScript API to query. Written in TypeScript. owl
A list of tools for Mastodon. It can surely be improved!
Un dictionnaire proposant des mots plus inclusifs 👍
Au nom des libertés individuelles, .... mais on en parle des libertés individuelles des mineurs? Ah non sinon toute le raisonnement ne tient plus. C'est incroyable ce délire aux U.S.
- Clarity
- Readability
- Alignment
- Brevity
- Consistency
- Personality
- Ease of Use (organize, well-documented, tested)
Using POO can help to structure the application code with the d3 library.
- We only ship good work
- We ship when we’re confident
- We ship when the work is finished
- We own the issues after we ship
- We don’t ship if it isn’t right
- We ship our collective best effort
- We ship to our appetite
It follows best practices :)
- Create construction zone where the result is affected to a variable
- Containing Side-Effects and Error-Handling (go)
- Restrincting variable lifetimes (rust)
L'argent contribue a augmenter le bonheur jusqu'à plafonner à 100 000 dollars par an aux U.S.
Après ce revenu annuel, le surplus d'argent contribue peu au bonheur.
The first reference about agility since 2001
L'accès aux ressources de la BNF avec le pass Culture Illimité (15/24€ pour une année).
Cette liste provient de https://www.bnf.fr/fr/ressources-electroniques-de-presse
It is not obvious that the internet is inherently dangerous for kids. See studies about this subject.
A great comparison:
try to “clean up” the internet to make sure everywhere was perfectly safe for everyone was the equivalent of raising children at Disneyland, and then on their 18th birthday, releasing them into the real world outside the gates, and expecting them to be able to survive.
Instead, we just need to “talk to your children honestly not just about what they might see online, but about their own bodies.
About the current ideas that seems to be good:
Debates around the pros and cons of these various solutions get into what freedom and privacy we’re willing to sacrifice for the sake of keeping kids from seeing adult content.
Does censorship alone ensure that kids will grow up to be sexually healthy adults?
Instead
As the article notes, educating children helps to inoculate them against whatever nonsense they might encounter online.
- Users tend to use a list of all the links or headings on the page instead of the tab key! The user could then jump directly to the heading or link that sounded like what they were looking for.
- Navigating to the homepage from an internal page: all of our interviewees searched for a link being announced as "Home"
- To navigate to a certain page, users opened a list of all the links on a page. it was common to type the letter on the keyboard to search for the available links starting with the first letter of what they would expect the page name to start with. A "Get in touch!" link is likely to not be found
- idea here: we need a standard about common pages! (Contact, Pricing, etc...)
- None of the interviewees enlarged the window to take the full screen. This means some users will experience the mobile layout and behavior of the menu navigation, rather than the desktop version we intended. So a computer does not mean a desktop layout
- None used skip links because they are less efficient than their other methods. Moreover, the skip link is sometime broken as the keyboard focus does not shift!
A full-stack projet that report cool URIs: https://www.w3.org/TR/cooluris/
URIs are cool up to the moment they change, so the service will register a URI and says if it is cool or not.
The service can be extended and provide a timeline when a URI was cool, when it became not cool anymore. And the less cooler it is.
Also it can provide stats on the coolest URIs registered :)
Checking a URL can result in 2 states:
- the URL is stored and the service is checking it stays cool
- cool since YYYY-MM-DD
- list of changes as timeline
- the URL is not stored and the service register it for the first time.
A pure HTML vue library. CSS is free :)
Sur 399 boutiques évalué par la comission européenne et les autorités nationales de protection des consommateurs:
- 42 sites web utilisaient de faux compteurs à rebours indiquant des échéances pour l'achat de produits spécifiques
- 4 sites web orientaient les consommateurs vers certains choix [...] par leur présentation visuelle ou leur formulation
- 70 sites web dissimulaient des informations importantes ou les rendaient moins visibles pour les consommateurs
An ode to email <3
keep your crusty gmail account around for spam and trials and signups and
whatever else, and get yourself a fastmail.com account. or a migadu.com account
if you're a techie.set email type to plaintext-only. this email account will only ever send
or receive text.email waits patiently. it sits still and does not make a fuss. if your friend
doesn't respond, send another email to another friend. the conversations move
slowly, sometimes over the course of many years. this is the antithesis of
modern communication.think of email the same way you'd think of a penpal.
email connects people intimately and loosely.
Je poses cela là
Setting a timezone for the moon 😃
An example of optimisation