This is based on Peter Gyurov's work which he shared here a couple months ago <a href="https://news.ycombinator.com/item?id=31293727" rel="nofollow">https://news.ycombinator.com/item?id=31293727</a>.<p>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: <a href="http://press.stripe.com" rel="nofollow">http://press.stripe.com</a>
Don't Make Me Think.<p>When I see this I think about the animations, spotting small UX oddities that go against convention.<p>I can't remember a thing about the books though.<p>And that is why Amazon don't present their books like this!<p>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.<p>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?<p>Screenshots for your site and Peter Gyurov's site on iPhone Chrome:
1. <a href="https://i.imgur.com/BHZ6XVQ.png" rel="nofollow">https://i.imgur.com/BHZ6XVQ.png</a>
2. <a href="https://i.imgur.com/oPP5bcs.png" rel="nofollow">https://i.imgur.com/oPP5bcs.png</a>
This is unusable on iPad because an open book seems to be covered by closed ones.<p><a href="https://imgur.com/a/oOglVlv" rel="nofollow">https://imgur.com/a/oOglVlv</a>