Create a flip book with HTML5 and Turn.js

By: Prem Tiwari | Last Updated: | In: Freebies, Javascript & Ajax, Web Technologies


Turn.js is a JavaScript library that will make your content look like a real book or magazine using all the advantages of HTML5. The web is getting beautiful with new user interfaces based in HTML5; turn.js is the best fit for a magazine, book or catalog based in HTML5.

The API includes properties, methods and events. Most setter and getter functions have the same name.

Features

✓   Works on iPad and iPhone.
✓   Simple, beautiful and powerful API.
✓   Allows to load pages dynamically through Ajax requests.
✓   Pure HTML5/CSS3 content.
✓   Two transition effects.
✓   Works in old browsers such as IE 8 with turn.html4.js

turn-js

Example Code

Requirements.

jQuery 1.3 or above

Browser Support
Safari for iOS (iPad, iPhone, iPod)
Safari 5
Chrome 11
Chrome for Android
Firefox 9
IE 9
IE 8 Using turn.html4.js

Reference URl

Download      Demo

Share this post!


About: Prem Tiwari

Prem Tiwari is the founder of FreeWebMentor.com and also a professional developer who has vast experience in PHP and open source technologies. Apart from this, he is a blogger by hobby and also he has been a regular speaker of WordPress sessions in various IT Companies.


, ,