Quotidien Shaarli

Tous les liens d'un jour sur une page.

Aujourd'hui - June 13, 2026

Better fluid sizing with round()

L’article explique comment la fonction CSS round() permet d’obtenir des tailles fluides plus prévisibles en arrondissant les valeurs calculées par des fonctions comme clamp(). Par exemple, une taille de police calculée à 19,7 px peut être arrondie à 20 px selon un intervalle défini (2 px, 4 px, etc.), améliorant ainsi la cohérence visuelle des interfaces. L’auteur illustre son propos avec des exemples concrets, comme des composants de carte ou des échelles de typographie, montrant comment cette technique optimise le rythme visuel et évite les valeurs décimales incohérentes. La fonction round() offre quatre modes (up, down, nearest, to-zero) pour adapter l’arrondi selon les besoins.