One trick we're using which you might care to copy over (and improve upon) is a linear gradient to fake the pages. I think for thin books, I prefer your white version, but for thick books, it feels pretty sterile.
Test: set color to e.g. pink, increase radius to maximum value, see that the front image gets cropped but the pink area behind it is not. The backside of the book has a border-radius by the way.
Edit: might be nice to only apply it to the right-hand side as the side with the spine is unlikely to have rounded corners.
I usually just use the snipping tool and then paste on https://snag.gy
Instead of just having the screenshot as the link I posted with the site I mentioned (and it's also easier for you, you just paste the screenshot).
* I see A TON of content instead of only the screenshot, very distracting
* A lot more data downloaded
* A lot more tracking
* A lot slower to load
Would it be possible to add a different set of parameters that describe the physical book instead? What I mean is specifying the page size in some standard way (e.g. A3 or letter size) and the number of pages and let the algorithm decide the parameters of book thickness (in pixels) automatically.
The only comment I have is that the width slider tends to make an aggressively flickery mess of my screen anywhere above 250px.
Seriously, this bug is one of my top priorities :)
Also, I wrote a bunch of me-specific hacks and am still working on patching all those out (ten years later, lol) with the intention of making it usable to others and publishable as a Sandstorm app.
I'm also still in the process of open sourcing it, mostly for some of the same reasons you mentioned. Right now my library-specific code is open sourced but the core framework I built it on top of is not yet: I've only recently begun modernizing the security code.
I would love to see your code someday if you ever get around to sharing it though!
Compare Infinite Jest (a big book) with other smaller books on my site. Looks pretty cool!
This looks really cool: https://books.j11g.com/search.php?id=218
I made it so that the more pages a book has the thicker it will appear.
Thanks so much for this code!
I have no idea how well it works on various browsers (the bugaboo for all CSS), but it's noice!
That's excluding any cover page, which heavily depends on binding/hard cover/what ever else.
excellent work otherwise
i love collecting little tools like this, lmk if anyone has one for mocking phones, tablets and desktops.
Many websites are doing it a lot better than I can (in a weekend), but it’s definitely something that I would do in the future.
edit: please take this as a helpful suggestion and not a criticism. I still really like the work you've done.