Semaine 15

DevTools Tips & Tricks

Un guide sur le DevTools montrantant différentes techniques parfois méconnues.

https://frontendmasters.com/blog/devtools-tips-tricks/

devtoolsdebugchrometips

Folding the DOM

Tuto pas à pas sur comment jouer avec la perspective CSS et les tranformations.

https://www.joshwcomeau.com/react/folding-the-dom/

css3Dtutorialperspective

Don’t get scammed by fake performance experts

Article expliquant certaines techniques pour doper les résultats de tests comme PageSpeed ou GTmetrix. Attention bien sur de ne pas utiliser cela dans vos projets 😉 😈

https://performance.shopify.com/blogs/blog/don-t-get-scammed-by-fake-performance-experts-and-apps

perfhackspeed

Jpegli : un nouveau encoder JPG

Alors que les “nouveaux” formats tel que webp ou avif sont de plus en plus utilisable, Google nous sort un outil d’encodage JPG encore plus performant.

https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html

jpgencodegoogle

Envie de transition / animation CSS ?

Voici deux librairies JavaScript Swup et Barba (9Ko chacun) pour animer votre (futur) magnifique site.

https://swup.js.org

https://barba.js.org

animationtransitioncssJavaScript

Updates