Post
Nouveau billet sur mon carnet ! Ce soir je vous parle de la grille de programme par jour, pour @ParisWeb
Dedans il y a de la CSS Grid, des IntersectionObservers qu’on n’utilisera finalement pas, Safari qui a des bugs _intéressants_… Bref, j’apprends toujours des nouveaux trucs en essayant de trouver des solutions
https://fourbi.eu/billet/2026-05-13-paris-web-2026-la-grille-de-programmes
@joachim Je suis intéressé par les bugs pour Safari/WebKit. Pour le 3px, as-tu le même problème avec 4px?
@karlcow quand j’utilisais comme masque une bordure de 1px, j’avais un demi pixel de la bordure inférieure qui n’est pas caché. Safari 18.6, Safari Technology Preview 232 sur MacBook Pro M1 (écran Retina). Comme tu peux voir sur la capture suivante, ça ne le fait pas pour toutes les colonnes, je pense qu’il y a un arrondi qui fait que le cache fonctionne sur la colonne 2 mais pas les autres
@joachim Oui, je veux savoir si cela marchait sur les nombres pairs, et pas sur les nombres impairs. (subpixel issues).
@karlcow je te joins les captures des colonnes avec la bordure + cache à la même largeur, à 1, 2, 3 et 4 px. Colonne 1 : demi-pixel qui colle à droite, colonne 2 pas de demi-pixel, colonnes 3 et 4 : demi-pixel qui colle à gauche
Édit : ma fourche a langué, c’est 1 et 4 à droite, 3 à gauche et 2 pile alignés sans demi-pixel
@joachim Pas de :stuck pseudo mais une query: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@container#stuck
Encore sous flag dans Firefox par contre.
Install bonfire.cafe
Get the full app experience
