Les problèmes que posent certains composants natifs du HTML.
Les utiliser est bon pour la sémantique mais pas forcément pour l'expérience utilisateur. Il faut aussi prendre conscience que les développeurs de navigateurs web doivent prendre d'extrêmes précautions lorsqu'ils mettent à jour les composants natifs, car ils prennent le risque de causer des bugs dans les sites qui les utilisent et n'ont pas anticipé ces changements.
Construire un tooltip sous forme de web component, histoire de remplacer le tooltip par défaut qui s'affiche avec l'attribut title.
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.