Nico’s dreams - Commentaires du blog de Nicolas Hoffmann

Les em/rem avec les préférences utilisateurs

arilexi — Mon, 24 Apr 2017 08:09:59 +0200

Pour moi c'est tout simple
j'utilise uniquement des REM et je vire les utilisateurs qui ont un IE < 10
et je n'ai aucun respect des preferences utilisateurs

Les em/rem avec les préférences utilisateurs

Nico — Tue, 17 May 2016 15:36:13 +0000

@Gaël : ce sont surtout des solutions future-proof. Moi aussi, j'adore SVG, les sites où j'en ai utilisé le plus sont putains de beaux sur des écrans type Retina.

@vuzonp : perso, cela m'arrive mais je reconnais qu'avec une équipe, c'est plus délicat. Des fois, ça ne passe plus par les pixels mais direct en em, mais c'est pas le plus courant.

Le seul site où j'ai pu totalement partir en live a été un projet improbable : maquetté sous inDesign (si si, et plutôt bien), je ne sais pas si c'est le projet ou son design, j'ai intégralement fonctionné en em sans jamais me poser la question de ce que ça vaudrait en pixels, et une fois les templates posés, la designeuse en question m'a même félicité pour le rendu très proche de sa maquette. J'avais fonctionné à coups de valeur d'em entières.
Et le site n'est pas dégueux non plus :)

Les em/rem avec les préférences utilisateurs

vuzonp — Tue, 17 May 2016 14:48:57 +0000

Merci pour ce résumé de la situation.

Je reste toutefois gêné par le «reset » pour une raison différente de celle exposé dans l'article. Avec cette technique, on continue à penser en pixels en passant notre temps à nous dire «ça devrait s'afficher à telle taille en pixels». On travaille en valeur relative mais on continue à penser en valeur absolue.

S'avouer une bonne fois pour toute que l'on ne travaille pas avec 16px ou 10px mais bien avec une valeur variable et inconnue, c'est dur pendant une ou deux semaines mais à la longue ça me semble une meilleur habitude. Que vaut 1.5rem ? Je ne sais pas et je ne cherche pas à savoir...

Les em/rem avec les préférences utilisateurs

Gaël Poupard — Mon, 16 May 2016 09:35:52 +0000

L'aspect que j'aime le plus dans les em est la proportionnalité : c'est ce qui fait que tout s'ajuste facilement, puisqu'on établit un ratio entre les font-size et au lieu de valeurs strictes.

C'est le même principe qu'avec le SVG — le vectoriel en général — puisqu'on dessine des vecteurs (des trajectoires) qui sont positionnés les uns par rapport aux autres, indépendamment d'un contexte strict. C'est ce qui fait que peu importe la dimension d'affichage, le tracé vectoriel sera toujours bien proportionné et de bonne qualité.

Les em c'est pareil. Et c'est chouette.

Et oui je sais je fais des raccourcis, mais conceptuellement c'est pas loin :p