The following article highlights a list of useful jQuery resources for web designers and developers.

Using JavaScript frameworks like jQuery doesn’t have to be difficult, and there are resources available on the internet that make using jQuery even easier.

1. Visual jQuery

Web-based jQuery cheat sheet that highlights the structure and layout for creating jQuery code.

2. CSS Switcher (demo)

Style sheet switcheroo. Step-by-step guide to producing mutliple stylesheets for your website allowing you to incorporate different designs or font sizes. The script sets a cookie for the user so that their settings are saved whilst they navigate your website.

3. Rounded Corners (demo)

Something so simple has proved quite difficult to implement without using lots of bloated code and CSS. With jQuery it’s easy to create rounded corners. This tutorial takes you through the process.

4. Form Validation (demo)

This easy-to-use form validation script uses jQuery for submitting web contact forms on your website.

5. jQuery Portlets (demo)

Create drag & drop blocks of text that can be arranged in a flexible manner using jQuery Portlets. The site contains a useful tutorial explaining the process.

6. Date Picker (demo)

Choosing dates is an integral part of many websites. Using jQuery the pop-up calendar method can be achieved with the minimum of fuss. A selection of demos highlight the possibilities when using the script.

7. Jeditable (demo)

Edit in-line text simply by clicking on the text and replacing the text using Jeditable.

8. Interface (demo)

Add rich interface components to your websites with Interface Elements.

9. Ingrid (demo)

Add functionality to data grids such as resizing of columns, paging, sorting, row and column styling with Ingrid.

10. jQuery Lightbox Plugin

A jQuery compatible lightbox plugin that gives users a smooth transition for viewing website images.