Em Baseline Generator • Hacker News Board

Re: Em Baseline Generator

#21

Post by joshnh » Tue, Apr 02, 2013, 2:29 PM UTC

exceptione wrote: post #20

joshnh wrote: post #8

Earlier quoted context omitted.

Absolutely, you can hack it on a very individual basis, but this introduces some major problems. For instance, browsers and operating systems all render fonts differently, and as the web is fluid by nature, simply having a sentence break to the next line can be an issue. Also, it can be incredibly different based on the typefaces you are using.

then i still don't get it. When a simple line break would break a horizontal baseline-aligned grid, wouldn't it break a horizontal baseline-plus-some-space-aligned grid? Although the css prop. "line-heigt" is not implemented in a convenient way, it is still deterministic as I understand from the quoted article: "This is determined by working out the difference between the line-height and the font-size, dividing…

Only if you are using line-height to hack together a print baseline on the web.

Let me put it this way, if there was a semi-reasonable solution, I'm sure you would have heard about it.

Re: Em Baseline Generator

#22

Post by eoconnell » Tue, Apr 02, 2013, 2:32 PM UTC

I prefer using rem over em. Em values multiply when nested where rem values do not.

Re: Em Baseline Generator

#23

Post by ksherlock » Tue, Apr 02, 2013, 2:58 PM UTC

exceptione wrote: post #3

The letters are hanging in the air, i think a good demonstration would show the baseline of the letters to coincide with the line pattern! http://upload.wikimedia.org/wikipedia/commons/3/39/Typograph...

You could check out http://www.baselinecss.com which uses a lineheight + top to push text down.

Re: Em Baseline Generator

#24

Post by lucisferre » Tue, Apr 02, 2013, 4:06 PM UTC

Would be nice to have classes for the 6 font sizes as well. I typically don't use H tags to control font size.

Re: Em Baseline Generator

#25

Post by envex » Tue, Apr 02, 2013, 4:11 PM UTC

lucisferre wrote: post #24

Would be nice to have classes for the 6 font sizes as well. I typically don't use H tags to control font size.

Seems easy enough to just edit the generated code to add your classes.

Also, shouldn't you be using headlines when headlines should be used instead of classes? Semantics and everything.

Re: Em Baseline Generator

#26

Post by GhotiFish » Tue, Apr 02, 2013, 7:16 PM UTC

Another thing: When your reactive layout switches to a single column. Float the sliders. so they're always visible.

Actually floating the sliders so they're always visible is probably a good idea regardless of layout.

Re: Em Baseline Generator

#27

Post by joshnh » Wed, Apr 03, 2013, 12:49 AM UTC

eoconnell wrote: post #22

I prefer using rem over em. Em values multiply when nested where rem values do not.

I plan on having an option to output rem with px fallback code.

Re: Em Baseline Generator

#28

Post by joshnh » Wed, Apr 03, 2013, 12:49 AM UTC

GhotiFish wrote: post #26

Another thing: When your reactive layout switches to a single column. Float the sliders. so they're always visible. Actually floating the sliders so they're always visible is probably a good idea regardless of layout.

What browser/OS? I can't replicate the issue you seem to be having.

Re: Em Baseline Generator

#29

Post by lucisferre » Wed, Apr 03, 2013, 9:19 PM UTC

envex wrote: post #25

lucisferre wrote: post #24

Would be nice to have classes for the 6 font sizes as well. I typically don't use H tags to control font size.

Seems easy enough to just edit the generated code to add your classes. Also, shouldn't you be using headlines when headlines should be used instead of classes? Semantics and everything.

Sure but semantic importance doesn't necessarily need to have anything to do with font sizing. It's also easy enough to generate the code myself, the point of a generator would arguably have been to do that for me.