25 jQuery Tutorial Plugin October 2011


VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

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

1. jQuery Tutorial – Create a Flexible Data Heat Map

Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible.
jQuery Tutorial Plugin

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.
jQuery Tutorial Plugin

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 Tutorial Plugin

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 Tutorial Plugin

5. Image map with CSS3 & jQuery tooltips

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 Tutorial Plugin

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 Tutorial Plugin

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 Tutorial Plugin

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 Tutorial Plugin

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 Tutorial Plugin

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 Tutorial Plugin

11. Rhinofader

Rhinofader is a compact, simple slideshow / slider without a lot of knick-knacks. Not a thousand effects, not a thousand settings, only the fade-effect. Yes! Rhinofader also works fine with HTML content
jQuery Tutorial Plugin

12. jQuery Parallax Tutorial – Animated Header Background

I think we all agree that the parallax effect is pretty awesome and can get you that WOW factor when someone visits your website. So, I thought i would show you a live jQuery parallax example. In this tutorial i will explain in detail how to create your own parallax background effect using jQuery to manage the animation aspects of the banner which you could use for your header background.
jQuery Tutorial Plugin

13. Jquery Notification Plugin

Introducing a new jQuery notification plugin, it helps better and enrich message notification system for your web application. This plugin contains four types of notification systems such as Success, Error, Warning and Information with rich user interface. Very easy to implement just follow the steps.
jQuery Tutorial Plugin

14. How to Create a Jquery Plugin

This post is explains how easy you can built a jQuery plugin, we made a simple plugin called LinkColor. It makes your website anchor links so colourful and pretty beautiful, Just few line of code and very simple to use. Follow the eight steps and learn how to create your own jquery plugin. Take a look the live demo. Thanks!
jQuery Tutorial Plugin

15. MobilyMap

MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.
jQuery Tutorial Plugin

16. Simple Overlay

A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.
jQuery Tutorial Plugin

17. leanModal

A super simple plugin that works with your CSS.
jQuery Tutorial Plugin

18. jQuery Image Gallery

Image Gallery with Lightbox effect and slideshow functionality for jQuery UI
jQuery Tutorial Plugin

19. jRumble

jQuery Tutorial Plugin

20. FitText

A jQuery plugin for inflating web type
jQuery Tutorial Plugin

21. jQuery Widths and Heights Tutorial

jQuery Tutorial makes it easy for you to use the dimensions of your factors as well as the particular internet browser eye-port. You can use the particular thickness() and height() means of finding the dimensions, or perhaps alternatively the innerWidth()/innerHeight()/outerWidth()/outerHeight() strategies, with respect to the proportions you need. Initial slightly example showing the actual differences and the some explanation:
jQuery Tutorial Plugin

22. Simple Textarea Word Counter jQuery Plugin

I know there are a few textarea word counter jQuery plugins out there already, but I felt like building my own since I wasn’t a fan of the ones that are available. Nothing new here but I did my best at making it as simple to use and efficient as possible.
jQuery Tutorial Plugin

23. jQuery load() Tutorial

Since explained in the last chapter, there are many ways to use AJAX along with jQuery, and so they should obviously supply depending on the situation. One of many simplest but nevertheless effective options for packing info asynchronously is the fill() approach. You use that simply by selecting an element in which you want the content loaded in order to and then phone the strain() approach on it. It will take the URL that you wish to fill, as a parameter. Because of this example, we’d like any an external record that we may load. We will refer to it as articles.html and also the content material from it may need to look something like this particular:
jQuery Tutorial Plugin

24. GridviewFix jQuery plugin

In this article, I have discussed the problem that developer faces while using dataTable plugin with ASP.NET Gridview control and suggested the solution for the same problem. This article is for you, if you are using very famous dataTable jquery plugin with Asp.Net data-bound server controls.
jQuery Tutorial Plugin

25. jQuery – DOM Traversing Tutorial

jQuery is a very potent device which supplies a number of DOM traversal techniques to allow us to pick elements inside a document arbitrarily plus consecutive technique.
jQuery Tutorial Plugin

Advertorial - If you want to support, just click on the ads. Thank you!