The Core

Why We Are Here => Web Development => Topic started by: rcjordan on February 06, 2012, 12:20:58 AM

Title: Turn.js - page flip effect for HTML5
Post by: rcjordan on February 06, 2012, 12:20:58 AM
http://www.turnjs.com/
Title: Re: Turn.js - page flip effect for HTML5
Post by: Rooftop on February 06, 2012, 10:31:33 AM
Well executed script, but I hate page flipping scripts with a vengeance.
Have you ever watched people trying to use them? Worse case they stare and get no-where. Best case they just "oooh and ahh" over the effect and ignore the content.  The few people who do understand how to use it and aren't distracted by it then get to experience a less intuitive and more fiddly on-screen experience.

That particular script does at least have the decency to fallback to quite useable back/forth navigation one you click around with frustration.  In fact, once it stops knobbing about pretending to be something it isn't it is actually fairly usable.

Title: Re: Turn.js - page flip effect for HTML5
Post by: ergophobe on February 06, 2012, 05:35:45 PM
We may all be forced to get used to this style of navigation to accomodate touch screen users.

It's not just iPad - Windows 8 will be touchscreen compatible out of the box and Samsung already has prototype Series 7 laptops that ship with touchscreen. I think swiping your finger across the monitor to move to the next page will become very common in the next few years.

[warning: other than calling US presidential elections, my abilities are prognostication are notoriously bad]
Title: Re: Turn.js - page flip effect for HTML5
Post by: Rooftop on February 06, 2012, 05:44:12 PM
There are plenty of UI options that serve both mouse and touch users far better than trying to mimic a 6000 year old technology. 
Title: Re: Turn.js - page flip effect for HTML5
Post by: rcjordan on February 07, 2012, 12:11:37 AM
 i'd sure as hell have the ad blocks near the corners.
Title: Re: Turn.js - page flip effect for HTML5
Post by: ergophobe on February 07, 2012, 12:33:13 AM
In that particular implementation, I had a lot of trouble going backwards until I realized that the "Feedback" bar conflicts with the page turning, so if the cursor is below the feedback bar, it won't give you a page turn option. Ironic.
Title: Re: Turn.js - page flip effect for HTML5
Post by: Rooftop on February 07, 2012, 08:57:10 AM
Quote from: rcjordan on February 07, 2012, 12:11:37 AM
i'd sure as hell have the ad blocks near the corners.

Good point. I might be swayed by these yet.
Title: Re: Turn.js - page flip effect for HTML5
Post by: Brad on February 07, 2012, 01:50:43 PM
Even works with Opera. Nice.

The Powers That Be, just might be on to something with this newfangled HTML5.
Title: Re: Turn.js - page flip effect for HTML5
Post by: Rooftop on February 07, 2012, 04:13:00 PM
Quote from: Brad on February 07, 2012, 01:50:43 PM
Even works with Opera.

Something had to.
Title: Re: Turn.js - page flip effect for HTML5
Post by: littleman on February 07, 2012, 07:02:29 PM
Nifty, but sort of seems like an SEO nightmare.