Fancytree : jQuery Dynamic Tree View plugin

Fancytree : jQuery Dynamic Tree View plugin

Fancytree is a JavaScript dynamic tree view plugin for jQuery with support for persistence, keyboard, checkboxes, tables, drag’n’drop, and lazy loading.

Interact.js : Javascript drag and drop, resizing and gestures Library

Interact.js : Javascript drag and drop, resizing and gestures Library

Interact.js is a powerful, flexible, snappable drag and drop, resizing and multi-touch gestures for modern browsers (and also IE8+) javascript library.

Features:

  • snapping to a grid, custom anchors or paths.
  • cross browser and device, supporting {Chrome,Firefox,Opera}’ ‘{mobile,desktop}’, ‘ and Internet Explorer 8+
  • interaction with SVG elements
  • being standalone (not yet another jQuery plugin)
  • introducing 0 additional DOM elements
  • having(a). fluent ().interface
  • not modifying anything it doesn’t own (except to support IE8 and to change the cursor (but you can disable that))

Demos : Demo 1 Demo 2 Demo 3 Demo 4

jQuery UI Context Menu

jQuery UI Context Menu

jQuery plugin that turns a jQueryUI menu widget into a context menu.

  • Define menus from <ul> element or definition list (i.e. [{title: "Paste", cmd: "paste"}, ...]).
  • Themable using jQuery ThemeRoller.
  • Supports delegation (i.e. can be bound to elements that don’t exist at the time the context menu is initialized).
  • Exposes events from jQueryUI menu: blur, create, focus, select.
  • Optional support for touch devices.

Covering-Bad : jQuery Plugin for Cover an item by Another item

Covering-Bad : jQuery Plugin for Cover an item by Another item

A simple jQuery Plugin for cover an item by another item with dragging ability.

Starscroll : jQuery Plugin to Show Starfield on their website

Starscroll : jQuery Plugin to Show Starfield on their website

Create a div with purpose as your background .. activate plugin; animated or reactive as the user scrolls. The plugin automatically will fix the div so it works seemlessly.

N.b the only css you might want to change is the z-index of your div. Also dont put anything in your starscroll div.

Features:

  • 8-bit or 16-bit mode! (how retro do you wanna go!?)
  • Animated or reactionary to scroll
  • Multiple layers of true parallax
  • Custom colours and complexities
  • Every websites dream
  • Forces static on mobile detection

Dynomap : jQuery Responsive Image map plugin

Dynomap : jQuery Responsive Image map plugin

Dynomap is a responsive image map plugin that allows for multiple states of when interacting with areas on the map and custom callbacks.

The images that are used for background, overImg, downImg, clickedImg, visitedImg all have to be same in dimension. The image map area coordinates are given based on the original dimensions of the background image. Look at the demos as reference material.

WordPress Awesome Gallery with jQuery

Wordpress Awesome Gallery with jQuery

Lots of galleries are available for WordPress, but Awesome Gallery is special. First of all, it supports 3 layout modes:

Features:

  • Top priority – easy to use admin interface. No tech skills and rocket science required, just follow step by step instructions.
  • 3 layout modes – horizontal flow, vertical flow and classic grid.
  • 7 image sources. All most popular services included and counting
  • 10 style presets
  • Custom styling support
  • Load more / Infinite scroll support + easily handles hundreds of images.
  • Built-in lightbox
  • Unique builtin support
  • Responsive and Retina-ready

Mashable Style Ajax Drop Down Menu using PHP, Mysql & jQuery

Mashable Style Ajax Drop Down Menu using PHP, Mysql & jQuery

Everyone knows that Mashable is the world’s largest independent website dedicated to news, information, technology and resources for the connected generation. Now I am going to explain you about how to create mashable style dynamic drop down menu using Php, Mysql & jQuery Ajax.In mashable, you can able to see all posts from the category from their header drop down menu.

Offreg : jQuery Plugin to turns your Images into RGB “Prints”

Offreg : jQuery Plugin to turns your Images into RGB "Prints"

A jQuery plugin that uses canvas to create a ‘screen print’ offset effect on an image, by altering the pixel data.

Zebra_Pin : jQuery plugin for Pinning any Element to the Page

Zebra_Pin : jQuery plugin for Pinning any Element to the Page

A lightweight and adaptive jQuery plugin for pinning any element to the page or to a container element, so that the element stays visible even if the user scrolls the page. This type of elements are also referred to as “fixed position elements” or “sticky elements”.

You can use it in your projects to create sticky sidebars, sticky navigation, sticky headers and footers, or anything else you feel the need to make it stick to the page while the user scrolls.

Features:

  • elements can be pinned inside a container element, not just to the page
  • custom events are fired when pinning/unpinning elements offering even more control
  • it is small – it weights around 2KB minified offering the best ratio of features per used bytes
  • it’s cross-browser – works in every major browser and IE7+