I made a virtual bookshelf for book reviews

  • This is based on Peter Gyurov's work which he shared here a couple months ago https://news.ycombinator.com/item?id=31293727.

    I loved the idea and wanted to use it for my site, but I also wanted to give my reviews of the books and thought it would be fun if you could click the books to expand them.

  • I'm just leaving this here as future inspiration: http://press.stripe.com

  • I think some books have no cover image, you can display book title on a background so that it won't behave weirdly.

  • Don't Make Me Think.

    When I see this I think about the animations, spotting small UX oddities that go against convention.

    I can't remember a thing about the books though.

    And that is why Amazon don't present their books like this!

    Keep going though, but you have to have things like text at an agreed minimum font size and you have to make the interface accessible. Only if you have thought through those parts and got solutions can you dare to do anything new these days online.

    I sound critical but I like seeing things like this far more than Amazon's web pages, it is just theirs get my money.

  • Nice. But both yours and Peter Gyurov's work seem to have issue on Mobile with click?

    Screenshots for your site and Peter Gyurov's site on iPhone Chrome: 1. https://i.imgur.com/BHZ6XVQ.png 2. https://i.imgur.com/oPP5bcs.png

  • This is unusable on iPad because an open book seems to be covered by closed ones.

    https://imgur.com/a/oOglVlv

  • Love the 3d effect, is it pure CSS? Also once I click on a book I can't close the popup, have to refresh the page.

  • Why can't you close any of the books once opened?