The Daily Shaarli

All links of one day in a single page.

12/04/22

What to blog about

2 things:

  • Today I Learned - TIL
  • Write about your projects

I recommend adding “write about it” to your definition of “done” for anything that you build or create.

15 % des vêtements vendus par Shein contiennent des polluants toxiques

« Il s’agit d’un modèle économique construit autour de l’exploitation de l’environnement et des personnes, qui s’appuie sur l’absence d’application des réglementations conçues pour protéger l’environnement, la santé et la sécurité des travailleurs et des consommateurs », conclut l’ONG.

IxD (Interaction Design) Checklist - Orium

Check the interaction is ok

diziet | Hippotat (IP over HTTP) - first advertised release

LOL. Wrap a IP protocol into HTTP 🤯

Avoir chaud à l’ancienne : chauffer les personnes et non les espaces | LOW←TECH MAGAZINE

En dessous de 17°C je ressens le froid au quotidien (à 18°C je me sens encore bien). Et le pire c'est pour le télétravail : sous les 19°C c'est difficile d'être à l'aise.

Idem. Effectivement, un simple chauffage d'appoint peut suffire: 19 degrés est confortable pour le travail. 18 sinon.

Patterns | APG | WAI | W3C

How to build common ui patterns that are accessible 👍

Download Royalty Free Stock Photos and Images
Mono Icons

A simple, consistent open-source icon set designed to be used in a wide variety of digital products.

Simon 🍃 on Twitter: "THREAD : Je vous partage mes principes de design de base pour rendre vos Powerpoint stylés, en 4 points Je vais parler des Powerpoint pour avoir un sujet, mais ces principes s'appliquent dans tous les designs que vous voulez (CV, web design, documents, mails...) 😊 ⤵️ https://t.co/PPb4Sdnq5k" / Twitter

About design:

  1. Less is more: the content will be more important
  2. 5x5 rule: Maximum 5 lines of texte for a slide, and maximum 5 words per line.
  3. Show, don't tell: group together, use size, color, font, bold, etc...
  4. Fonts: Outfit, Montserrat, Lato, Fira, Roboto, Opan Sans, Poxima, Circular
  5. Illustrations: Pixabay (https://pixabay.com/fr/), Unsplash (https://unsplash.com), stocksnap (https://stocksnap.io), Undraw (https://undraw.co)
  6. Icons: Flaticon, TheNounProject (https://thenounproject.com/)
  7. Figma or Adoe XD can help to create the slides
Mastodon is just blogs

A way to understand Mastodon.

Checklist Design - A collection of the best design practices.
ploum.net: "Each new generation on the web…" - La Quadrature du Net - Mastodon - Media Fédéré

Each new generation on the web needs to learn that there’s no such thing as a permanent web identity on a commercial web service.

The only long-term solution to maintain your identity is:

  1. your own domain name
  2. Your own website/blog
  3. Several backups

Everything else is temporary. Your accounts on myspace, facebook, medium, twitter, google plus, youtube, tiktok, mastodon will one day disappear or become useless.

You don’t have a "community" on those websites. Only ephemeral discussions.

Legit if you think in terms of years.

SPA Alternative

This is in large part because HTML is a limited hypertext. In particular:

  • Only <a> and <form> can make HTTP requests
  • Only click & submit events can trigger them
  • Only GET & POST HTTP Methods are widely available
  • A request must replace the entire screen, leading to a clunky and sometimes jarring user experience

To the last point: the transition API is on its way :)

Accessible color palette builder

Create an accessible color palette based on criteria AA

Kalytis on Twitter: "Okay, donc pour mon trajet Nantes → Paris en voiture (Peugeot 207 1,1l) j'ai roulé à 110 km/h max au lieu de 130. Résultat : Temps de trajet : 3h35 au lieu de 3h15 Consommation de gazole : 17,18 litres au lieu de 31,25 litres. ??? plus jamais je roule à 130 de ma vie, en fait." / Twitter

First feedback: 130km/h to 110km/h
Time travel (hours): 3.15 to 3.35
Consumption (liters): 31.23 to 17.18

It seems to be relevant depending of the vehicle of course.

Another testimony:

  • 5.7-6.0 liters to 5.2 liters