Best jQuery Core Java Script Plugins & Tutorials with Demo

Grid Item Animation Layout with CSS3 & JavaScript

Grid Item Animation Layout with CSS3 & JavaScript

oday we’d like to share a simple animated grid layout with you. The responsive layout has a sidebar and grid items that animate to a larger content area when clicked. In the first demo the content area fills the grid and in the second demo, the whole layout moves to the left while the grid item is expanding.

Dragscroll : JavaScript Drag Drop Scrolling Library

Dragscroll : JavaScript Drag Drop Scrolling Library

Dragscroll is a micro JavaScript library (734 bytes minified) which enables scrolling via holding the mouse button (“drag and drop” or “click and hold” style). It has no dependencies and is written in vanilla JavaScript (which means it works anywhere).

Space.js : JavaScript library for narrative 3D-Scrolling

Space.js : JavaScript library for narrative 3D-Scrolling

A HTML-driven JavaScript-library for narrative 3D-scrolling.

Messg : CSS3 Animated Notification Messages

Messg : CSS3 Animated Notification Messages

Messg is a javascript library with css3 for animated notification messages.

Cta.js : Animate your Action-to-effect path

Cta.js : Animate your Action-to-effect path

cta.js or “Call to Animation” is a light-weight performant library to animate any element (“action”) onto any other element (“effect”) on the page.

Agile : JavaScript generated pure CSS3 Engine

Agile : JavaScript generated pure CSS3 Engine

Agile is a simple, fast and easy to use engine which uses javascript generated pure CSS3.

Features:

  • Agile uses javascript to generate pure CSS3, without canvas, webGL or SVG.
  • Performant on mobile devices, being truly cross platform.
  • Agile’s API has high similar characteristic with actionscript 3.0, you can learn it in 10 minutes.

Dragula : JavaScript Drag and Drop Library

Dragula : JavaScript Drag and Drop Library

Dragula is a  javascript drag and drop Library.

Features:

  • Super easy to set up
  • No bloated dependencies
  • Figures out sort order on its own
  • A shadow where the item would be dropped offers visual feedback
  • Touch events!
  • Seamlessly handles clicks without any configuration

Cquence.js : JavaScript Animation library for Banners & Advertisement

Cquence.js : JavaScript Animation library for Banners & Advertisement

Cquence is a very small Javascript animation library developed for banners and advertisement.

Nanobar.js : Lightweight Progress Bar

Nanobar.js : Lightweight Progress Bar

Very lightweight progress bars (~630 bytes gzipped). No jQuery needed.

Compatibility: iE7+ and the rest of the world

Venn.js : JavaScript Proportional Venn and Euler diagrams Library

Venn.js : JavaScript Proportional Venn and Euler diagrams Library

A javascript library for laying out area proportional venn and euler diagrams.This library depends on d3.js to display the venn diagrams.



Best jQuery websites design awards