25 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…
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.
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.
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).
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:
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.
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.
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.
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.
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.
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.
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
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.
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.
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!
15. MobilyMap
MobilyMap is a jQuery plugin (7KB) that can create a Google Maps-like, draggable interface from any image.
16. Simple Overlay
A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.
17. leanModal
A super simple plugin that works with your CSS.
Image Gallery with Lightbox effect and slideshow functionality for jQuery UI
19. jRumble
20. FitText
A jQuery plugin for inflating web type
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:
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.
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:
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.
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.
