Solid effect but not a fan of how it breaks the back button.
Yeah, I noticed I can't "back" out of the demo page altogether.
Turn.js - The page flip effect for HTML5
11–20 of 82 posts
Re: Turn.js - The page flip effect for HTML5
#12Overall very nice, there is some weird page folding going on when you act weird but probably just some small quirks.
On a side note, please make your own arrow on the corner of that front page of the book. I think almost everybody knows where that's from...
Re: Turn.js - The page flip effect for HTML5
#13The font on the "page" gets blurry when the corner becomes clickable (at least on my machine, and it uses a ton of resources).
I think that is a bug in the hardware acceleration of Chrome. I've got the same problem on my website where I use CSS to do a crossfade on the background image. Everytime the images are crossfading all the text on the website gets blurry.
By the way, if someone knows the real problem and, even better, a solution for it, I'm very interested.
Re: Turn.js - The page flip effect for HTML5
#14Wow, this is really good (and the best example of page turning I've seen done in HTML+js) well done!
Wonder how stable and smooth it is with large HTML pages, do we know?
The back button stuff you could make work with the html5 history API, correct?
Re: Turn.js - The page flip effect for HTML5
#15I hate things like this. Take the iPad: to turn a page, I have to wave my hand over the screen, obscuring the text in process. For no reason beyond familiarity.
There is no other benefit. It's a step backwards.
Re: Turn.js - The page flip effect for HTML5
#16I hate things like this. Take the iPad: to turn a page, I have to wave my hand over the screen, obscuring the text in process. For no reason beyond familiarity. There is no other benefit. It's a step backwards.
You can just tap the right corner ;)
Re: Turn.js - The page flip effect for HTML5
#17Works really good on iPad 2!
Re: Turn.js - The page flip effect for HTML5
#18The reason why flash is (was) such a horrible horrible thing for the web is only partially because it was a shitty shitty plugin.
The real reason is things like this. Just because you CAN doesn't mean you SHOULD.
Re: Turn.js - The page flip effect for HTML5
#19It looks snazzy, but the example does a brilliant job of defeating the object. It works with flipping pages to see more content, but then you have overflowing content on one page that requires vertical scrolling* to see it all.
I've never come across a book that requires me to do something other than turn the page to read more.
*This is also broken (presumably in an attempt to prevent scrollbars appearing), and requires a click and drag to work normally.
Re: Turn.js - The page flip effect for HTML5
#20Emulating old paradigms with the new technology is one of the biggest fails of UI designers in general.
Why not got a step further, force your app users to walk to a virtual book store in a 3D world before they can start reading.