Une liste de thèmes CSS "classless" ce qui signifie qu'ils se contentent de styliser les composants HTML par défaut, sans utiliser de classes supplémentaires.
Ces styles sont un bon moyen de proposer un style moderne tout en conservant un code HTML aussi simple que possible.
Une proposition de structure du code moderne mais n'utilisant aucune dépendances ni système de build. Rien que du pur HTML, JS, CSS.
A case study on viable techniques for vanilla web development.
C'est intéressant en comparaison des frameworks habituels (React, Vue, etc.) de voir ce qu'il est possible de faire en adoptant une architecture en composants.
Un outil pour éditer de la vidéo et de l'audio sans perte de qualité. Par exemple extraire des séquences d'une longue vidéo. Comme la vidéo n'est pas ré-encodée à chaque fois, c'est très rapide et sans pertes.
Des conseils sur l'écriture d'un Dockerfile optimisé pour des applications Node.js.
Des bonnes pratiques pour les tests en JavaScript.
Beyond the basics of Node.js testing. Including a super-comprehensive best practices list and an example app.
Un article complet (et relativement long mais instructif) sur les tests que l'on omet souvent car ils concernent des cas qui se produisent peu souvent (mais qui se produiront !)
Listing de vrais jeux mobile, débarrassée des gatchas et autres jeux sans saveur habituels.
Un très bel article qui explique pourquoi les Web Components et plus généralement les standards seront toujours plus pérennes que les frameworks.
Le passage sur le coût des dependences est crucial et bien expliqué, surtout pour les projets impossibles à mettre à jour tous les mois. Pensez-y, moins vous comptez faire évoluer une app, plus vous devez limiter les dépendances externes.
structuredClone(obj) est la bonne solution pour faire un deep clone d'un objet en JavaScript. Il n'y a que quelques limites à prendre en compte, à la fin de l'article, mais pour 95% des cas d'utilisation elles ne posent pas de problème.
Limiter la collecte de données de votre smart TV.
Un tuto relativement simple en 6 étapes pour comprendre les composants de base de Kubernetes (cluster, node, pod, deployment, service, replica set).
Ce header HTTP envoyé dans la réponse du serveur permet d'afficher côté client (navigateur donc) des informations détaillées sur les différents temps de traitement côté serveur (par exemple la durée des requêtes SQL, si un cache a été utilisé, etc.).
Le serveur est responsable d'envoyer les metrics qu'il souhaite. À utiliser avec précaution car ça revient à rendre publique en partie la structure du serveur.
Exemple d'utilisation et de visualisation avec Chrome : https://ma.ttias.be/server-timings-chrome-devtools/
Cette lib vous permet d'automatiser certaines interactions avec votre ordi. Bouger la souris, cliquer sur un bouton par reconnaissance d'image, etc.
Moving your mouse around your screen, clicking buttons or icons, typing on your keyboard, reading screen content, and much more — it's all possible with nut.js.
Une extension Firefox qui permet de contourner les paywalls en simulant le user-agent d'un robot indexeur de moteur de recherche (type Google bot). Pas encore testé.
Le sélecteur CSS :has est à présent géré par tous les navigateurs majeurs. Voici quelques exemples d'utilisation.
Un tuto simple qui aborde l'animation d'un SVG simple avec des transitions CSS.
Une alternative à Docker Desktop qui se dit plus rapide et légère. Pas testé.
Une saine lecture pour comprendre quels sont les risques de sécurités liés à l'utilisation de Docker et comment les limiter au maximum.
Le principe de limiter les privilèges au maximum et de n'ajouter que le strict nécessaire au fur et à mesure est une très bonne pratique, malheureusement trop peu souvent appliquée par manque de temps.