Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

November, 2022

Quelles sont les meilleures imprimantes multifonctions en novembre 2022 ?

Pour le coup je déconseille fortement EPSON. En plus de l'obsolescence programmée, ça a été une tannée à la faire fonctionner correctement. Je pense que Canon est la marque qui a globalement le moins de retour négatifs dans mon entourage.

D2 lang

Un langage qui permet de générer un diagramme à partir de texte. Parfait pour stocker dans un repo Git et pour éviter les prises de têtes liées à la mise en page.

Detect whether a click happens inside or outside of an element

Je ne connaissais pas la fonction contains sur un Node HTML, qui permet de savoir si un élément en contient un autre. Idéal pour se passer des libraires type vue-clickaway.

Plus d'infos : https://developer.mozilla.org/en-US/docs/Web/API/Node/contains

Learn JavaScript

Un site interactif pour apprendre JS.

*confidentialité non incluse | Soyez malins, achetez des produits sûrs | Mozilla Foundation

Mozilla dresse une liste des cadeaux de Noël respectueux ou non des données personnelles.

CSS Timeline

Une timeline en CSS.

An Interactive Guide to Flexbox in CSS

Le guide ultime pour comprendre CSS Flexbox selon moi (et j'en ai lu un paquet). C'est en anglais et relativement long, mais tout y est, mêmes les nouveautés comme la propriété gap ou les subtilités comme margin: auto.

J'ai découvert 2 ou 3 trucs que je ne connaissais pas alors que je suis un très gros utilisateur de Flexbox.

kd2org/picodav: Single-file WebDAV server, just drop it in a directory!

Un serveur WebDAV qui tient en un unique fichier PHP. Difficile de faire plus simple.

xinntao/realesrgan – Run with an API on Replicate

Un outil pour upscale une image.

Practical Image Restoration Algorithms for General/Anime Images

unocss/unocss: The instant on-demand atomic CSS engine.

J'ai beaucoup de mal avec les framework CSS dit utility-first type Tailwind et consorts. Le HTML est souvent surchargé de classes cryptiques et devient donc difficile à lire. Sans parler du risque de ne pas "nettoyer" correctement le CSS final et donc d'embarquer des méga octets de CSS inutile.

Mais je dois admettre que l'approche proposée par UnoCSS est séduisante. Le nettoyage est fait à la volée et il fonctionne par "presets". On peut donc importer les règles que l'on veut, et créer nos propres règles facilement.

À essayer...

Les aides au préchargement de ressources - Alsacreations

Très bon article en français qui explique de manière concise le fonctionnement des attributs async, defer, rel=preload/preconnect/dns-prefetch, fetchpriority et loading.

github/mona-sans: Mona Sans, a variable font from GitHub

Une police d'écriture variable. Un seul fichier woff2 et pas mal de variations possibles.

Fan Control - Fan Control

Une app pour gérer les ventilos de votre PC Windows.

Via https://korben.info/controlez-ventilos-pc.html

Enfin un Alt Tab digne de ce nom sous macOS !

Il faut avouer que le Alt+Tab sur MacOS est vraiment tout pourri.

akrabat/slim-api-starter: Slim API Starter

Un starter simple et solide pour créer une API avec le SlimFramework.

Shell Script Best Practices — The Sharat's

Quelques règles intéressantes à connaître pour tout script Shell que vous écrivez.

#!/usr/bin/env bash

set -o errexit
set -o nounset
set -o pipefail
if [[ "${TRACE-0}" == "1" ]]; then
    set -o xtrace
fi

if [[ "${1-}" =~ ^-*h(elp)?$ ]]; then
    echo 'Usage: ./script.sh arg-one arg-two

This is an awesome bash script to make your life better.

'
    exit
fi

cd "$(dirname "$0")"

main() {
    echo do awesome stuff
}

main "$@"