61–70 of 88 posts
Nice work. It looks like the book thickness isn't corrected for rotation angle. If you made the horizontal width of the inside pages = thickness * sin(rotation angle) it'll be zero when laying flat and full thickness when rotated 90 degrees.
odd, only the last two controls do anything. Firefox, Safari and Chrome on macOS 15.5.5.
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.
Nicely done! We've been using a very similar setup at the Dutch public library for the last many years - e.g. https://www.bibliotheek.nl/catalogus/titel.263072924.html/th... - complete with thickness based on number of pages (though only in three steps) - but it took a lot of tinkering to get the CSS down to something relatively clean. Great job making something like this accessible to everyone with a handy tool like…
My current favorite feature: you can manually override the maximum thickness :] 160px thick book ftw The only comment I have is that the width slider tends to make an aggressively flickery mess of my screen anywhere above 250px.
My current favorite feature: you can manually override the maximum thickness :] 160px thick book ftw The only comment I have is that the width slider tends to make an aggressively flickery mess of my screen anywhere above 250px.
I love increasing size so book overlaps other page elements. It makes it more 3D
Seriously, this bug is one of my top priorities :)
Nicely done! We've been using a very similar setup at the Dutch public library for the last many years - e.g. https://www.bibliotheek.nl/catalogus/titel.263072924.html/th... - complete with thickness based on number of pages (though only in three steps) - but it took a lot of tinkering to get the CSS down to something relatively clean. Great job making something like this accessible to everyone with a handy tool like…
For some reason the Width parameter is working weirdly in Firefox on Android. Dragging the slider halfway resizes the book to become larger than the whole screen. Screenshot: https://9gag.com/gag/aLwvLY6 (because I don't have accounts elsewhere)