71–80 of 129 posts
https://github.com/thesephist/torus
Nice showcase of the tech! Now I want to tinker with the Torus framework as well.
The hyphenation on the center-spread column doesn't look great, leaving big whitespace gaps in justified text. In my experience, "hyphens: auto" in browsers doesn't work well at widths smaller than 80ch. The "center-spread" column is currently set to width: 600px, approximately 67ch. Changing it to width: 80ch looks much, much better, in my opinion. I also suggest adding the Safari variant, "-webkit-hyphens: auto", a…
The hyphenation on the center-spread column doesn't look great, leaving big whitespace gaps in justified text. In my experience, "hyphens: auto" in browsers doesn't work well at widths smaller than 80ch. The "center-spread" column is currently set to width: 600px, approximately 67ch. Changing it to width: 80ch looks much, much better, in my opinion. I also suggest adding the Safari variant, "-webkit-hyphens: auto", a…
My understanding is that "hyphens:auto" should not be doing anything in the absence of a lang attribute: the browser is not supposed to do automatic hyphenation if the content language is unknown. https://drafts.csswg.org/css-text-3/#hyphenation
https://bugs.chromium.org/p/chromium/issues/detail?id=676270
Very cool -- looks like the dev (@thesephist) is using Torus, a minimalist front-end framework they themselves are also developing: https://github.com/thesephist/torus Nice showcase of the tech! Now I want to tinker with the Torus framework as well.
Please do not use justified formatting for text unless you can hyphenate it. Otherwise you end up with large chunks of white space between the words, especially in narrower (then 6070 characters) columns. Browsers don’t hyphenate, so avoid justified text on the web.
Browsers do hyphenate, and this page enables it, with the "hyphens: auto" CSS rule. https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens In Google Chrome, you'll see that it hyphenates "profes-sional" in the second story of the center column. It's still not enough, though, because it still leaves huge gaps in the justified text; it works best when you use width: 80ch. The page is currently using width: 600px, whi…
How about doing the page generation on the server-side? That way a static page could be served.
... actually, in that case, maybe a _PDF_ could be served, and that's really more like print :-)