Sunday 3 April 2011

Useful jQuery Techniques And Tutorials For Great User Interface - Part 1


jQuery has really captivated our development through web. It is a powerful tool that improves the user’s interactivity in Web applications. With jQuery, development in your website is much easier and more flexible for the element in your website.
In this post, I am giving you 40 jQuery techniques and tutorials that will help you improve your skills.

1. Custom Animation Banner with jQuery

In this tutorial you will learn how to create a custom animation banner with jQuery by using the jQuery Easing Plugin and the jQuery 2D Transform Plugin. The idea is to have different elements in a banner that will animate step-wise in a custom way.
Jquery_techniques_tutorials1

2. Moving Boxes Carousel with jQuery

In this you will learn how to create a slider, that have buttons to change panels and the panels zoom in and out.
Jquery_techniques_tutorials2

3. Quick Feedback Form – jQuery & PHP

A simple solution to this problem. Powered by jQuery, PHP and the PHPMailer class, this form sends the users’ suggestions directly to your mailbox.
Jquery_techniques_tutorials3

4. Wijmo – jQuery UI Widgets

Wijmo is a complete kit of over 30 jQuery UI Widgets. It is an extremely dangerous mixture of jQuery, CSS3, SVG, and HTML5 that when combined becomes an unstoppable force on the web.
Jquery_techniques_tutorials4

5. One Page Navigation – jQuery Plugin

This is a practical navigation plugin by Trevor Davis that lets you scroll smoothly when the navigation is clicked – this plugin is built upon the jQuery ScrollTo plugin by Ariel Flesler.
Jquery_techniques_tutorials5

6. RSS Reader With jQuery Mobile

Build a simple Tuts+ RSS reader, using PHP and jQuery Mobile. When we’re finished, you’ll have the ability to add this simple project to your iPhone or Android phone with the click of a button, as well as the skills to build your web apps!
Jquery_techniques_tutorials6

7. Easy Accordion – jQuery Plugin

The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion.
Jquery_techniques_tutorials7

8. Lettering – jQuery Typography Plugin

In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.
Jquery_techniques_tutorials8

9. Annotation Overlay Effect with jQuery

Create a simple overlay effect to display annotations.
Jquery_techniques_tutorials9

10. Snippet – jQuery Syntax Highlighter

Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.
Jquery_techniques_tutorials10
to be continued...

0 comments:

Post a Comment