Em Calculator rend vos webdesigns accessibles et évolutifs
Lorsqu’on se lance dans le Webdesign, l’une des première erreurs que l’on fait et de vouloir à tout prix maîtriser les proportions de son template. On utilise à cet effet des tailles absolues en pixels.
Puis un jour, on fait évoluer son design et là c’est le drame. Il faut tout reprendre pour ajuster ses blocs au pixel près. Et il en est ainsi tant que l’on utilise des valeurs absolues en pixel.
La solution est d’utiliser des valeurs relatives, et qui plus est par rapport à l’élément parent. Ainsi, si l’on agrandie ce dernier, tous les éléments fils vont automatiquement occuper l’espace de manière harmonieuse. C’est grosso modo ce que fait une taille exprimée en « em« .
em représente la taille de la fonte défini dans le bloc : font-size: 12px. 1.0 em représente donc 12 pixels. 1.5 em représente 18 pixels et ainsi de suite.
Em Calculator est un webware écrit en javascript qui permet de produire des templates CSS flexibles et accessibles. Il convertie les tailles absolue en pixels en unité de « em« .
Utiliser les « em » est une sorte de bonne pratique dans la mesure ou cela permet à l’utilisateur de zoomer sur une page sans perdre la mise en page et la disposition des éléments.
Utilisez Em Calculator
Ce n’est surement pas nouveau (je l’ai dans mes bookmarks depuis des mois) mais je pense que c’est une bon webware à garder sous le coude, surtout si un client nous impose une charte graphique exprimée en pixels.
