Best jQuery Web Plugins & Tutorials with Demo

    jFontSize jQuery plugin

    jFontSize jQuery plugin

    The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc.

    This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content

    Centratissimo – All centered auto-resizable layout with some jQuery

    Centratissimo – All centered auto-resizable layout with some jQuery

    Centratissimo is a web template with smooth scrolling features between the pages and auto-resize capabilities relative to the actual screen-size, so that its results always perfectly centered.
    Centratissimo has been tested and works well with Firefox 3.x, IE8, Safari 4.x, Opera 10.x. and Chrome 11.x.

    jQuery maphilight

    jQuery maphilight

    maphilight applies to images with a ‘usemap’ attribute, and outlines the areas defined in their map on mouseover.It provides a single jQuery function: $('.foo').maphilight()

    This would hilight every image with a map on the page: $('img[usemap]').maphilight()

    jQuery ScrollPagination

    jQuery ScrollPagination plugin

    jQuery ScrollPagination plugin has been developed by Anderson Ferminiano for studying purposes, you may use it for free in any project you want, only preserve the credits.

    jQuery PageSlide

    jQuery PageSlide

    jQuery PageSlide was inspired by the UI work of Aza Raskin. In his recent posts regarding concepts for Firefox Mobile and a mouse-based Ubiquity, Aza introduced the idea of sliding (or “throwing”) content aside to reveal a secondary content pane.his plugin allows any developer to recreate a similar interaction on their own website using a few simple lines of Javascript. By attaching the method to an anchor tag, PageSlide adds the ability to move your page and display a secondary interaction pane. The slide is animated whenever the click event is invoked.

    Curtain.js – Create a page with multiple fixed panels that unroll with an jQuery amusing effect

    Curtain.js – Create a page with multiple fixed panels that unroll with an jQuery amusing effect

    This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. Exactly like a curtain rises.

    To navigate, you can use your keyboard instead the scrollbar or your mousewheel to navigate into the document. But that’s not all, there is more features! You can easily add a fixed element or multiple “steps” element into a pannel.

    Sexy Persistent Header with Opacity Using jQuery

    Sexy Persistent Header with Opacity Using jQuery

    I’ve been working with the Magento eCommerce solution a lot lately and I’ve taken a liking to a technique they use with the top bar within their administrative control panel. When the user scrolls below a specified threshold, the top bar becomes attached to the top of the window and the opacity set to 50%. I’ve implemented this technique in my current design and have gotten numerous requests for a tutorial so…here you go!

    Advanced jQuery Tooltip Plugin – qTip2

    Advanced jQuery Tooltip Plugin – qTip2

    This plugin can display the tooltip in any position wanted, plays nicely with image maps and they can be set to follow any element (handy for drag ‘n’ dropped and animated items) or mouse.

    Tooltips can be styled completely, there is an optional Themeroller support and they can even be displayed as modal windows.

    It has built-in Ajax integration and can load any remote data. qTip2’s website has lots of creative demos including 3rd part service and various popular plugin integrations.

    jQuery Facebook Wall Plugin : fb.wall

    jQuery Facebook Wall Plugin : fb.wall

    The name says it all, this jQuery plugin allows you to display the Facebook Wall of an user, a page or an app on your own website.
    The design of the wall derives from the Facebook look’n’feel and can be customized easily via CSS.

    jQuery plugin : Treeview

    jQuery plugin : Treeview

    jQuery Treeview is a lightweight and flexible transformation of an unordered list into an expandable and collapsable tree, great for unobtrusive navigation enhancements. Supports both location and cookie based persistence.

    Provides some options for customizing, an async-tree extension and an experimental sortable extension.