Liffect provide impressive effects on List items with jQuery and Css3.
Best jQuery Animation Plugins & Tutorials with Demo
fabric.js : JavaScript Html5 Canvas Library
Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.
Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.
jQuery Magical Contact Form
Today I would like to show you something called the Jquery Magical Contact Form. Yesterday i was thinking about the contact form i saw many contact form on internet but they have a good interface but don,t have a magical effect on them so i decided to make magical contact formso here is my magical contact form with magical jquery effect.
It works absolutely fine with any browser. It is easily customizable and every beginner web designer can use it so why don’t we stop the talking and start the designing!
Motio : jQuery plugin for Sprite based Animations and Panning
jQuery plugin for simple but powerful sprite based animations and panning.Motio is called on an element representing animation container, where animation is delivered as a CSS background image.
In sprite based animations, container should have the dimensions of one sprite frame. E.g, if you have 10 frames in a horizontal sprite that is 1000 x 100 pixels big, the container should be 100 x 100 pixels big.
Protovis : A graphical approach to visualization with JavaScript
Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layoutsto simplify construction.
Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example.
PFold: jQuery Paper-Like Unfolding Effect
PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened.
A couple of options are available, such as the unfolding direction for each step and the number of folding steps.
FrameIt : Responsive jQuery Plugin
FrameIt is a Responsive jQuery plugin for frame images.Objective of the plugin is to create a plugin that works on mobile devices, smartphones and desktop without loss functionality. This plugin is “responsive”, which means it’s 100% compatible with responsive web designs.
Features:
- Responsive and mobile Ready
- Support for all majors browser
- Fully customizable frames shapes with css classes
- Fully configurable animation of the frames
- Separate images for each frame
- Anchor frames. Follows any link you want
- +20 presets for all images orientations
- CSS3 Real Shadow Effects
- CSS3 responsive background images (even on unsupported browser)
Windy: A jQuery Plugin for Swift Content Navigation
Windy is a jQuery plugin that allows a rapid navigation through a pile of items using some CSS 3D transforms and transitions. The effect of a continuous navigation flow reminds of a deck of cards or sheets flying away, hence the name. This plugin idea is inspired by the CSS shaders examples as shown in the CSS shaders Flipbook video by Adobe.
There are several options available, including defining the range of spreading the items when navigating, speed (CSS transitions), adding custom navigations, etc.
