background preloader

Booklet - jQuery Plugin

Booklet - jQuery Plugin
what is it? Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library. Licensed under the MIT license. Want to check out the source? Take a look at the project's GitHub Repository. see it work jQuery Booklet This is a sample booklet! Content Variety You can place any sort of html elements inside of your booklet pages. Default Options The default options include: Manual Page TurningThis option requires jQuery UI, but will degrade and be usable if not included. Move to the next page by dragging or the arrow keys to see the animation in action!

http://builtbywill.com/code/booklet/

Related:  flip эффект

Best jQuery Plugins of 2011 jQuery was first released in 2006. Nearly 5 years later, it’s still going strong – due largely in part to the community that’s been built up around it. This community of developers constantly releases plugins that allow web developers to easily add amazing functionality to their projects. Continuing our “Best of 2011″ series, the focus this week is on jQuery plugins.

The jFlip plugin A flipping page gallery This plugin builds an image gallery made as a book. You can flip the book pages to view the next or previous image clicking or dragging the animated corners shown when hovering on the gallery area. By the way, no flash needed! Author: Renato Formato. 25 Free jQuery Photo Gallery / Albums with Tutorials 30 Free Photo Gallery / Albums with Tutorials Details Category: Webdev jQuery effects, 150+ best for web developers and designers - Vimperator Since the arrival of the jQuery library, the life of JavaScript programmers have gotten a lot easier because now it’s simpler to develop web 2.0 applications. With jQuery, the programmers can keep their code organized and concise, which is the major slogan of the library, “write less, do more”. You can utilize jQuery to handle events, generate animations, and even add an Ajax support into your web applications in a very easy way. Certainly you can use JavaScript to execute all the jQuery functions, but if you use it, your programming times will reduce and your effectiveness will increase, and that’s the real magic of jQuery. On this roundup we will show you the most captivating and creative jQuery tools and effects to inspire you, from animations to slideshows, you will find plenty of effects on this article, hope you enjoy it. Transition effects

jQuery - Flip Example Back Click to flip me back! How to include Simply include jquery.js and jquery.flip.js you have downloaded How to use In HTML file, create a <div> with two <div> inside with class .front and .back Converting jQuery Code to a Plugin Martin Angelov When it comes to efficiently organizing jQuery code, one of the best options is turning certain parts of it into a plugin. There are many benefits to this – your code becomes easier to modify and follow, and repetitive tasks are handled naturally. This also improves the speed with which you develop, as plugin organization promotes code reuse. This is why today we are going to demonstrate the process of converting code to a plugin.

Typography Effects with CSS3 and jQuery - Vimperator One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler jQuery QuickFlip 2 jQuery QuickFlip takes any piece of HTML markup and flips it over like a card. The effect is similar to the UI animation on the iPhone Flippy a jQuery flip effect plugin Markup First, add Flippy JS in your page. Be sure to have jQuery too ! The Flippy content need to be included in a container, this prevents random perspective effects with CSS : Simply call flippy() function

jQuery Animations: A 7-Step Program A dash of animation can spruce up a dull interface. In this tutorial, you'll learn how to do it the right way with jQuery. A Word From the Author Animation: a concept which often evokes divisive reactions from people. Some swear by its usefulness, whilst others rage at its overuse. 7 Things I Wish I Had Known About jQuery - Vimperator This article is mostly aimed at people who are just starting to learn jQuery. I assume you know the following: Base knowledge of JavaScriptWhat jQuery isHow to include jQuery in a web pageBasic knowledge of how to use the $ function (for example: $(‘#test .testing’))Basic understanding of the chainable eventsKnow what $(document).ready(function () { }); does (sometimes seen as $(function () {} ); or $().ready(function() {});)Know intermediate HTML and CSS (lists, padding, colors, borders and margin)

JQuery Plugin: imBookFlip. Page Turning without Flash I was asked by a client to create a bookflip (Page Turn) effect that did not require Flash. I found a Javascript class and decided to use it as the basis for a JQuery plugin. The imBookFlip plugin can load a book in an iframe or directly on the page. The book’s pages can be set to turn when manually clicked only, begin auto flip (turn automatically) as soon as the html page loads, or begin auto flip when first page (front cover is clicked). Adding audio is easy because Sound Manager can be used with the plugin. Default Setup

Related: