background preloader

Jquery Plugins

Facebook Twitter

Heap Shot. List.js - Examples of how to use the script. 14 Most Popular jQuery Plugins of February 2013. Here, we will be rounding up some of the top jQuery plugins of February 2013, for you to use on your web development work. 1.

14 Most Popular jQuery Plugins of February 2013

Hook.js We love that neat little "pull to refresh" feature on our devices, but wouldn't it be awesome if it was for the web? jQuery Form Plugin. The following code controls the HTML form beneath it.

jQuery Form Plugin

It uses ajaxForm to bind the form and demonstrates how to use pre- and post-submit callbacks. AJAX response will replace this content. The following code controls the HTML form beneath it. It uses ajaxSubmit to submit the form. This page gives several examples of how form data can be validated before it is sent to the server. The following login form is used for each of the examples that follow. Form Markup: <form id="validationForm" action="dummy.php" method="post"> Username: <input type="text" name="username" /> Password: <input type="password" name="password" /> <input type="submit" value="Submit" /> </form> First, we initialize the form and give it a beforeSubmit callback function - this is the validation function.

Validate Using the formData Argument Validate Using the jqForm Argument Validate Using the fieldValue Method Note. Mini Help System with jQuery. Martin Angelov In this tutorial, we are going to create a mini help system with jQuery. This will be a small widget which will display help text or a guide to users of your web application. The widget content is going to be searchable in real time, and all matching terms will be highlighted.

The Idea. jQuery UI DatePicker: Disable Specified Days. One project I'm currently working on requires jQuery.

jQuery UI DatePicker: Disable Specified Days

The project also features a datepicker for requesting a visit to their location. jQuery UI's DatePicker plugin was the natural choice and it does a really nice job. One challenge I encountered was the need to prevent specific days from being picked. Here's the jQuery JavaScript I used to accomplish that. Calendar - Page 5. It is difficult to find a well-developed calendar component for our web applications.

Calendar - Page 5

NoGray has developed a free and highly customizable Javascript calendar component for web developers like us. The look and feel of the calendar can be changed easily using CSS. You can have more than one calendar on any page, create any number of months per calendar. You can also enable multi selection of date as well. The calendar looks really and very easy to integrate into your websites. If you found the calendar does not suit your needs, you can spend some money and ask them to customize it for you. 50 Fundamental jQuery Controls, Components and Plugins. Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need.

50 Fundamental jQuery Controls, Components and Plugins

Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs. Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. It seemed logical to give the collection a fresh outlook and a uniformity under one framework – I chose jQuery.

(I have held on to a few controls that have not been built with jQuery, but for the sake of this post I have omitted them). 20+ Demos Showing Advanced jQuery Effects. Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website.

Since the introduction of the iPad, with its lack of the Flash Player, there’s an acceleration in the web development world to use alternative technologies to Flash, such as jQuery, Ajax and others. Although Flash is still a very powerful and useful tool, which works great on many cases, several of the effects that web designers are accustomed to creating in Flash, can be just as easily implemented using jQuery. 45+ Fresh Out of the oven jQuery Plugins. Mar 05 2008 Two month ago we’ve presented the 50 favorite jQuery plugins many developers use and we promised that the second version will be coming soon.

45+ Fresh Out of the oven jQuery Plugins

Today, we are going to introduce 45+ more jquery plugins that were recently created, so you don’t have to do the search as we did it and will continue to do it to build a useful library of jquery plugins and solutions. Image SlideShows and Galleries 1) Galleria -Is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. 2) jQuery Multimedia Portfolio -Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player. 3) wSlide -Change your lists in animated box (with pagination) Tag Clouds.

55 jQuery Form Plugins To Download And Use. 50 Fresh jQuery Tutorials 2011. 10 Very Useful Ajax Plugins for your Websites. 10 Ajax plugins collection This is collection of most interesting fresh Ajax plugins.

10 Very Useful Ajax Plugins for your Websites

Here are plugins and for working with images, and for paypal, and for pagination, and for navigation and another. Image Zoom & Pan Gallery, 360° Object Rotate (Spin), Fullscreen View. Online demo you can find here. 2. Nice way to display long lists. 3. iNettuts - Welcome! Ajax Fancy Captcha – jQuery Plugin for Drag and Drop Captcha’s security. Home » Ajax , Extras , Javascript , Licenses Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers .

This is a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle . Captcha’s security level is medium, with the emphasis on nice looking and user friendly qualities while still offering reasonable protection from unwanted “guests”. Basic design and its elements are easy to change and customize (take a look at file structure for more information). Website: Demo: 40 Useful jQuery Techniques and Plugins - Smashing Coding.

Over the last year, Smashing Magazine has evolved.

40 Useful jQuery Techniques and Plugins - Smashing Coding

We’ve been publishing fewer lists and more in-depth articles about design and Web development. We have invited professionals and high-profile developers to write for us. We’ve been investing more resources in the quality and relevance of our articles. We’ve also explored new formats; and on weekends we’ve been publishing more inspirational pieces, leaving the in-depth articles to weekdays. We’ve tried our best to fuel the growing appetite of our readers for more advanced articles, but recently we’ve been receiving more requests for carefully selected, useful round-ups. In this post, we present 40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites.

TipTip jQuery PluginTipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. 17 jQuery Plugins for Easy and Efficient Reordering and Filtering Page Elements. By using jQuery filter and jQuery sort plugins you will be able to have a great control over the order, placement and organization of your page / or table elements.

17 jQuery Plugins for Easy and Efficient Reordering and Filtering Page Elements

Further some of these plugins include drag-able controls making it possible to offer a more dynamic and user friendly design. Sorting and filtering is very useful if you have large datasets such as table views, however you can also use them for managing list views e.g. for a portfolio page. The Quicksand plugin found below is an example of this. This post has just been updated, all links checked. It provides an overview of jquery plugins you can use to provide simple yet powerful functionality to reorder, filter, add drag and drop capabilities etc.

Impress Your Friends With These 20 jQuery Tutorials. I have always liked playing around with jQuery and I’m sure many of you do too!

Impress Your Friends With These 20 jQuery Tutorials

In fact we’ve published some jQuery ‘getting started‘ guides here on SpyreStudios in the past. So this time I thought we’d go more in depth and I’ve hand-picked 20 awesome jQuery tutorials (most of them have working demos) Here they are: Creating a Keyboard with CSS and jQuery ↓ In this tutorial you’ll learn how to create a dynamic keyboard. 50+ Amazing Jquery Examples- Part1. Dec 20 2007 * This post is regularly updated. * Many of us have been using a good deal of jQuery plugins lately. Below I have provided a list of the 50 favorite plugins many developers use. Menu. Simple Modal - Another window modal. 37 More Shocking jQuery Plugins. Apr 09 2008. jQuery plugin: Tablesorter 2.0. Author: Christian Bach Version: 2.0.5 (changelog) Licence: Dual licensed (just pick!)

Under MIT or GPL licenses. Please with sugar on top!