Home » , , , , , , » Tutorial Making a Page Flip Magazine with turn.js

Tutorial Making a Page Flip Magazine with turn.js

Demo     -       Download      -       Source

turn.js is a plugin for jQuery that adds a beautiful transition similar to real pages in a book or magazine for HTML5.

+ Uses Hardware acceleration
+ Works on tablets and smartphones
+ Easy to manipulate
+ Lightweight, only 6K



The page flip effect used to be the quintessential Flash animation. On the web, it has powered everything from magazines to presentations, with its popularity declining over time, only to be reinvented on mobile devices as ebook reading apps.

In this tutorial we are going to use PHP and the turn.js plugin, an implementation of the page flip effect with pure CSS3 and jQuery, to build a pretty magazine. We will fetch the most popular images from Instagram every hour, and use them as pages.
Share this article :

1 comments:

 
Support : Femin Collection | Habitat Design | Kreatifa Media
Copyright © 2013. Kreatifa Media - All Rights Reserved
Template Created by Habitat Design Published by Kreatifa Media
Proudly powered by Blogger