Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: LaTeX.css – Make your website look like a LaTeX document

latex.now.sh

Post reply on HN
Print view View original

101–110 of 113 posts

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#101

Post by yur3i__ »

DavidVoid wrote: post #23
jjice wrote: post #6

I hated the look of LaTeX documents when I first started university, especially the font. I don't know what happened, but I eventually fell in love Computer Modern. Something about it just looks great. Maybe it's just Stockholm Syndrome.

The problem is that it's much too thin and therefore hard to read on computer screens. I'm sure it looks great on paper printed with the old Xerox laser printers that were around when it was made, but in its current form it's just way too thin to be read on a screen. Someone on a German forum made a wider version of it which (imo) looks much better [1]. [1] https://www.typografie.info/3/topic/22238-ist-die-computer-m…

This is why I always change the font to times

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#102

Post by pantalaimon »

bryanrasmussen wrote: post #20

So then if you use a html2pdf tool you can generate a pdf people will think was done with LaTeX! Here I wasted all that time learning LaTeX to impress people.

Just use pandoc, then you can write your documents in markdown (with inline GraphViz and PlantUML!) and have them converted to LaTeX/pdf automatically.

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#103

Post by tekkk »

Hey, nice work. As a webdev who has had to do designer work, I just noticed a small minor thing you could maybe change to make the style better. I myself too sometimes trip on the correct use of borders, and in this case I don't think you need one for the pre-tags. Just use a stronger background color and it will look a lot less "blocky" if that's the correct term.

Eg.

  padding: 1rem 1.4rem;
  max-width: 100%;
  overflow: auto;
  /* border: 1px solid hsl(210, 15%, 49%); */
  border-radius: 4px;
  background: hsl(210, 28%, 93%);
I think that grey was kinda neutral. But anyway, that's just my opinion. Otherwise it looks nice.

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#104

Post by pseingatl »

fefe23 wrote: post #56

I noticed two big omissions: 1. No automatic numbering (and no automatic table of contents generation). 2. Latex will indent the first line of each paragraph (except the first one in a run). This is the reason why it gets away with very little padding between paragraphs. Having written my share of Latex, I have always wondered why people are focusing on math and formulas. That is the least of what Latex brings to the…

Times Roman was designed for narrow newspaper columns. If you're not writing/printing in narrow newspaper columns, there are many other choices out there.

How about a nice Janson?

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#105

Post by pseingatl »

cpach wrote: post #58
fefe23 wrote: post #56

I noticed two big omissions: 1. No automatic numbering (and no automatic table of contents generation). 2. Latex will indent the first line of each paragraph (except the first one in a run). This is the reason why it gets away with very little padding between paragraphs. Having written my share of Latex, I have always wondered why people are focusing on math and formulas. That is the least of what Latex brings to the…

My fave is New Century Schoolbook :)

Which is the preferred font of the Supreme Court of the United States, btw.

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#106

Post by doerig »

tekkk wrote: post #103

Hey, nice work. As a webdev who has had to do designer work, I just noticed a small minor thing you could maybe change to make the style better. I myself too sometimes trip on the correct use of borders, and in this case I don't think you need one for the pre-tags. Just use a stronger background color and it will look a lot less "blocky" if that's the correct term. Eg. padding: 1rem 1.4rem; max-width: 100%; overflow:…

Thanks, changed https://github.com/vincentdoerig/latex-css/releases/tag/v.1....

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#108

Post by cpach »

pseingatl wrote: post #104
fefe23 wrote: post #56

I noticed two big omissions: 1. No automatic numbering (and no automatic table of contents generation). 2. Latex will indent the first line of each paragraph (except the first one in a run). This is the reason why it gets away with very little padding between paragraphs. Having written my share of Latex, I have always wondered why people are focusing on math and formulas. That is the least of what Latex brings to the…

Times Roman was designed for narrow newspaper columns. If you're not writing/printing in narrow newspaper columns, there are many other choices out there. How about a nice Janson?

Is that font available for free?

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#109

Post by mpetroff »

mpetroff wrote: post #53
e12e wrote: post #40

Sadly, css/html hyphenation is still pretty awful. And AFAIK on mobile kerning is pretty far off too. So to me it feels more like a latex parody than homage, unfortunately. Additionally, it took a long time for Chrome to even implement: https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens https://www.chromestatus.com/feature/5642121184804864 Sadly, even with auto, there's way too much ragged right in html, or too…

The problem is that CSS uses greedy line breaks. In theory, this should improve once browsers implement CSS Text Module Level 4, specifically the `pretty` value for the `text-wrap` property [1][2]. Until then, we're stuck with poor-quality typesetting, or JavaScript solutions [3]. [1] https://www.w3.org/TR/css-text-4/#text-wrap [2] https://github.com/w3c/csswg-drafts/issues/672 [3] https://github.com/robertknight/tex…

This had me wondering about whether it was possible to use pre-calculated line breaks to implement improved text justification in current browsers. I was able to come up with a demo [1][2] that does so, although it falls back to default line breaks in Safari due to lack of support for `text-align-last`.

[1] https://mpetroff.net/files/pre-calculated-line-breaks-demo/ [2] https://mpetroff.net/2020/05/pre-calculated-line-breaks-for-...

Re: Show HN: LaTeX.css – Make your website look like a LaTeX document

#110

Post by e12e »

mpetroff wrote: post #109
mpetroff wrote: post #53

Earlier quoted context omitted.

The problem is that CSS uses greedy line breaks. In theory, this should improve once browsers implement CSS Text Module Level 4, specifically the `pretty` value for the `text-wrap` property [1][2]. Until then, we're stuck with poor-quality typesetting, or JavaScript solutions [3]. [1] https://www.w3.org/TR/css-text-4/#text-wrap [2] https://github.com/w3c/csswg-drafts/issues/672 [3] https://github.com/robertknight/tex…

This had me wondering about whether it was possible to use pre-calculated line breaks to implement improved text justification in current browsers. I was able to come up with a demo [1][2] that does so, although it falls back to default line breaks in Safari due to lack of support for `text-align-last`. [1] https://mpetroff.net/files/pre-calculated-line-breaks-demo/ [2] https://mpetroff.net/2020/05/pre-calculated-lin…

Ho-hum :) I'm slightly torn between admiration and horror:

> The key is to wrap all the potential line breaks (inserted via ::after pseudo-elements) and hyphens in elements that are hidden by default with display: none;. Media queries are then used to selectively show the line breaks specific to a given column width.

Doesn't look like you compared with simply inserting soft hyphens - last I looked, that made columns bearable in browsers, although still not as good as proper line breaking.

Post reply on HN