Best jQuery Web Plugins & Tutorials with Demo

    jQuery Spell Checker

    jQuery Spell Checker

    SpellChecker is a jQuery plugin used to check the spelling of a HTML element. The plugin comes with an example PHP script that supports two type of spell checking engines:

    • PHP’s Pspell extension for aspell
    • Google’s spell checking services

    If you are able to use Pspell, you will have greater control over your dictionary (with the ability to manage your dictionary words).

    Creating A Sticky Sidebar Using jQuery

    Creating A Sticky Sidebar Using jQuery

    Today, I will be showing how to create a jQuery sticky sidebar script. Now, I’m sure many of you have a question: Why can’t I just use “position:fixed”?

    Keyboard JS – Library for binding to keys or key combos

    Keyboard JS – Library for binding to keys or key combos

    KeyboardJS will allow you to bind to any key the browser can detect. It allows for setting up complex key combos or even single key binds with ease. It is aware of combo overlap and will not fire simpler combos or single key bindings when they share key with larger combos. Basically if you want to use the keyboard, this will let you do it without restrictions.

    Adapt.js – Adaptive CSS

    Adapt.js - Adaptive CSS

    Adapt.js is a lightweight JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed.

    jqDnR – Minimalistic jQuery Drag’n’Resize

    jqDnR – Minimalistic jQuery Drag’n'Resize

    jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. jqDnR provides the all the basic elastic functionality most dialogs will need. Basic and simple and easy to use.

    Features:

    • Drag + Drop Element Posistioning
    • South East Resizing
    • Definable Drag and Resize “handles”
    • Translucent Dragging, Preservation of Original Opacity

    jQuery-inlog

    jQuery-inlog

    jQuery-inlog allows you to easily debug your jQuery code. See exactly what you pass to functions, what they return and in which context (this-value) they were executed.

    • No more alert($obj.length) to see if your selector worked.
    • No more pain when chaining many calls and figuring out which one fails

    Scrollorama jQuery plugin for doing cool scrolly stuff

    Scrollorama jQuery plugin for doing cool scrolly stuff

    Scrollorama jQuery plugin for doing cool scrolly stuff like transitions,fade in, rotate in, fly in, zoom in, parallax

    Making a jQuery Countdown Timer

    Making a jQuery Countdown Timer

    When building a coming soon or event page, you find yourself in search for a good way to display the remaining time. A countdown gives the feel of urgency, and combined with an email field will yield more signups for your newsletter.

    Today we are going to build a neat jQuery plugin for displaying a countdown timer. It will show the remaining days, hours, minutes and seconds to your event, as well as an animated updates on every second.

    jQuery Noisy

    jQuery Noisy

    A jQuery plugin that adds random noise to the background of a given element.

    Easy CSS3 & jQuery tooltips

    jquery css3 tooltip

    There’s no need to explain what a tooltip is and you already know that using tooltips can help you increase usability. Therefore, in this article we’ll concentrate just on the practical side.So, today you’ll learn how to create awesome CSS3 & jQuery tooltips.

    The major advantages of these tooltips are:

    • the simplicity to use (as you’ll see below)
    • they are animated using CSS3