Vue lecture

HTML inert Attribute | 12 Days of Web

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.


Permalink
  •  

Animating Entry Effects | 12 Days of Web

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.


Permalink
  •  

How to Avoid JWT Security Mistakes in Node.js

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.


Permalink
  •  

Preloading fonts for web performance with link rel=”preload” - HTMHell

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.


Permalink
  •  

Elysia 1.2 - You and Me | ElysiaJS

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.


Permalink
  •  

calc-size() and interpolate size | 12 Days of Web

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.


Permalink
  •  

Easing Wizard - CSS Easing Editor

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 :)


Permalink
  •  
❌