Best jQuery Web Plugins & Tutorials with Demo

    PushUp Content Bar : jQuery Sliding Content Bar Plugin

    PushUp Content Bar : jQuery Sliding Content Bar Plugin

    PushUp Content Bar is a smart and quick Sliding Content Bar jQuery Plugin that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon.

    jsLink : jQuery Broken Link Checker Plugin

    jsLink : jQuery Broken Link Checker Plugin

    jsLink is a awasome jquery link checker.  This is a broken links checker jQuery plugin, that can be easily plugin with in any web page.You have a web site with lots of web pages, each web page contains many images and links to other pages. You want to make sure that all links are working properly.

    Broken links or dead links leave bad impact on  your web site user. To check that all links are working properly you can either check all the links by manually clicking every link or you can use some automatic process. As jquery Link Checker, jsLink helps you automatically check the broken links with just one click.

    Chico UI – jQuery User Interface Components

    Chico UI – jQuery User Interface Components

    Chico UI is an open source and free set of user interface components to ease developing with jQuery.

    The components include auto-complete, blink, calendar, carousel, countdown, date-picker, dropdown, expando, form and more.

    There is a CSS layout framework named Chico Mesh for accomplishing any type of web layouts and grids.

    jQuery Anystretch : Resized background image

    jQuery Anystretch : Resized background image

    Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes.

    Bubble Point Tooltips with CSS3 & jQuery

    Bubble Point Tooltips with CSS3 & jQuery

    A cool bubble point tooltips with CSS3 & jQuery.

    A clean calendar in CSS3 & jQuery

    A clean calendar in CSS3 & jQuery

    I started to make a CSS3 calendar with some jQuery animation while I was working on this project. In this article I will explain, step by step, how to use the calendar.

    jQuery iFrame Sizing

    jQuery iFrame Sizing

    One thing I have always detested about iframes is they are not aware of the dimensions of their content. Setting the width of an iframe is trivial, because you generally know how wide its contents will be. The pain point often comes when specifying height, because pages always vary in length.

    With a fixed height, the iframe is either too tall or short. This causes one of two undesirable outcomes: cutoff content, or a scrollbar. One of the cardinal sins of design is to have multiple scrollbars per page, and cutoff content just looks awkward. These two factors make iframes nearly unusable.

    This past week, I thought to myself: “Wouldn’t it be nice if iframes just auto-magically knew what height they needed to be?” After a few days of toiling, with the help of jQuery, auto-sizing iframes are a reality.

    Create – On-site web editing interface with jQuery

    Create - On-site web editing interface with jQuery

    Create, from the Midgard Project, is a comprehensive web editing interface for Content Management Systems. It is designed to provide a modern, fully browser-based HTML5 environment for managing content. Create can be adapted to work on almost any content management backend.

    The user interface philosophy behind Create is simple: all content that you are allowed to change becomes editable, right there on the page you’re reading. Any modifications you make are retained in your browser and can be sent back to the CMS with a push of a button. With Create, it is time to stop filling forms and to start communicating with your web audience.

    Scrolling Parallax: A jQuery Plugin

    Scrolling Parallax: A jQuery Plugin

    Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything else to scroll at a different pace than the web page when a user scrolls around. The parallax effect that results is an easy way to create an illusion of depth on your website.

    The Scrolling Parallax plugin is also very versatile. There are a wide variety of options including scrolling faster, slower, looping and reversing the animation and tiling the background to name a few. Addtionally you can attach the parallax to any piece of markup, as well as pass an image path as described above.

    PageScroller : jQuery Smooth Scrolling Made Simple

    PageScroller : jQuery Smooth Scrolling Made Simple

    Page Scroller is a powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. Created entirely with ease of use in mind, the plugin will work on any website.