Em Calculator hilft Webdesignern beim Umrechnen in "ems"

Webtool berechnet Pixelgrößen in relative ems für skalierbare Layouts

Für Webdesigner bietet sich bei CSS-Layouts oft die Verwendung von ems als Maßeinheit an, um etwa die Schriftgröße zu definieren. "Em" ist eine relative Maßeinheit und stellt den Webdesigner ab und an vor Schwierigkeiten. Ein kleines JavaScript-Tool soll die Arbeit erleichtern, um skalierbare und zugängliche Layouts mit der relativen Maßeinheit zu erstellen.

Die Maßeinheit em ist eine relative Maßeinheit, im Unterschied zu Pixeln, die die Größe eines Elements absolut (auf demselben Anzeigegerät) bzw. in Abhängigkeit zur Pixeldichte des Anzeigegeräts anzeigt. Es ist etwa nicht auf den ersten Blick ersichtlich, wie viele Pixel notwendig sind, um ein em auf einem Monitor darzustellen.

EM Calculator

Der polnische Webdesigner Piotr Petrus hat ein kleines Werkzeug entwickelt, das den Umgang mit ems erleichtern soll. So lassen sich sowohl Standardschriftgröße als auch die gewünschte Größe eines Elements in Pixeln eintragen. Der Em Calculator errechnet daraus die notwendigen em-Werte für skalierbare CSS-Layouts. Dabei berücksichtigt der Em Calculator auch den Kontext, in dem die Pixelangaben stehen.

Der Em Calculator benötigt einen Browser mit JavaScript-Unterstützung und kann unter dem Link riddle.pl/emcalc/ aufgerufen werden.