Best jQuery Web Plugins & Tutorials with Demo

    Cross-Browser Rounded Buttons with CSS3 and jQuery

    jQuery css3 rounded button

    I was tasked with replacing several dozen Photoshop-generated rounded buttons for a larger site with an HTML/CSS/JS equivalent. Prior, any time anyone wanted to change text on a button (and it seemed to happen often), a graphic designer had to fire up Photoshop, modify a file, adjust for size, output an image, and pass that file off to the person building the page.

    Auto-growing and re-sizable textarea – Jquery Plugin

    jQuery Auto-growing and re-sizable textarea

    This is a simple plugin which make the textarea to grow automatically as the user types in the textarea. This also makes the textarea to be resizable (as in drupal textarea)

    How to Create a “Stay-On-Top” Menu with CSS3 and jQuery

    How to Create a "Stay-On-Top" Menu with CSS3 and jQuery

    In the project I was working on recently I had a chance to experiment with CSS3 and jQuery. You know CSS3, right? It’s that thing that makes all those beautiful and amazing things on the web and makes Flash want to run away and hide. Yeah, that CSS3. And I’m more than sure you have heard about jQuery.

    Clickable Table Rows with jQuery

    Clickable Table Rows with jQuery

    Tables have a bit of a bad reputation in the web world but there are a lot of times where using a table makes sense according to the data being presented. One of the most common approaches to tabular data is having a column on either side of actions the user can take to that specific row; Edit, Delete, etc. A really quick way to improve the user experience is by making each table row clickable.

    Simple AJAX jQuery Commenting System

    AJAX jQuery Commenting System

    This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON.

    Create A Multiple URL Shortener Page

    jquery Multiple URL Shortener Page

    There are various url shortener services on the Internet, you can use free services such as bit.ly, tinyURL or create your own url shortener using some open sources. In this article, I’ll show you how to create a simple page that shows short urls created by multiple url shortener services. I’ll use HTML5, CSS3 for styling as well as jQuery for working with Ajax.

    jLayout – jQuery plugin

    jLayout - jQuery plugin

    The jLayout jQuery plugin provides four layout algorithms for laying out HTML elements in web pages.The plugin allows you to lay out your elements with as little code as possible, and behaves correctly when used with margins, padding and borders.

    jQuery animated feedback tab thingy

    jQuery animated feedback tab

    I saw this little widget being used on a couple of sites lately, and decided to try building one myself. Turned out to be pretty simple using jQuery and some css foo.

    jQuery Embedded Help System

    jQuery Embedded Help System

    jQuery E-Help is plugin for procedural(“How to …”) web user interface help and it’s easy to integrate into any web interface that supports jQuery. Useful for all web applications, CMS and E-commerce systems.

    jQuery WowWindow is an alternative Lightbox

    jQuery WowWindow is an alternative Lightbox

    WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers that do not support this. If you’re looking for alternatives to Lightbox, this may be the perfect script for you.