Mon plugin pour Obsidian vient d'être validé 🥳
Il permet d'exporter une note Markdown en HTML dans un fichier ou dans le presse-papier.
Ajouter l'attribut inert à un élément HTML le rend — lui et tous ses descendants — inopérants. Il devient impossible d'interagir avec eux.
L'article aborde les différences avec les attributs ou les propriétés CSS similaires qu'il ne remplace pas, tels que disabled, visability: hidden, etc.
Par exemple, c'est ce que les modales HTML natives utilisent pour empêcher les interactions avec ce qu'elles recouvrent.
Exploration des propriétés CSS @starting-style et transition-behavior: allow-discrete pour les animations.
Les valeurs discrètes sont les valeurs non-numeriques telles que block, inline, etc.
Une alternative open source à Pocket, pour gérer votre liste de sites à consulter plus tard.
Un outil qui permet de faire de jolies images de bouts de code, prêtes à partager.
Quelques points de sécurité important à prendre en considération pour l'usage des JSON Web Tokens (JWT).
Le point principal étant : pensez à systématiquement vérifier la signature d'un token avant d'en consommer le contenu.
Pré-charger les polices de caractère dont on sait à l'avance qu'elles seront utilisées, pour que le navigateur n'attende pas d'avoir chargé le CSS pour les télécharger.
Cette technique permet de limiter les layout shifts provoqués par le remplacement de la police par défaut par la police personnalisée, et d'améliorer le temps de chargement global de la page.
Shaarli Material v0.14.0 est de sortie ! 🎅❄️
Au menu : un gros nettoyage des ressources front-end qui ne sont plus nécessaires et une mise à jour pour les autres.
Même si je n'utilise pas Elysia.js du fait que je n'utilise pas (encore ?) Bun, j'aime beaucoup la façon dont cette librairie a été conçue. Tout est très intuitif, et il y a un gros effort effectué pour encourager les bonnes pratiques (input validation, documentation, client type-safe, etc.).
A essayer !
Et si vous préférez attendre une plus grande stabilité/maturité au niveau de l'API, je pense que d'ici quelques mois, 1 an max ce sera bon. Mais la documentation est déjà très instructive à parcourir.
Choisir des marques connues pour les chargeurs USB haute puissance.
En gros, marques à retenir :
La propriété CSS interpolate-size est un un peu le nouveau box-sizing: border-box; : elle permet de transitioner depuis ou vers un mot clé (auto par exemple) en plus des grandeurs fixes, chose qui a longtemps été impossible avec du pur CSS.
Il suffit de la déclarer à la racine et elle s'applique partout. Mais elle n'est pas activé par défaut pour éviter les régression sur les anciens sites.
Le consentement expliqué de manière on ne peut plus simple.
L'usage des popover HTML comme alternative à l'attribut title qui n'est ni accessible ni utilisable sur mobile.
Il y a tout de même encore quelques efforts à faire pour le positionnement et l'interactivité.
Un outil pour faciliter l'usage des fonction CSS d' "easing" (aucune idée de comment traduire ça).
Très bien conçu et très sympa esthétiquement, avec cette petite touche néon :)
Un (long) article très complet pour apprendre tout ce qu'il y a à savoir sur les fichiers de configuration Nginx, incluant SSL et HTTP2.
Initiation aux animations de défilement (scroll animation) en CSS.
Petit rappel de comment gérer un formulaire complexe en JavaScript sans framework.
Une alternative open source à Zapier ou IFTTT pour automatiser vos services web.
Quelques commandes utiles de npm.
Travailler avec les streams dans Node.js.
Équivalent numérique du 17, pour signaler des soucis de "cyber malveillance" ou "cybercriminalité".
Un composant de saisie d'un numéro de téléphone qui inclut le choix du pays pour l'indicatif téléphonique.
Empêcher les systèmes de traduction de pages web intégrés au navigateur de traduire certains éléments avec l'attribut translate="no".
Une explication claire de ce que sont les passkeys, une tentative de remplacer les traditionnels mots de passe. C'est un peu comme avoir une clé SSH différente pour chaque site web finalement.
Les résultats de State of JS 2024 sont de sortie.
Une page remplie d'astuces pour s'éloigner des GAFAM (Google et consorts).
Petite astuce pour le terminal que j'ai découverte récemment : CTRL+W permet d'effacer un mot entier et CTRL+U permet d'effacer une ligne entière.
Très pratique une fois l'habitude prise !
Si vous avez un doute sur un site web qui semble offrir des prix un peu trop attractifs, vérifiez sa réputation sur ce site d'abord pour voir s'il n'y a pas un souci.
Je viens de le faire avec une parfumerie en ligne qui promettait des prix 50% plus bas que partout ailleurs, et effectivement ça semble être une arnaque.
L'outil qui sert à résumer les pages de manuel des commandes UNIX mais dispo dans le navigateur !
Un outil de transfert de fichier sécurisé.
Un utilitaire de chiffrement de fichiers tout simple, écrit en Go.
Des tonnes d'outils pour développeur (convertisseurs, chiffrement, encodage, etc.).
De l'avantage d'utiliser TypeScript plutôt que JavaScript.
Créer un packaging Node que l'ont peut exécuter avec la commande npm create.
Effrayant 😳
La quantité d'information que Google est capable d'extraire d'une seule image...
Il existe un moyen de dire à un navigateur mobile comment il doit gérer l'apparition du clavier virtuel avec interactive-widget.
La transition CSS à laquelle les développeurs n'osaient même pas rêver pendant de nombreuses années est maintenant possible 🥳
Comment ajouter un thème sombre à votre site et un système permettant de passer de l'un à l'autre facilement avec très peu de JavaScript.
Tour d'horizon de quelques solutions SSO (pour Single Sign-On) open source. La solution parfaite n'existe malheureusement pas en la matière.
Un effet de verre semi-transparent très sympa en CSS !
Une introduction à la création de sites web et à HTML pour les néophytes.
Une librairie de validation de données pour Node.js.
J'ai tendance à préférer l'utilisation de AJV avec un JSON schema mais c'est une alternative.
L'équivalent à mastodon-comments mais pour Bluesky. Ce webcomponent permet d'importer facilement les réponses à un post Bluesky, parfait pour un système de commentaire simple.
Créer un SDK JavaScript ou TypeScript à partir de la spécification OpenAPI d'une API REST.
Un exemple d'utilisation de Transformers.js qui permet d'utiliser des fonctionnalités d'IA rudimentaire en local dans une page web, pour par exemple faire de l'analyse de sentiment où de la détection d'objets dans une image.
Une introduction aux conventional commits avec Git, en français.
Un article très intéressant pour en apprendre un peu plus sur la genèse de Bluesky et sur les choix humains, organisationnels et technologiques qui ont été faits.
Je note que l'usage de TypeScript et de Node est conséquent et semble très bien fonctionner.
Introduction aux View Transitions CSS pour animer nativement la transition entre deux états d'une application web.
Installer Windows 11 même sur du vieux matériel.
Un petit jeu pour apprendre à utiliser VIM.