39 New jQuery Plugins Techniques For Your Website
There is a vast range of ready made jQuery plugins available from generous designers and developers from across the web that can help add stunning functionality and effects to your website. Check out these examples, including content sliders, image galleries, tooltips, accordions, lightboxes and modal windows. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your web designs.
Transformie
Transformie is a Javascript plugin that comes in less than 5k that you embed into web pages and that brings you CSS Transforms by mapping the native IE Filter API to CSS transitions as proposed by Webkit.
jQuery Corner
jCarousel
jQuery.popeye 2.0
jQuery.popeye is an advanced image gallery script that allows you to save space when displaying a collection of images and offers your users a nice and elegant way to show a big version of your images without leaving the page flow.
Galleria
Uniform
Have you ever wished you could style check boxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers? If so, Uniform is your new best friend. Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.
Blockster Transition Effect
Blockster is a Javascript transition effect designed for ‘featured content’ rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.
CLEditor
CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site.
jQuery MultiSelect Plugin
This is a jQuery MultiSelect Plugin that focus on speed and ThemeRoller support. It turns an ordinary HTML select control into an elegant drop down list of checkboxes. The plugins provides an optional header with check all / uncheck all / close links, Keyboard support, Ability to hook into 5 different event callbacks, much more and it is only 6kb minified.
Crazy Dots
jdCrazyDots is a jQuery Plugin that creates a loading spinner via CSS. Best appearance is with CSS3 capable browser, but can be made to work in older browsers, too.
QuickFlip 2
QuickFlip 2 is a major reworking of the jQuery plugin that flips any piece of HTML markup over like a card. The new version is faster and even easier to use—simply call the flip animation through a jQuery selector and the QuickFlip will flip the front panel to show its back.
Galleria
Galleria is a image gallery framework that is very easy to use, yet loaded with advanced customization options. With more than 5k daily downloads, it’s one of the most popular javascript image galleries available today.
Coda Slider Effect
jQuery Formwizard Plugin
The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form; depending on the user input. Supports multiple “submit”-steps and much more.
Cute Balloon
Cute Balloon is a jQuery script that allows you to easily make a ‘cute’ tool tip balloon. It also works with Ajax content.
Exposure
Exposure is a jQuery plugin for rich and smart photo viewing that can handle very large amounts of photos.
Cloud Zoom
Cloud Zoom is a jQuery image zoom plugin. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers.
Searchable DropDown
A jQuery plugin which extends normal dropdown (select) elements to be searchable.
Auto-Playing Featured Content Slider
jQuery plugin: Simplest Twitter-like dynamic character count
The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many characters the users have before reaching the limit. The information is not only provided merely by displaying a number, there are different colors applied to certain stages to notify the user about the status.
jQuery UI/Tabs
YoxView
Sudo Slider
Essentially, Sudo Slider is the slider plugin that allows the designer to do whatever they wants, with whatever HTML he want. It’s a content and image slider, with support for captions, ajax, multiple sliders, bookmarks, automatic sliding, continuous sliding, fading etc.
ezMark
ezMark is a very small (minified version is ~1.5kb) plugin that allows you to stylize Radio button and Checkbox easily.
Revealing Photo Slider
Colortip
Colortip converts the title attributes of an element within your page, into a series of colorful tooltips. With six color themes are available, you can easily match it with the rest of your design.
Flickr-Style Photo Tagging With jQuery
The jQuery Photo Tagger plugin allows you to add Flickr-style photo tagging to your images. You can create box-like overlays on top of your image and assign messages to each box. The plugin communicates with the server using the supplied API URLs such that the photo tags can be saved, persisted, and deleted when needed.
Pines Notify
Pines Notify is a JavaScript notification plugin that has been designed to offer an unparalleled level of flexibility, while still being very easy to implement and use. It uses the jQuery UI CSS library for styling, which means it is fully and easily themeable.
Easy Tooltip and Image Preview
Fancy Box
Simple Unlimited Levels Vertical Drop-Down Navigation Menu
Sweet AJAX Tabs With jQuery 1.4 & CSS3
Organizing the content of a page in a both intuitive and eye-catching manner, is a must in modern web design. One principle that has been around for some time is dividing text into tabs. This is a AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery.
jMapping
This plugin has been designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.
jQuery.validity
jQuery.validity is a powerful jQuery plugin you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
jDiv: A jQuery navigation menu alternative
This is actually a tutorial showing how to use jQuery for taking an entire hidden div structure and makes it appear as a drop down panel on mouse over. This can be pretty useful.
jQuery Lint
jQuery Lint is a simple script you can download and use with jQuery. It works over the top of jQuery and diligently reports errors and any incorrect usage.
Nivo Slider
Ah, image sliders. Nothing new about them, right? Sure, but Nivo Slider is so great that I had to write about it. This jQuery plugin allow you to create images/content slider efficiently and easily.
tml5form
HTML5 allows you to validate forms without the need for additional JavaScript. Currently only Safari & Google Chrome supports this functionality. This plugin, with just a single line of code, gets the same result in Firefox & Internet Explorer.
Coda Slider
Related posts:
About the author
Makara is web designer and he writing about graphic and web design, social media, blogging and freelancing and features articles on 1stepwebdesign.com
1st step web design is a web blog that aims provide to designers, bloggers and webdesigner such as useful tricks, tools,colour, tutorials and inspirational artworks.....
diablo 3
September 26, 2011 • 10:46 pm
Hello there! This publish couldn’t be created any greater! Studying by means of this submit reminds me of my past space mate! He usually held referring to this. I’ll ahead this informative article to him. Fairly certain he’ll have a very excellent go through. Thanks for sharing!