• Tweet

• Tweet

A flipbook in flash used extensively three – five years back, even many of the websites are launched using the flip book component in Flash. With the HTML5 and CSS3 animations can also be created using HTML-CSS and jQuery. In older days flip book contains series of pages with pictures and will be animated when turned rapidly. The same concept can be used in software to simulate the same effect.

 

Also see this articles about HTML5:

• HTML5 Vector Map
• HTML5 SlideShow
• HTML5 Video Player

 

Here we are going to see some of the examples of such books created using HTML and CSS without flash plugin. Many of the flip book examples with source available.

Html5rocks:

http://www.html5rocks.com/tutorials/casestudies/20things_pageflip.html

Purdue:

http://www.purdue.edu/discoverypark/viewbook/overview/

Tympanus:

http://tympanus.net/Tutorials/MoleskineNotebook/

Romancortes:

http://www.romancortes.com/ficheros/page-flip.html

Sitepoint:

http://blogs.sitepoint.com/javascript-sprite-animation-using-jquery/

Dynamicdrive:

http://www.dynamicdrive.com/dynamicindex14/bookflip.htm

jQuery Flip plugin:

http://www.jquery.info/scripts/jFlip/demo.html

 

Keywords to here:

• html5 css book effect
• html5 css viewbook
• viewbook jquery
• html5 css flip book
• jquery flip book effect
• jquery book plugin
• book effect html5
• jquery flipbook plugin
• HTML5 book flip