vitali software

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!

1 – The Basics of Writing a jQuery Plugin

A template ideal for developing jQuery plugins. (Link)

2 – Creating a “Filterable” Portfolio with jQuery

How to make “filtering by category” a little more interesting with just a little bit of jQuery. (Link)

3 – Columnizer jQuery Plugin

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)

4 – How to Validate Forms in both sides using PHP and jQuery

How to validate your forms using PHP and jQuery in both sides: client side (using javascript with jQuery) and server side (using PHP). (Link)

5 – Building your first jQuery plugin

This tutorial will take you step by step through creating your very own truncation plugin. (Link)

6 – Creating A jQuery Plugin From Scratch

A really basic jQuery plugin just to cement the format in your head. (Link)

7 – Styling Buttons and Toolbars with the jQuery UI CSS Framework

Some button examples that demonstrate how to incorporate the power of the CSS framework classes in a custom widget. (Link)

8 – jQuery Cycle Plugin

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)

9 – Ajaxify jQuery plugin

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)

10 – Setting Equal Heights with jQuery

A script to “equalize” the heights of boxes within the same container and create a tidy grid — with little overhead. (Link)

11 – jQuery Plugin – Link Control

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)

12 – jQuery Page Peel

A jQuery plugin for the page peel ad effect used on quite a few sites now. (Link)

13 – Achieving Rounded Corners in Internet Explorer for jQuery UI with DD_roundies

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)

14 – Fixing IE overflow problem

How to move the horizontal scroll bar to the outside of our overflowed element. (Link)

15 – Vertically Center An Element

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)

16 – JSizes ― jQuery extension plugin for CSS properties

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)

17 – jQuery Scroll Follow

Scroll Follow is a simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. (Link)

18 – jQuery plugin: ‘imgPreview’

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)

19 – jQuery ListNav Plugin

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)

20 – Easy Image Rollover Script With jQuery

A image rollover script made of 29 lines of code. (Link)

21 – Building a jQuery-Powered Tag-Cloud

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)

22 – Regex Selector for jQuery

A regex script and how too use it to extend jQuery. (Link)

23 – How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

How to recreate the ‘Mootools’ effect in jQuery. (Link)

24 – Build An Incredible Login Form With jQuery

A way to easily make the form content accessible on every page, but keep it hidden until needed. (Link)

25 – Animated Menus Using jQuery

How to create an animated menu (very similar to Dragon Interactive’s menu). (Link)

26 – Animated Drop Down Menu with jQuery

How to create a much slicker effect for your drop down menus using jQuery and CSS. (Link)

27 – jQuery Tutorials for Designers

10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. (Link)

28 – How to Load In and Animate Content with jQuery

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)

29 – How to display tips by creating a jQuery plugin

How to create our custom jQuery plugin to show tips on mouse over event on your desired elements. (Link)

30 – Improve your jQuery – 25 excellent tips

Tips, tricks and techniques for jQuery users. (Link)

Tags: jquery, plugins, tips, tutorials

This entry was posted on Wednesday February 4th, 2009 at 11:49 PM and is filed under Web Design, Web Development. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.