Best jQuery Plugin & Tutorial of January, 2013

box2d : jQuery Convert your DOM into Physical objects

box2d : jQuery Convert your DOM into Physical objects

jquery.box2d.js is a simple jquery plugin that transforms DOM elements into actual physical objects. well, physical in a flat 2d-browser-world.In Short about box2d :

  • we clone the selected DOM elements into absolute possitioned … well … clones.
  • we animate them via dynamically (javascript styly) set CSS3 transforms / translate / rotate combos
  • the values for this CSS/javascript mambo-jumbo are calculted via box2d-web

jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

jquery.spidergraph : Interactive HTML5 Spider Graph module for jQuery

jquery.spidergraph is a simple module that creates nice looking, interactive spidergraphs in HTML5, using the canvas element.

Features:

  • illustrating scaled quantitative data for several subjective attributes
  • overlaying multiple data measurements for attribute comparison
  • visualizing the intersection of several data measurements

Float sidebar Div elements when scrolling with jQuery

Float sidebar Div elements when scrolling with jQuery

This tutorial will teach you to create sidebar elements that can be floated/fixed on their position when the page is scrolled. Also those elements follow the certain boundaries which makes the scrolling to stop on reaching the bottom of the page.

Metro Notifications jQuery Plugin

Metro Notifications jQuery Plugin

Metro Notifications is a jQuery plugin that brings the notifications to a new level.

You have 5 stylish plugins in one single file.

  • Small Notifications
  • Big Notifications
  • Alerts
  • Inputs
  • Side Panels

opentip : JavaScript Tooltip framework

opentip : JavaScript Tooltip framework

Opentip is an open source javascript tooltip based on the protoype framework.

Features:

  • Stems (little pointers)
  • Automatic content download with AJAX
  • Different styles
  • Automatic repositioning of the tooltip if it’s not in the viewport of the browser anymore
  • All kind of triggers (The tooltip can be triggered by mouse over, click, form submit,… everything you can think of really)
  • CSS3 Animations
  • Well tested, with over 200 unit tests

fluidvids.js : Fluid and responsive YouTube and Vimeo videos with JavaScript

fluidvids.js : Fluid and responsive YouTube and Vimeo videos with JavaScript

FluidVids.js is a javascript plugin that allows iframes containing youtube or vimeo embeds to be fluid width, for responsive and fluid development.

Flipping Circle Slideshow jQuery Plugin

Flipping Circle Slideshow jQuery Plugin

Today we want to share a simple and fun circular slideshow with you. It’s an experimental concept and the idea is to flip a circle in a specific angle depending on which spot of the circle we click. There are three different possibilities for each side: top, middle and bottom. For example, when clicking on the top right part of the image, the circle will flip in the associated angle, making it look as if we press down that part and reveal the next image that is on the back face of the circle.

Amazing Slider : jQuery & WordPress Image Video Slider

Amazing Slider : jQuery & WordPress Image Video Slider

An easy-to-use Windows & Mac app for creating beautiful, professional, responsive jQuery Slider, YouTube Video Slider, WordPress Slider Plugin and Joomla Slideshow Module.Amazing Slider comes with awesome transition effects: Fade, Cross Fade, Slide, Slice, Blinds, 3D, 3D Horizontal, Blocks and Shuffle. Each effect can be further customised to meet your own needs. The pre-made and highly configurable skins can give your slider a professional and unique looking.

Selectik : jQuery cross-browser Select plugin

Selectik : jQuery cross-browser Select plugin

Selectik is jQuery select plugin, easy use, cross-browser alternative to the standard select form element which can be customised with CSS. All features of custom select and help you can find on demo page.

Features:

  • TAB key control
  • original select key control
  • mouse wheel control
  • search by first letter
  • custom/default scroll
  • smart positioning
  • auto/cutsom width

JSON Editor Online : Web-based tool to view, edit and format JSON

JSON Editor Online : Web-based tool to view, edit and format JSON

JSON Editor Online is a web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview and in formatted plain text.

Features:

  • View and edit JSON side by side in treeview and plain text.
  • Edit, add, move, remove, and duplicate fields and values.
  • Change type of values.
  • Colorized values, color depends of the value type.
  • Search & highlight text in the treeview.
  • Undo and redo all actions.
  • Load and save files and urls.
  • Format and compact JSON in plain text.


Best jQuery websites design awards