Semaine 38

Optimising for High Latency Environments

Qu’est-ce que le RTT ? Réduction du Temps de Travail ? Non on parle ici du “Round Trip Time” ! C’est une mesure de latence tel un ping entre le client et un serveur. Dans cet article on y découvre comment l’optimiser. TLDR; HTTP/3 QUIC, bon CDN et DNS resolver, éviter les CORS préflights et toutes résolutions de DNS ou requêtes HTTP.

https://csswizardry.com/2024/09/optimising-for-high-latency-environments/

optimisinglatencyrtthttpquictls

Animate to height: auto; (and other intrinsic sizing keywords) in CSS

Comment animer le height en pure CSS ? Bientôt, deux propriétés interpolate-size et calc-size() arrivent pour nous aider (pour le moment c’est que Chrome 129 https://caniuse.com/mdn-css_types_calc-size).

https://developer.chrome.com/docs/css-ui/animate-to-height-auto/

cssheighttransitioninterpolate-sizecalc-size

Two CSS Properties for Trimming Text Box Whitespace

Là aussi, deux nouvelles propriétés arrivent pour bien délimiter une zone de texte : text-box-trim et text-box-edge (pour le moment c’est qu’en expérimental https://caniuse.com/css-text-box-trim).

https://css-tricks.com/two-css-properties-for-trimming-text-box-whitespace/

csstextwhitespacetrimbox

The State of ES5 on the Web

En notre ère, les navigateurs couramment utilisés comprennent tous l’ES6+. Pourquoi utiliser encore l’ES5 (coucou IE11) ? Comment bien configurer Browserslist ? Petit tour d’horizon dans cet article.

https://philipwalton.com/articles/the-state-of-es5-on-the-web/

JavaScriptES5babelBrowserslist

Math4Devs

Vous êtes déjà tombés sur un algo obscur avec une définition mathématique sur Wikipédia ne sachant pas l’implémenter dans votre code ? Math4Devs est la solution ! Ca vous donne un joli tableau de correspondance d’anotation mathématique et l’équivalent en code.

https://math4devs.com

mathematiccheatsheetcode

Why we switched from Cypress to Playwright

Bon retour d’expérience entre l’utilisation de Cypress et les nombreux avantages à passer à Playwright.

https://www.bigbinary.com/blog/why-we-switched-from-cypress-to-playwright

experiencerexCypressPlaywright

AssetPack

Vous développez un peu un jeu vidéo ? L’équipe de chez PixiJS vient de mettre à disposition leur outil de package d’assets gratuitement.

https://pixijs.com/blog/assetpack-1.0.0

assetpackpixijspackagerimage

Updates