Daily Weekly Monthly

Monthly Shaarli

All links of one month in a single page.

July, 2024

Tailwind CSS Color Generator | UI Colors

Un outil de génération d'une palette de nuances à partir d'une couleur donnée.

module: add --experimental-strip-types by marco-ippolito · Pull Request #53725 · nodejs/node · GitHub

Il semblerait que Node soit en passe de recevoir le support pour l'exécution de fichiers TypeScript nativement via la suppression des types qui y sont déclarés.

L'idée est de pouvoir exécuter un fichier .ts sans besoin d'outil externe. La contrepartie c'est qu'aucune vérification du typage n'a lieu. C'est mieux que rien !

Tower game in 84 lines of pure JavaScript

Un jeu tout simple développé en moins de 100 lignes de JavaScript.

Practical Guide To Not Blocking The Event Loop :: Building Better Software Slower

Une explication assez détaillée mais néanmoins digeste de ce qu'est l'event loop et de comment en tirer parti lorsque vous avez à traiter des données inhabituelles, j'entends par là des gros volumes ou des tâches intensives niveau CPU.

Open-source collaborative wiki and documentation software | Docmost

Un outil pour créer une base de connaissance ou un wiki.

One Thing Nobody Explained To You About TypeScript - kettanaito.com

Quelques subtilités du fichier tsconfig.json en TypeScript et de la façon — parfois contre intuitive — dont il modifie le comportement de ce dernier.

Getting stuck: all the ways position:sticky can fail | Polypane

Les petites subtilités du positionnement sticky en CSS et les quelques cas qui peuvent le conduire à un comportement contre-intuitif.

I was wrong about git stash...

Je ne connaissais pas git worktree, ça permet de créer un clone du répertoire de votre projet courant pour bosser sur une autre branche sans avoir à "abandonner" ce que vous faisiez comme git stash l'imposerait.

Très pratique pour faire des code reviews en local sans perturber votre travail en cours.

dotCSS 2019 - Sarah Dayan - In Defense of Utility-First CSS

J'ai toujours beaucoup de mal avec les librairies CSS utility-first type Tailwind mais il faut admettre que son argumentation tient la route sur pas mal de points.

The 3 Types of CSS Utility Classes

Un choix d'organisation intéressant pour CSS. L'idée est de répartir vos classes dans 3 catégories distinctes : le cosmétique (apparence visuelle de vos composants), le layout (les différentes façons d'agencer vos composants) et le spacing (des classes utilitaires pour créer des espaces dans et entre vos composants).

L'approche est que ces 3 catégories soient mutuellement exclusives. Interdiction de mettre du margin ou du display dans la catégorie cosmétique par exemple.

Vous construisez ensuite votre site en piochant dans les différentes classes disponibles. Ça favorise la réutilisabilité et l'harmonie.

C'est une philosophie qu'on peut placer à mi-chemin entre le CSS vanilla et les frameworks utilitaires type Tailwind.

Flotes Blog - Playwright: A Fast and Practical Introduction

Un guide pour l'usage de Playwright.

Total TypeScript Essentials | Total TypeScript

Un livre en ligne très didactique pour apprendre TypeScript de zéro, notamment les concepts.

Learn how to use TypeScript to level-up your applications as a web developer through exercise driven self-paced workshops and tutorials hosted by TypeScript wizard Matt Pocock.

A short primer on SPF, DKIM and DMARC – Rob Allen

Une explication concise sur SPF, DKIM et DMARC, trois systèmes qui visent à renforcer la sécurité liée aux envos d'emails et le spam.

Practical Logging for PHP Applications with OpenTelemetry | Better Stack Community

Un exemple détaillé de mise en place d'observabilité (ici en PHP) pour suivre à la trace ce qui se passe dans vos applications.

Les informations que ça apporte son précieuses mais l'overhead n'est pas négligeable. À considérer au cas par cas, en fonction de la criticité de vos applications.

Profiling Node.js Applications | Better Stack Community

Creuser dans les tripes de vos applications Node pour trouver ce qui engendre des problèmes au niveau ressources.

Create npm package with CommonJS and ESM support in TypeScript - Waldek Mastykarz

Créer un package npm qui supporte à la fois CommonJS et ESModule.