10 jQuery Tutorial Plugin October 2011

In this post, I collect 20 jQuery tutorial Plugin October 2011. This post includes Data map, radio button, flash card tutorials…

jQuery tutorials October 2011

jQuery tutorials October 2011

2. Tripping the DOM fantastic with jQuery
Don’t get me wrong, I can dance. But it’s certainly not the thing of beauty you see in the old Hollywood musicals – unless you’re watching me dance through the DOM (the Document Object Model) with jQuery.

Tripping jQuery tutorials October 2011

Tripping jQuery tutorials October 2011

3. jQuery Cycle Plugin – A Little Tutorial

If you don’t know what jQuery is, you probably should… …well, if you do any sort of web design or development. Short answer: jQuery is one of several JavaScript frameworks (which is a thing that generally makes writing JavaScript a little easier).

jQuery tutorials October 2011

jQuery tutorials October 2011

4. Jquery radio buttons tutorial

Today i am going to show you how to create nice radio buttons using jquery; it is very easy to do it, just follow the next steps:

jQuery tutorials October 2011

jQuery tutorials October 2011

5. Jquery radio buttons tutorial

Tooltips can play a big role in your web designs and that isn’t new anymore. Just use them correctly and they will help you improve user experience.

jQuery tutorials October 2011

jQuery tutorials October 2011

6. Django 1.3 / JQuery tutorial – Making a flashcard game

Recently I decided to check out Django 1.3 and in the process of doing it put together a short tutorial to illustrate some of the basic features of Django and some basic JQuery. In order to follow along you should have a fundamental understanding of python, javascript, jquery, html and css.

jQuery tutorials October 2011

jQuery tutorials October 2011

7. Essential jQuery Plugin Patterns

I occasionally write about implementing design patterns in JavaScript. They’re an excellent way of building upon proven approaches to solving common development problems, and I think there’s a lot of benefit to using them. But while well-known JavaScript patterns are useful, another side of development could benefit from its own set of design patterns: jQuery plugins. The official jQuery plugin authoring guide offers a great starting point for getting into writing plugins and widgets, but let’s take it further.

jQuery tutorials October 2011

jQuery tutorials October 2011

8. Flexible Slide-to-top Accordion

In today’s tutorial we’ll be creating a simple responsive accordion that, when opened, will slide to the top of the viewport and reveal the content by fading it in. The idea is to avoid that the user has to scroll the content area into place. We’ll also add some nice CSS3 transitions for the arrow to appear and to rotate when we click on an item. The accordion will be flexible, meaning that it will have a liquid width adjusting to the screen size.

jQuery tutorials October 2011

jQuery tutorials October 2011

9. Fullscreen Image 3D Effect with CSS3 and jQuery

Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an image’s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

jQuery tutorials October 2011

jQuery tutorials October 2011

10. Wave Display Effect with jQuery

How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.

jQuery tutorials October 2011

jQuery tutorials October 2011

Share This Post

Related Articles

2 Responses to “10 jQuery Tutorial Plugin October 2011”


  1. Very impressive list. Thanks


  2. Sweet web site , super design , very clean and apply genial .

Leave a Reply

*