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. Wüstenrot & Württembergische Informatik GmbH, Ludwigsburg
  2. Sky Deutschland GmbH, Unterföhring bei München
  3. Continental AG, Babenhausen
  4. Computacenter AG & Co. oHG, Leverkusen


Anzeige
Blu-ray-Angebote
  1. (u. a. Hobbit Trilogie Blu-ray 43,89€ und Batman Dark Knight Trilogy Blu-ray 17,99€)
  2. 49,99€ mit Vorbesteller-Preisgarantie

Folgen Sie uns
       


  1. Datenbank

    Microsofts privater Bugtracker ist 2013 gehackt worden

  2. Windows 10

    Fall Creators Update wird von Microsoft offiziell verteilt

  3. Robert Bigelow

    Aufblasbare Raumstation um den Mond soll 2022 starten

  4. Axon M

    ZTE stellt Smartphone mit zwei klappbaren Displays vor

  5. Fortnite Battle Royale

    Epic Games verklagt Cheater auf 150.000 US-Dollar

  6. Microsoft

    Das Surface Book 2 kommt in zwei Größen

  7. Tichome Mini im Hands On

    Google-Home-Konkurrenz startet für 82 Euro

  8. Düsseldorf

    Telekom greift Glasfaserausbau von Vodafone an

  9. Microsoft

    Neue Firmware für Xbox One bietet mehr Übersicht

  10. Infrastrukturabgabe

    Kleinere deutsche Kabelnetzbetreiber wollen Geld von Netflix



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Science-Fiction wird real: Kampf der Robotergiganten
Science-Fiction wird real
Kampf der Robotergiganten
  1. Roboter Megabots kündigt Video vom Roboterkampf an
  2. IFR Zahl der verkauften Haushaltsroboter steigt stark an
  3. Automatisierung Südkorea erwägt eine Robotersteuer

Arktika 1 im Test: Monster-verseuchte Eiszeitschönheit
Arktika 1 im Test
Monster-verseuchte Eiszeitschönheit
  1. TPCast Oculus Rift erhält Funkmodul
  2. Oculus Go Alleine lauffähiges VR-Headset für 200 US-Dollar vorgestellt
  3. Virtual Reality Update bindet Steam-Rift in Oculus Home ein

ZFS ausprobiert: Ein Dateisystem fürs Rechenzentrum im privaten Einsatz
ZFS ausprobiert
Ein Dateisystem fürs Rechenzentrum im privaten Einsatz
  1. Librem 5 Purism zeigt Funktionsprototyp für freies Linux-Smartphone
  2. Pipewire Fedora bekommt neues Multimedia-Framework
  3. Linux-Desktops Gnome 3.26 räumt die Systemeinstellungen auf

  1. Re: eh alles Mumpitz...

    Rulf | 04:11

  2. Re: Perfektionierung

    ML82 | 03:57

  3. Re: Datenschutz

    ve2000 | 02:30

  4. Re: Präzedenzfall überfällig

    HorkheimerAnders | 02:17

  5. Re: Wenn ich das jetzt recht verstanden habe...

    ve2000 | 02:01


  1. 21:08

  2. 19:00

  3. 18:32

  4. 17:48

  5. 17:30

  6. 17:15

  7. 17:00

  8. 16:37


  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