Grow your CSS skills. Land your dream job.

Sponsored Feature: Flipping Book

Published by Chris Coyier

Flash can do some amazing stuff. Stuff that can leave even the handiest CSS and Javascript developer drooling with envy. We then sulk back to our caves because, alas, Flash is not the development path we have chosen. This is a foreign world who's amazing feats are out-of-grasp lest we start learning a whole new development environment from scratch.

One of those drool-inducing Flash feats is Flipping Book. This is an amazing Flash object which mimics the behavior of a book laying on a table. You can literally grab the corner of a page and flip the page with some absolutely kick ass animation.

pagefilp

But wait! The amazingness of Flipping Book is not out our grasp at all! In fact, it's quite the opposite. Flipping Book was specifically designed to be as easy to implement and customize as possible. You can know nothing whatsoever about Flash (or even have Flash on your computer), and use Flipping Book. You can buy the SWF object alone and control it completely through an XML file (!).

Before you read any more of this, I really encourage you to go check out the demos. That is the best way to get a hands-on feel for how it works.

Flipping Book comes in two varieties, the Flash Component and the Flash Object. As I mentioned above, the object is the quick plug-and-play option. Even though it is easy, it is still powerful and fully controllable through variables and XML. The Flash Component is a standard extension for Adobe Flash MX, MX2004, Flash 8 and Flash CS3. This means you simply install it and it will become a component available to you in the components panel in Flash. This is even more powerful, since your pages will not be limited to JPG's and SWF's, but can be absolutely anything you can put in a Flash document.

Either option costs only £25 (about $50) for a single site. You can also buy 10-packs and unlimited use licenses for huge discounts.

Straight from the source, there is a new version coming out very soon. This will be a free upgrade to any existing buyers. New features will include a "hardcover" option with the ability to give pages rigidity and thickness. Native support for "widepages" (spreads), new preloader options, new shadow options and more.

Sounds pretty sweet to me. I could see this being a very cool way to present a demonstration, a portfolio, or quite literally, a book.

Visit the Page Flip website

Comments

  1. I would replace a line in the first paragraph as follows:

    “We then sulk back to our caves because, alas, Flash is not searchable by google and thus useless in most all practical applications” haha.

    i have a love hate thing with flash but the first time i saw this flip book was an online web magazine that i quit going to bc they never updated it but i thought it was super awesome.

    but yeah. i always wanted to know flash, this is one of the cooler things ive seen, but till you can use the back button and it can be searched by google, thats all i think about anytime i see flash even if i LOVE it.

    new web pick uses this sort of thing when you download their mag.

  2. Excellent. Now I have to click-and-drag a page instead of just clicking a button/text link to get to the next page. Now that, kids, is progress. /sarcasm

    I do agree with David on this; it gives you that “ooh, ahhh”-feeling. But later, there’s running and screaming! Chris, why don’t you create a tutorial on how-to create a CSS paper-corner-flip-link as navigation?

  3. eh, same thing as flash page flip. nothing new.

  4. The most anoying about it is the sound, >_< sounds everytime a page flips, i have the feeling my computure is about to crash and burst in to flames.

    KABOOM EPIC FAILURE

  5. Country

    Sponsored posts sucks.

    That’s all.

  6. panos

    hey guys have a clAN in css and i would like someone to sponsor me please
    i would like someone to create a website for the clan thank you

  7. kikimor

    It’s impossible to create such an effect using pure CSS. Only Flash and Silverlight can help. This tool is probably the best option for HTML/JS/CSS developers. It doesn’t require flash development skills at all. I had several flipping book projects and it was really simple to integrate this book into the existing website.

This comment thread is closed. If you have important information to share, you can always contact me.

*May or may not contain any actual "CSS" or "Tricks".