Semaine 14

CSS Container Queries

Un guide interactif approfondis sur l’usage CSS du @container. On y voit aussi l’usage des variables CSS et du sélecteur :has().

https://ishadeed.com/article/css-container-query-guide

CSScontainerqueryvariablehaslayout

Comment stoper l’héritage cascade en CSS ?

Via le @scope et la propriété all: revert-layer; il est possible de stopper l’héritage cascade CSS et de revenir au style par défaut du navigateur. Utile tous les jours ? Non. Bon à connaitre ? Oui.

https://robinrendle.com/the-cascade/017-how-to-kill-the-cascade/

CSSscopecascadehéritage

Librairie “Pragmatic Drag and Drop” d’Atlassian

Une librairie JS (avec adaptateur React, Svelte et Vue) pour faire simplement du drag and drop entre différents éléments HTML. La librairie se veut plus optimisée que du react-dnd ou alternative du genre.

https://atlassian.design/components/pragmatic-drag-and-drop/about

dragdropJavaScriptAtlassianpragmatic

BFcache c’est quoi ?

BFcache pour “back and forward cache” est une technique du navigateur pour mettre en cache les pages précédentes. Ainsi le chargement d’une ancienne page peut être quasi instantané.

https://web.dev/articles/bfcache

bfcachecachenavigateurpageoptimisation

Updates