Il y a quelques semaines, j’ai blogué sur l’inspection des tailles dans les outils de développement du navigateur, déplorant l’absence de moyen de basculer entre différents types d’unités pour les valeurs de longueur :
Actuellement, l’inspection d’une valeur de couleur dans Firefox ou Chrome vous permet de basculer entre les valeurs RVB, HSL et hexadécimales en maintenant la touche Maj enfoncée au clic. Ce serait formidable de voir une chose similaire pour les valeurs de taille aussi. Pouvoir basculer entre les pixels, les ems et les rems (ou même les pourcentages) dans le navigateur serait tellement utile !
Eh bien, il semble que les dieux du navigateur aient répondu à mes prières ! Adam Argyle sur l’équipe Google Chrome vient de partager cette toute nouvelle fonctionnalité qui a atterri dans Chrome Canary.
Il a l’air super utile et semble fonctionner plutôt bien pour autant que je puisse voir! Il vous permet même de basculer entre les unités que vous ne vous attendriez pas normalement à utiliser dans CSS, comme les centimètres et les millimètres (qui sont des unités valides, donc je suppose que quelqu’un, quelque part les utilise !). Ma seule critique est que (comme pour de nombreuses autres fonctionnalités des outils de développement) la façon d’ajuster par pas de 10 ou 0,1 n’est pas ce intuitif – sans le tweet, je ne le saurais même pas. Je ne peux pas non plus être le seul à trouver un peu fastidieux de cliquer et de faire glisser la petite zone de la valeur de la propriété pour la mettre à l’échelle vers le haut ou vers le bas. (Vous pouvez simplement taper la valeur souhaitée ou utiliser les touches fléchées pour ajuster.)
Le sélecteur d’unités ne semble pas actuellement accessible au clavier – mais pour le moment, il est effectivement en version bêta, nous verrons probablement quelques améliorations au moment où il fera son chemin dans Chrome standard.
Adam demande aussi:
Que doit-il se passer lorsque vous changez d’unité ?
- seule l’unité change (actuelle)
- convertir la longueur pour qu’elle reste la même longueur mais utilise la nouvelle unité
De mon point de vue, l’option 2 est meilleure pour de nombreuses situations où je l’utiliserais, comme lorsqu’un concepteur me donne une longueur en pixels et que je dois rapidement la convertir en rems.
En résumé, il s’agit d’une excellente nouvelle fonctionnalité à avoir dans le navigateur et, bien qu’elle ne soit pas encore parfaite, elle fait à peu près exactement ce que j’espérais !