Scott KellumMar 1

Riding a train a lot this weekend, so of course I’m working on my website. This layout uses a lot of advanced CSS column stuff, so it will be Chromium-only until other browsers catch up. Also, it’ll probably be a while before this goes live.

Anyway, here is a sneak peek:

Show threadScott Kellum
I made a Codepen of my CSS paginated experiments. It’s starting to feel so good to read and page through πŸ‹ (Chromium only)
https://codepen.io/scottkellum/pen/JoKgvaL
Page spread: columns in columns

...

Mar 9 at 9:22pmWeb
Show threadScott KellumMar 9
Huge thanks to @kizu for helping me work through `column-height` and some other column logic πŸ™πŸ»
Show threadπ•šπ•’π•žπ••π•₯π•žπ•€Mar 9
@scott @kizu Cool! I would rather use min-block-size: 100dvh; on body as well.
Show threadScott KellumMar 9
Why horizontal, paginated experiences have a place on the web: Pages are places where you can rest and read. There is no ambiguity about where the media stands on them, making it perfect for a more relaxed reading format. Additionally, it adapts better to both larger and smaller screens, filling up the space without degrading the reading experience. Everyone has their own preferences, of course, and there are advantages to scrolling, but I’ve been interested in creating beautiful and paginated experiences for quite some time (since 2009).
Show threadDave bauerMar 9
@scott I do like that idea! For long articles, or books especially. I am reading a programming book on the Libby web site on one monitor while I am coding in the other right now and it took me a second to get used it but it really makes sense.