Comments on: The EmChart http://fordinteractive.com/2009/02/the-emchart/ thoughts on web design and front-end development Fri, 27 Jan 2012 22:38:30 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Don http://fordinteractive.com/2009/02/the-emchart/#comment-1384 Don Tue, 15 Dec 2009 10:09:53 +0000 http://aloestudios.com/?p=171#comment-1384 Hi, have you read: http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.2/ ... you must have as I can see on your Blog :) I still have to figure out the composition of line-heigt to font-size and margin to keep the vertical rythm fluid. So for exampl.: if u got a basic line-height of 1.5 (lets say 12px) and have a font-size of 3em (for heading) you need the formular: base-line-height/font-size = new line height. expl. 1.5em/3 = .5em for (heading) line-height. Is that correct? Hi,
have you read:
http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.2/
… you must have as I can see on your Blog :)
I still have to figure out the composition of line-heigt to font-size and margin to keep the vertical rythm fluid.
So for exampl.: if u got a basic line-height of 1.5 (lets say 12px) and have a font-size of 3em (for heading) you need
the formular: base-line-height/font-size = new line height.
expl. 1.5em/3 = .5em for (heading) line-height.
Is that correct?

]]> By: Thomas Scholz http://fordinteractive.com/2009/02/the-emchart/#comment-1014 Thomas Scholz Mon, 09 Mar 2009 22:12:16 +0000 http://aloestudios.com/?p=171#comment-1014 Note that downsizing may collide with the user’s minimum font-size - resulting in higher real values than you see in the table. Note that downsizing may collide with the user’s minimum font-size – resulting in higher real values than you see in the table.

]]> By: Wie rechne ich Pixel in em um? » Guru 2.0 http://fordinteractive.com/2009/02/the-emchart/#comment-955 Wie rechne ich Pixel in em um? » Guru 2.0 Sat, 21 Feb 2009 11:36:38 +0000 http://aloestudios.com/?p=171#comment-955 [...] habe die Aloe Studios eine einfache Tabelle dafür geschaffen, bei der man nur mehr nachschauen muss. Die Zielgröße ist in den Spalten und [...] [...] habe die Aloe Studios eine einfache Tabelle dafür geschaffen, bei der man nur mehr nachschauen muss. Die Zielgröße ist in den Spalten und [...]

]]> By: Andy Ford http://fordinteractive.com/2009/02/the-emchart/#comment-927 Andy Ford Wed, 11 Feb 2009 01:55:23 +0000 http://aloestudios.com/?p=171#comment-927 @Daniel Howard I believe you are talking about leading known in CSS as the 'line-height' property. Yes, you can use the EmChart for calculating line-height values. The line-height property does not require a value (EM, px, etc.) as it is inherently relative to the value of the 'font-size' property. For example, the comments on my blog are (under most default conditions) 13 pixels with an effective pixel line-height of 18 pixels. To arrive at 18 pixels, I set the line-height property is set to a value of '1.385em' (although the 'em' unit is not necessary) because 18/13 = 1.385 @Daniel Howard
I believe you are talking about leading known in CSS as the ‘line-height’ property. Yes, you can use the EmChart for calculating line-height values. The line-height property does not require a value (EM, px, etc.) as it is inherently relative to the value of the ‘font-size’ property.

For example, the comments on my blog are (under most default conditions) 13 pixels with an effective pixel line-height of 18 pixels. To arrive at 18 pixels, I set the line-height property is set to a value of ’1.385em’ (although the ‘em’ unit is not necessary) because 18/13 = 1.385

]]> By: Daniel Howard http://fordinteractive.com/2009/02/the-emchart/#comment-926 Daniel Howard Tue, 10 Feb 2009 23:38:54 +0000 http://aloestudios.com/?p=171#comment-926 Is this so you can specify the space between the lines? Is that worthwhile? It always seemed a bit psychotic to me but I'm more engineer than graphic designer. Anyway, five cheers for web design that does not break when I turn the font size up! Cheers, -danny Is this so you can specify the space between the lines? Is that worthwhile? It always seemed a bit psychotic to me but I’m more engineer than graphic designer.

Anyway, five cheers for web design that does not break when I turn the font size up!

Cheers,
-danny

]]> By: Andy Ford http://fordinteractive.com/2009/02/the-emchart/#comment-925 Andy Ford Tue, 10 Feb 2009 20:35:43 +0000 http://aloestudios.com/?p=171#comment-925 Yes, you can. But you could do that on any ordinary calculator. I created a look-up table to avoid constantly punching numbers into a calculator. Yes, you can. But you could do that on any ordinary calculator. I created a look-up table to avoid constantly punching numbers into a calculator.

]]> By: Piotr Lewandowski http://fordinteractive.com/2009/02/the-emchart/#comment-924 Piotr Lewandowski Tue, 10 Feb 2009 20:10:54 +0000 http://aloestudios.com/?p=171#comment-924 You can also use Em Calculator: http://riddle.pl/emcalc/ (not my app) You can also use Em Calculator: http://riddle.pl/emcalc/ (not my app)

]]> By: Jason Reed http://fordinteractive.com/2009/02/the-emchart/#comment-922 Jason Reed Tue, 10 Feb 2009 01:59:40 +0000 http://aloestudios.com/?p=171#comment-922 So... here's a comment. There- are you happy now? So… here’s a comment. There- are you happy now?

]]>