5 ms·

It's surprisingly difficult to navigate to a clear example of this project in action.

by jonbronson 7y ago

andybak 7y ago
I spent a few minutes looking for a demo and gave up. Did you find one?
- jiofih 7y ago
  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.
  - julientaq 7y ago
    You can have a look at https://paged.design/ https://paged.design/ for some example. Use chromium and try to print to see the whole thing in action.
indy 7y ago
Found a sample, here are the first 50 pages of Moby Dick: https://s3.amazonaws.com/pagedmedia/pagedjs/examples/index.html https://s3.amazonaws.com/pagedmedia/pagedjs/examples/index.h...
- BoorishBears 7y ago
  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.
  - hombre_fatal 7y ago
    It's apparently made for printing online content, not reading in the browser / on your phone.
    - tambourine_man 7y ago
      We have media queries, there’s no need to break one to make the other look good
      - hombre_fatal 7y ago
        Maybe I don't understand the project, but the top of the docs shows that it all goes inside the @media print{...} media query.
        tambourine_man 7y ago
        Sure, just make another @media screen {…}
    - jtbayly 7y ago
      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.
  - tambourine_man 7y ago
    Broken on iOS 13 as well.
- tolmasky 7y ago
  It's weird that "and" is broken up into "an-" and "d" on page 38 and 39 respectively.
- cyborgx7 7y ago
  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.
fredjc 7y ago
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/ https://www.pagedmedia.org/pagedjs-sneak-peeks/
julie_b 7y ago
Here is a repo with an exemple : https://gitlab.pagedmedia.org/samples/printing-in-relation-to-graphic-art https://gitlab.pagedmedia.org/samples/printing-in-relation-t... In action with glitch: https://printing-in-relation-to-graphic-art.glitch.me/ https://printing-in-relation-to-graphic-art.glitch.me/

It's surprisingly difficult to navigate to a clear example of this project in action.

andybak 7y ago

I spent a few minutes looking for a demo and gave up. Did you find one?

jiofih 7y ago
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.
- julientaq 7y ago
  You can have a look at https://paged.design/ https://paged.design/ for some example. Use chromium and try to print to see the whole thing in action.

indy 7y ago

Found a sample, here are the first 50 pages of Moby Dick: https://s3.amazonaws.com/pagedmedia/pagedjs/examples/index.html https://s3.amazonaws.com/pagedmedia/pagedjs/examples/index.h...

BoorishBears 7y ago
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.
- hombre_fatal 7y ago
  It's apparently made for printing online content, not reading in the browser / on your phone.
  - tambourine_man 7y ago
    We have media queries, there’s no need to break one to make the other look good
    - hombre_fatal 7y ago
      Maybe I don't understand the project, but the top of the docs shows that it all goes inside the @media print{...} media query.
      - tambourine_man 7y ago
        Sure, just make another @media screen {…}
  - jtbayly 7y ago
    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.
- tambourine_man 7y ago
  Broken on iOS 13 as well.
tolmasky 7y ago
It's weird that "and" is broken up into "an-" and "d" on page 38 and 39 respectively.
cyborgx7 7y ago
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.

fredjc 7y ago

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/ https://www.pagedmedia.org/pagedjs-sneak-peeks/

julie_b 7y ago

Here is a repo with an exemple : https://gitlab.pagedmedia.org/samples/printing-in-relation-to-graphic-art https://gitlab.pagedmedia.org/samples/printing-in-relation-t... In action with glitch: https://printing-in-relation-to-graphic-art.glitch.me/ https://printing-in-relation-to-graphic-art.glitch.me/