Best jQuery Web Plugins & Tutorials with Demo

    UItoTop jQuery scroll to top dynamic Plugin

    UItoTop jQuery scroll to top dynamic Plugin

    Inspired by the great idea of David Walsh’s jQuery topLink Plugin, I made a similar plugin but with two key differences, this one does not require you to add extra html markup or extra plugins to function. It will only work when JavaScript is turned on ( on purpose ), It’s easy to setup with only one line of code, and it works cross-browser nicely ( Tested: IE6-8, FF, Safari ).

    Optionally it can benefit from the jQuery Easing plugin with a different easing animation for the page scrolling.

    jQuery quickie: Unlimited Scroll using the Twitter API

    jQuery quickie: Unlimited Scroll using the Twitter API

    I’m currently working with Silverlight and implemented unlimited scroll. This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

    I wanted to take this technique and port it to another jQuery example. So the quickie for today is Unlimited scroll using jQuery. I’ve using the Twitter API to make the example, so you’ll learn a little bit about JSON too…

    jQuery Bookmark

    jQuery Bookmark plugin

    A jQuery plugin that sets a div to allow sharing of your page on various bookmarking sites.

    jQuery Page Peel

    jQuery Page Peel

    This little jQuery plugin which does exactly what it says on the tin – creates a page peel! This is a little page animation which sits at the top right hand of the screen and when the mouse hovers it the page “peels” down and reveals the content behind it. It could be used to display a popular area or feature of your website but is most commonly known these days to display advertisements. Let’s face it the page peel grabs your attention straight away!

    jQuery custom content scroller

    jQuery custom content scroller

    Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

    Nodstrum – jQuery Auto Completer

    Nodstrum - jQuery Auto Completer

    I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more…

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream – Create a stream of your online activity

    jQuery Lifestream is a plugin that allows you to create a stream of your online activity. It supports a multitude of services.

    It currently supports the following feeds: Bitbucket, Bitly, Blogger, Digg, Dailymotion, Delicious, DeviantART, Dribbble, Facebook Pages, Flickr, Formspring, Forrst, Foursquare, Github, Google Reader, Instapaper, Iusethis, Last.fm, LibraryThing.com, Mlkshk, PicPlz, Pinboard, Posterous, Reddit, Slideshare, Snipplr, Stackoverflow, Tumblr, Twitter, Vimeo, Wikipedia, WordPress & Youtube.

    Most beautiful tag cloud in jQuery

    Most beautiful tag cloud in jQuery

    In the past, the tag clouds was used on many website, but nowaday, it’s hard to find a website which using tags cloud. In my opinion, it’s caused by the display of tags cloud. We feel boring with its banality. So why we dont make up for it, and replace the font text too boring by any font we love. Today, I’ll make a most beautiful tags cloud using Image Replacement Solution Facelift, some CSS code and jQuery.

    In-Field Labels jQuery Plugin

    In-Field Labels jQuery Plugin

    In-Field Labels is a simple jQuery plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.