Semaine 23

CSS Length Units

Tout le monde connait l’unité px pour un pixel, mais connaissez-vous les unités dvh ou cqi arrivées récemment ? Dans ce guide, toutes les unités, même les plus éxotiques, sont abordées.

https://css-tricks.com/css-length-units/

cssunitsguide

New to the web platform in May

Quoi de nouveau avec la sortie de Chrome 125, de Firefox 126 et de Safari 17.5 ? Du CSS anchor, des fonctions CSS comme round(), rem() ou light-dark(), la possibilité de garder l’écran actif (Screen Wake Lock API), connaitre l’utilisation CPU du client (Compute Pressure API) et enfin le @starting-style qui permet de définir du CSS qui doit être appliqué avant l’affichage (utile pour faire une transition d’ouverture de page).

https://web.dev/blog/web-platform-05-2024

browsercssupdate

Experimenting with local alt text generation in Firefox Nightly

Firefox teste un générateur de texte pour l’attribut alt d’une image. Ca tourne en local sur une base GPT-2 + ViT.

https://hacks.mozilla.org/2024/05/experimenting-with-local-alt-text-generation-in-firefox-nightly/

FirefoxIAGPT

The Gap - An exploration of the pain points that CSS gap solves

Marre des margins dans tous les sens ? L’article montre par l’exemple différents cas où la propriété gap nous aide beaucoup.

https://ishadeed.com/article/the-gap/

cssgapflexgridmargin

Updates