Daily Shaarli

All links of one day in a single page.

September 25, 2022

Un modèle social complètement idiot – Carnet de notes

Dès qu’on s’oc­cupe d’hu­ma­ni­taire, de social, d’un objec­tif un mini­mum éthique, ou même qu’on prétend simple­ment tenter d’être respec­tueux de la collec­ti­vité, les grandes rému­né­ra­tions sont immé­dia­te­ment jugées scan­da­leuses, honteuses. Ça parait sain : C’est autant d’argent qui ne va pas à la cause, quelle qu’elle soit.

De ce raisonnement, on favorise un modèle où ceux qui contri­buent posi­ti­ve­ment sont forcé­ment moins bien payés que ceux qui détruisent les gens et le monde autour d’eux.

On insi­nue que ceux qui aident les autres doivent accep­ter des rému­né­ra­tions plus faibles ou plafon­nées, qu’on ne doit pas gagner de l’argent en faisant quelque chose de bien. [...] On dessine que gagner de l’argent au détri­ment des autres c’est quelque part plus légi­time, moins honteux

Focus vs Coordination

The problem is that there’s a tension between our needs and our capabilities. We cannot focus and coordinate at the same time. Focus demands attention toward problems, while coordination demands attention toward people. Focus and coordination are opposing forces, pulling on the single thread of awareness. This tension creates the focus-coordination tradeoff.

People strive for focus (concentrators), other for communication (coordinators)).

The best way to navigate the focus-coordination spectrum is to constantly harmonize these dimensions as they dance. We can impact it through:

  • group size
  • people (managers, ICs, rotating coordination responsibilities, stand-up leaders, meeting scribes=.
  • how we communicate: synchronous vs asynchronous communication; medium
  • time: Healthy teams know which moments require more focus, and which ones require more coordination.
tympanus.net/codrops/

Just a great collection of resources with useful demos and tutorials

​​Scaling our CI to 14k+ E2E Browser Tests | by Isabelle COWAN-BERGMAN | Doctolib | Medium

On a 4-core machine, running all our tests sequentially would take 3 days, 15 hours, 10 minutes, and 3 seconds. It’s extremely difficult to run a subset of tests since we’ve built a pure monolith with deeply interwoven concerns, so we run every test on every push of every PR … in only 18 minutes!

The Cicada Principle, revisited with CSS variables – Lea Verou

In general, the larger the primes you use, the better the illusion of randomness. With smaller primes, you will get more variation, but less appearance of randomness.

The first way is to set each trait on :nth-child(pn + b) where p is a prime which increases with each value and b is constant for each trait.

The second way (which is more on par with the original Cicada principle) is to set each trait on :nth-child(pn + b) where p is constant per trait, and b increases with each value. This creates a better overall impression of randomness (especially if you order the values in a pseudo-random way too) without “holes”, but is more tedious, as you need as many values as the prime you’re using.

Want to Remember Everything You'll Ever Learn? Surrender to This Algorithm | WIRED

By graphing the acquisition of knowledge in SuperMemo, he has realized that in a single lifetime one can acquire only a few million new items.

Philosopher William James once wrote that mental life is controlled by noticing. Climbing out of the sea and onto the windy beach, my skin purple and my mind in a reverie provoked by shock, I find myself thinking of a checklist Wozniak wrote a few years ago describing how to become a genius. His advice was straightforward yet strangely terrible: You must clarify your goals, gain knowledge through spaced repetition, preserve health, work steadily, minimize stress, refuse interruption, and never resist sleep when tired. This should lead to radically improved intelligence and creativity. The only cost: turning your back on every convention of social life. I

Creative Button Styles

Examples of original button effects 👍

Creative Link Effects

Examples of original link effects 👍

Multi-Level Push Menu - Demo 1

A demo of 3 types of navigation menu with sublebels:

  1. Overlapping levels
  2. Covering levels
  3. Overlapping levels with backlinks
Build optimized websites quickly, focus on your content | Docusaurus
The Algorithms

A collection of algorithms. They are available in many languages.

Here a list about datastructures: https://the-algorithms.com/fr/category/datastructures

This image shows its own MD5 checksum — and it's kind of a big deal

and the method is impressive and smart: garbage is added to the image and all of it remains black. It is however quite impressive to get an hashquine picture!

This X Does Not Exist

After this person does not exist, here is a list of something or someone does not exist

A long-term plan for logical properties? | Miriam Eric Suzanne

Physical properties (margin, paddings) seems wrong: we need to specify intent in the design. That's why flow-relative or directions were introduced: inline-size, flexbox, block-size, ...

Design Issues for the World Wide Web

These statements of architectural principle explain the thinking behind the specifications. These are personal notes by Tim Berners-Lee: they are not endorsed by W3C on anyone else. They are aimed at the technical community, to explain reasons, provide a framework to provide consistency for future developments, and avoid repetition of discussions once resolved.

Responsive Web Design Patterns | This Is Responsive

A list of UI patterns

useHooks - Easy to understand React Hook recipes
Simple Icon Hover Effects with CSS Transitions and Animations

Examples of original icon hover effects 👍

Circular Navigation - Demo 1 | Codrops

Two circular navigation demos

Specifishity :: Specificity with Fish

CSS specificity as image 👍

html - Why don't flex items shrink past content size? - Stack Overflow

You're encountering a flexbox default setting.

A flex item cannot be smaller than the size of its content along the main axis.

The defaults are...

  • min-width: auto
  • min-height: auto
    ...for flex items in row-direction and column-direction, respectively.