Hacker News new | ask | show | jobs
by jonbronson 2408 days ago
It's surprisingly difficult to navigate to a clear example of this project in action.
4 comments

Found a sample, here are the first 50 pages of Moby Dick: https://s3.amazonaws.com/pagedmedia/pagedjs/examples/index.h...
That link is hilariously broken on my phone (Safari iOS 12)

I see the tiny zoomed out 2x2 layout of the page, but if I try to zoom in, it zooms in on the abyss.

And if I try to pan while zoomed in, it zooms back out to the illegible zoomed out view...

-

Actually the more I play with it, the more interesting the way it breaks are.

I was able to zoom in when I scrolled down first, and very inefficiently pan around the 2 column view, but if I pan too far, the zoom resets.

And sometimes I just end up being taken to the abyss again.

Which I figured out is way off in the right margin.

It's apparently made for printing online content, not reading in the browser / on your phone.
We have media queries, there’s no need to break one to make the other look good
Maybe I don't understand the project, but the top of the docs shows that it all goes inside the @media print{...} media query.
Sure, just make another @media screen {…}
Which didn't work in Safari on my mac. Looked like it did in FF, but only got the first 16 pages for some reason.
Broken on iOS 13 as well.
I open this link. The fan of my T480 starts blowing audibly and is getting louder. I can feel a delay when marking some text. All it does is render some text. Thankfully, scrolling stays smooth. I close the page. My fan calms down.

I think I will stay away from this for now.

It's weird that "and" is broken up into "an-" and "d" on page 38 and 39 respectively.
We are still working on a site for this so sadly not much to point to yet, but might be worth checking out the sneak peaks post with a few codepens running paged.js at https://www.pagedmedia.org/pagedjs-sneak-peeks/
I spent a few minutes looking for a demo and gave up. Did you find one?
Same here. There is an /examples folder in the top repo from the linked gitlab instance, but it just contains a lot of inline js and I’m on mobile so can’t try to run it.
You can have a look at https://paged.design/ for some example.

Use chromium and try to print to see the whole thing in action.