Here are some of the best of the jQuery tutorials and plugins that I’ve recently found on the web. This collection of 30 plugins, tutorials and tips should help every web designers and web developers to improve their website in only a few steps
If you’ve liked these links, then follow me on twitter (@Othella): I would be pleased to share a lot of useful links with you!
A template ideal for developing jQuery plugins. (Link)
How to make “filtering by category” a little more interesting with just a little bit of jQuery. (Link)
The Columnizer jQuery Plugin will automatically layout your content in newspaper column format. You can specify either column width or a static number of columns. (Link)
How to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). (Link)
This tutorial will take you step by step through creating your very own truncation plugin. (Link)
A really basic jQuery plugin just to cement the format in your head. (Link)
Some button examples that demonstrate how to incorporate the power of the CSS framework classes in a custom widget. (Link)
The jQuery Cycle Plugin is a lightweight slideshow plugin. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. (Link)
Ajaxify is a jQuery plugin. It can convert all links in a web page into an ajax load and submit requests. With this ultra weight plugin, you can build a complex ajax website with one single line. (Link)
A script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead. (Link)
A simple jQuery plugin designed to give the end user control over whether they want to open a link in a new window or not without having to right click and such. (Link)
A jQuery plugin for the page peel ad effect used on quite a few sites now. (Link)
DD_roundies is a javascript library authored by Drew Diller which offers a new approach to bringing rounded corners to Internet Explorer (a browser notorious for its CSS shortcomings). (Link)
How to move the horizontal scroll bar to the outside of our overflowed element. (Link)
In this video tutorial, you’ll learn how you can vertically center an image in your browser by combining CSS with jQuery’s power. (Link)
JSizes is a small plugin for the jQuery JavaScript library which adds support for querying and setting the CSS min-width, min-height, max-width, max-height, border-*-width, margin, and padding properties. Additionally it has one method for determining whether an element is visible. (Link)
Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. (Link)
The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time! (Link)
This jQuery plugin supplies an easy way to unobtrusively add a letter-based navigation widget to any UL or OL list. An easily stylable (via CSS) nav bar appears above the list, showing the user the letters A-through-Z. (Link)
A image rollover script made of 29 lines of code. (Link)
An example of a tag-cloud using jQuery that will be working with PHP and MySql to provide a JSON feed of your tags. (Link)
A regex script and how too use it to extend jQuery. (Link)
How to recreate the ‘Mootools’ effect in jQuery. (Link)
A way to easily make the form content accessible on every page, but keep it hidden until needed. (Link)
How to create an animated menu (very similar to Dragon Interactive’s menu). (Link)
How to create a much slicker effect for your drop down menus using jQuery and CSS. (Link)
10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. (Link)
How to add ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page, with some awesome animation effects. (Link)
How to create our custom jQuery plugin to show tips on mouse over event on your desired elements. (Link)
Tips, tricks and techniques for jQuery users. (Link)
