Abo
  • Services:
Anzeige

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.

Anzeige
EM Calculator
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.


eye home zur Startseite
???????? 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...



Anzeige

Stellenmarkt
  1. GK Software AG, Schöneck/Vogtland
  2. dSPACE GmbH, Paderborn
  3. RATIONAL AG, Landsberg am Lech
  4. MAC Mode GmbH & Co. KGaA, Regensburg


Anzeige
Hardware-Angebote
  1. 59,90€

Folgen Sie uns
       


  1. Soziale Medien

    Facebook-Forscher finden Facebook problematisch

  2. Streit um Stream On

    Die Telekom spielt das Uber-Spiel

  3. US-Verteidigungsministerium

    Pentagon forschte jahrelang heimlich nach Ufos

  4. Age of Empires (1997)

    Mit sanftem "Wololo" durch die Antike

  5. Augmented Reality

    Google stellt Project Tango ein

  6. Uber vs. Waymo

    Uber spionierte Konkurrenten aus

  7. Die Woche im Video

    Amerika, Amerika, BVG, Amerika, Security

  8. HTTPS

    Fritzbox bekommt Let's Encrypt-Support und verrät Hostnamen

  9. Antec P110 Silent

    Gedämmter Midi-Tower hat austauschbare Staubfilter

  10. Pilotprojekt am Südkreuz

    De Maizière plant breiten Einsatz von Gesichtserkennung



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
E-Golf auf Tour: Reichweitenangst oder: Wie wir lernten, Lidl zu lieben
E-Golf auf Tour
Reichweitenangst oder: Wie wir lernten, Lidl zu lieben
  1. Fuso eCanter Daimler liefert erste Elektro-Lkw aus
  2. Sattelschlepper Thor ET-One soll Teslas Elektro-Lkw Konkurrenz machen
  3. Einkaufen und Laden Kostenlose Elektroauto-Ladesäulen mit 50 kW bei Kaufland

Alexa-Geräte und ihre Konkurrenz im Test: Der perfekte smarte Lautsprecher ist nicht dabei
Alexa-Geräte und ihre Konkurrenz im Test
Der perfekte smarte Lautsprecher ist nicht dabei
  1. Alexa und Co. Wirtschaftsverband sieht Megatrend zu smarten Lautsprechern
  2. Smarte Lautsprecher Google unterstützt indirekt Bau von Alexa-Geräten
  3. UE Blast und Megablast Alexa-Lautsprecher sind wasserfest und haben einen Akku

4K UHD HDR: Das ZDF hat das Internet nicht verstanden
4K UHD HDR
Das ZDF hat das Internet nicht verstanden
  1. Cisco und Lancom Wenn Spionagepanik auf Industriepolitik trifft
  2. Encrypted Media Extensions Web-DRM ist ein Standard für Nutzer

  1. Re: Völlig abgekartetes Spiel

    Schnurrbernd | 13:02

  2. Re: Mit der Fritz ins Netz

    Teebecher | 12:58

  3. Re: 16-18km am Tag

    Infinity2017 | 12:57

  4. Re: Dann muss aber auch die Drosselung beim...

    Sandeeh | 12:57

  5. Re: Die Grafik ist erstaunlich wenig veraltet

    delphi | 12:55


  1. 12:33

  2. 11:38

  3. 10:34

  4. 08:00

  5. 12:47

  6. 11:39

  7. 09:03

  8. 17:47


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel