Best jQuery Web Plugins & Tutorials with Demo

    Cool kitten : A jQuery Parallax scrolling responsive framework

    Cool kitten : A jQuery Parallax scrolling responsive framework

    A parallax scrolling responsive framework with jQuery.It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.The best way to have a website with abilities to be viewed in every computer, tablet and mobile.The last web trend! It makes a beautiful visual effect that brings a second life to every slide.

    bootstrap-wysiwyg : jQuery Bootstrap WYSIWYG rich-content editor

    bootstrap-wysiwyg : jQuery Bootstrap WYSIWYG rich-content editor

    Tiny bootstrap-compatible WISWYG rich text editor, based on browser execCommand, built originally for MindMup. Here are the key features:

    • Automatically binds standard hotkeys for common operations on Mac and Windows
    • Drag and drop files to insert images, support image upload (also taking photos on mobile devices)
    • Allows a custom built toolbar, no magic markup generators, enabling the web site to use all the goodness of Bootstrap, Font Awesome and so on…
    • Does not force any styling – it’s all up to you
    • Uses standard browser features, no magic non-standard code, toolbar and keyboard configurable to execute any supported browser command
    • Does not create a separate frame, backup text areas etc – instead keeps it simple and runs everything inline in a DIV
    • (Optionally) cleans up trailing whitespace and empty divs and spans
    • Requires a modern browser (tested in Chrome 26, Firefox 19, Safari 6)
    • Supports mobile devices (tested on IOS 6 Ipad/Iphone and Android 4.1.1 Chrome)

    Sieve : jQuery plugin for Search anything

    Sieve : jQuery plugin for Search anything

    Sieve is a jQuery plugin allows you to quickly add an interactive search filter to any block of content.

    Pusher Chat : jQuery plugin

    Pusher Chat : jQuery plugin

    Pusher Chat , is a Facebook like chat jQuery plugin using Pusher API.Now you can get easily a chat application on your site.

    Features

    • easy to Customize with css
    • manage friend list via json
    • use Pusher API
    • detect message typing
    • detect message receiving
    • supported by all new browser ,IE8 & need some css fix for IE7
    • …& all what you need to add a chat to your web application

    jQuery lockfixed

    jQuery lockfixed

    Allow elements to stick within viewport when scrolling. Toggles position: fixed only after scrolling the viewport. Degrades nicely on mobile and tablet browsers.

    Supports:

    • Doesn’t overflow footer because footer pushes elements up.
    • Doesn’t need any hardcoded CSS tricks.
    • All major browsers through position:fixed and iOS/Android/IE7 degrade through margin offset.
    • Fixes tablet and mobile zoom issue with fixed
    • Offset position from top and bottom within scrolled viewport.
    • Super light weight: 2.6kb uncompressed.
    • Div layout structure can be floats or position: absolute support.

    Notific8 : jQuery notification Plugin

    Notific8 : jQuery notification Plugin

    Notific8 is a jQuery notification plug-in inspired by the notifications introduced in Windows 8 with some web ready restyling and customizations. Notific8 has built in themes and is easy to create new themes for. The plug-in was born from a want for a simply designed yet modern and stylish notification system. The plug-in is also designed to scale based on the page’s font-size setting (it was designed for the default of 100%/16px as the default).

    Zebra : HTML5 Canvas Rich UI JavaScript Library

    Zebra: Desktop-Like User Interface With HTML5 Canvas

    Zebra is a javaScript library that follows easy OOP concept, provides HTML5 Canvas based Rich UI and includes Java to JavaScript converter tool .The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI. Zebra development is much closer to software engineering where you write well structured, supportable, extendable code basing on easy Zebra OOP concept. You keep distance from the mess of HTML, JavaScript code, CSS and DOM manipulation. Zebra is pure WEB based alternative to Flash or Applet technologies that doesn’t require a plugging on a client side to be installed. In the same time Zebra utilizes power, simplicity and beauty of JavaScript coding.

    Features:

    • Over 30 UI components
    • Customizable look and feel (theme support)
    • Flexible layouts
    • Declarative JSON-based UI
    • Easily extendable

    Stalactite : jQuery plugin that packs child elements together

    Stalactite : jQuery plugin that packs child elements together

    A jquery plugin that slowly and lazily packs the contents of an element. Unlike most packing libraries that try to do all the math and sorting up front, stalactite takes a lazy approach and sorts each child element sequentially. This can add a sense of curation as it makes your viewer aware of the browser’s decisions.

    It sorts all types of content and is especially diligent about images, videos, and iframes making sure to load all media before assessing proper widths and heights.