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. ADWEKO Consulting GmbH, deutschlandweit
  2. Deutz AG, Köln-Porz
  3. ORBIT Gesellschaft für Applikations- und Informationssysteme mbH, Bonn
  4. Volkswagen AG, Wolfsburg


Anzeige
Top-Angebote
  1. 399,99€
  2. 1899,00€

Folgen Sie uns
       


  1. Google

    Android 8.0 heißt Oreo

  2. KI

    Musk und andere fordern Verbot von autonomen Kampfrobotern

  3. Playerunknown's Battlegrounds

    Bluehole über Camper, das Wetter und die schussfeste Pfanne

  4. Vega 64 Strix ausprobiert

    Asus' Radeon macht fast alles besser

  5. Online-Tracking

    Händler können Bitcoin-Anonymität zerstören

  6. ANS-Coding

    Google will Patent auf freies Kodierverfahren

  7. Apple

    Aufregung um iPhone-Passcode-Entsperrbox

  8. Coffee Lake

    Intels 6C-Prozessoren erfordern neue Boards

  9. Square Enix

    Nvidia möbelt Final Fantasy 15 für Windows-PC auf

  10. Spionage

    FBI legt US-Unternehmen Kaspersky-Verzicht nahe



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Starcraft Remastered im Test: Klick, klick, klick, klick, klick als wär es 1998
Starcraft Remastered im Test
Klick, klick, klick, klick, klick als wär es 1998
  1. Blizzard Der Name Battle.net bleibt
  2. Starcraft Remastered "Mit den Protoss kann man seinen Gegner richtig nerven!"
  3. E-Sport Blizzard nutzt Gamescom für europäische WoW-Finalspiele

Fujitsu Lifebook U937 im Test: 976 Gramm reichen für das fast perfekte Notebook
Fujitsu Lifebook U937 im Test
976 Gramm reichen für das fast perfekte Notebook
  1. DLU Fujitsu entwickelt Deep-Learning-Chips
  2. Celsius-Workstations Fujitsu bringt sichere Notebooks und kabellose Desktops

Game of Thrones: Die Kunst, Fiktion mit Wirklichkeit zu verschmelzen
Game of Thrones
Die Kunst, Fiktion mit Wirklichkeit zu verschmelzen
  1. HBO Nächste Episode von Game of Thrones geleakt
  2. Hack Game-of-Thrones-Skript von HBO geleakt
  3. Game of Thrones "Der Winter ist da und hat leider unsere Server eingefroren"

  1. Re: Sie laufen mit "Solarenergie"????

    m9898 | 23:45

  2. Re: Wie kann man ein Patend darauf beantragen?

    leMatin | 23:43

  3. Re: Die Anzahl der Kommentare korreliert mit dem...

    jose.ramirez | 23:40

  4. Re: Icon mit Zahl

    Phantom | 23:35

  5. Re: Hoffentlich ...

    404-error | 23:31


  1. 20:53

  2. 18:40

  3. 18:25

  4. 17:52

  5. 17:30

  6. 15:33

  7. 15:07

  8. 14:52


  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