Show HN: LaTeX.css – Make your website look like a LaTeX document • Hacker News Board

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

#111

Post by mpetroff » Tue, May 26, 2020, 12:57 AM UTC

e12e wrote: post #110

mpetroff wrote: post #109

Earlier quoted context omitted.

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…

I have `hyphens: auto` set for the browser default comparison in the demo, which is roughly equivalent to inserting soft hyphens for Firefox (where I was doing most of the development), as well as for Chrome on Android and macOS.

While browser hyphenation (either auto or soft hyphens) is definitely an improvement over no hyphens for narrower column widths, I think it generally makes things worse for wider columns, since it frequently adds unnecessary hyphens.

Edit: I updated the demo to use soft hyphens for the browser default comparison so the text is hyphenated in all browsers.

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

#112

Post by e12e » Tue, May 26, 2020, 12:20 PM UTC

mpetroff wrote: post #111

e12e wrote: post #110

Earlier quoted context omitted.

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…

I have `hyphens: auto` set for the browser default comparison in the demo, which is roughly equivalent to inserting soft hyphens for Firefox (where I was doing most of the development), as well as for Chrome on Android and macOS. While browser hyphenation (either auto or soft hyphens) is definitely an improvement over no hyphens for narrower column widths, I think it generally makes things worse for wider columns, si…

OK, I suspect Firefox hyphens auto may have improved since I last checked - at that time whatever I used (aspell?) seemed better at finding potential word breaks than whatever Firefox did (and getting Firefox to do sane word splitting on non-English was a bit of a quest).

Anyway, thank you for this - it's sad that we don't have anything really usable in the browsers still - but also nice to be able to work around the issue somewhat.

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

#113

Post by astroalex » Wed, May 27, 2020, 12:24 AM UTC

flobosg wrote: post #79

rcfox wrote: post #67

Earlier quoted context omitted.

I think they were referring to the #page=5 part of the URL.

Yes, that's exactly what I meant.

Ohhh, that makes a lot of sense -- sorry if my comment came off as patronizing.