• IT-Karriere:
  • Services:

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.

Artikel veröffentlicht am ,

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
EM Calculator
Stellenmarkt
  1. Sanner GmbH, Bensheim bei Darmstadt
  2. Meibes System-Technik GmbH, Gerichshain

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.

Bitte aktivieren Sie Javascript.
Oder nutzen Sie das Golem-pur-Angebot
und lesen Golem.de
  • ohne Werbung
  • mit ausgeschaltetem Javascript
  • mit RSS-Volltext-Feed


Anzeige
Top-Angebote
  1. (1TB für 41,65€, 5TB für 92,65€)
  2. (u. a. Hitman 3 - Epic Games Store Key für 34,49€, Medieval Dynasty für 8,99€)
  3. 2.449,00€
  4. gratis (bis 22.04.)

???????? 25. Feb 2007

Was für ein Quark. Als Webentwickler entwickelst Du für Kunden Webseiten. Diese sollten...

Bitte Autor... 16. Feb 2007

Zwei sogar. compaq nx7010 und Benq FP202w dran.

Riddle 15. Feb 2007

Hi, thanks for reviewing my tool, I'm glad you found it useful. I'm not supporting IE...


Folgen Sie uns
       


Programm für IT-Jobeinstieg: Hoffen auf den Klebeeffekt
Programm für IT-Jobeinstieg
Hoffen auf den Klebeeffekt

Aktuell ist der Jobeinstieg für junge Ingenieure und Informatiker schwer. Um ihnen zu helfen, hat das Land Baden-Württemberg eine interessante Idee: Es macht sich selbst zur Zeitarbeitsfirma.
Ein Bericht von Peter Ilg

  1. Arbeitszeit Das Sechs-Stunden-Experiment bei Sipgate
  2. Neuorientierung im IT-Job Endlich mal machen!
  3. IT-Unternehmen Die richtige Software für ein Projekt finden

Weclapp-CTO Ertan Özdil: Wir dürfen nicht in Schönheit und Perfektion untergehen!
Weclapp-CTO Ertan Özdil
"Wir dürfen nicht in Schönheit und Perfektion untergehen!"

Der CTO von Weclapp träumt von smarter Software, die menschliches Eingreifen in der nächsten ERP-Generation reduziert. Deutschen Perfektionismus hält Ertan Özdil aber für gefährlich.
Ein Interview von Maja Hoock


    Fiat 500 als E-Auto im Test: Kleinstwagen mit großem Potenzial
    Fiat 500 als E-Auto im Test
    Kleinstwagen mit großem Potenzial

    Fiat hat einen neuen 500er entwickelt. Der Kleine fährt elektrisch - und zwar richtig gut.
    Ein Test von Peter Ilg

    1. Vierradlenkung Elektrischer GMC Hummer SUV fährt im Krabbengang seitwärts
    2. MG Cyberster MG B Roadster mit Lasergürtel und Union Jack
    3. Elektroauto E-Auto-Prämie übersteigt in 2021 schon Vorjahressumme

      •  /