web design ✨
There’s this thing websites do where they correctly take to heart that a comfortable reading width is a certain fixed length relative to the text size, but then they cram it into a single endless centered column that can’t do anything with the space on either side without adding some extra elements or sticky-outy images. It’s not strictly *bad,* but I don’t think it’s interesting or creative, and it may be frustrating when your screen is much wider than it is tall.
My preference is to follow in the steps of what the field of printing figured out centuries ago: Columns.
It is possible (though frustrating) to do 100% CSS wrapping columns, so that your text fills the full viewport height, and then wraps to a new column, scrolling to the right instead of down. I think this is a much more natural and useful layout, and it can use the space in a more aesthetically pleasing way
fuchsiaaaaaaaaaaaaaaaaa
web design ✨
@vy hahah oh no I looked this up https://css-tricks.com/pure-css-horizontal-scrolling/
and that's so cursed
web design ✨
@f0x oh, uh, my proof of concept for that is considerably *less* cursed, though it takes a particular set of incantations that I don’t have handy.
web design ✨
@f0x Basically if you want natural horizontal scroll, you just set certain aspects of the text direction to imitate a vertical writing system (like Japanese, but with new lines going left-to-right).
Then, you specify content elements inside there to reset the text direction to match the actual language of the text.
Column generation for flow content has its own (non-flex, non-grid) set of style rules.
web design ✨
@vy ohh, interesting.
I liked the flex approach but yeah that makes it impossible to do the scrolling 'properly'
I should be working on my assignments though, instead of goofing about css :') curious what you end up with
web design ✨
@vy hmm that kinda works
https://cthu.lu/uploads/168629608a815a3a.html