All About jQuery: Plugins, Tutorials and Resources


Via
http://www.noupe.com/jquery/all-about-jquery-plugins-tutorials-and-resources.html

In this post, we are presenting a bunch of exciting and awesome jQueryplugins for your use. As we all know very well that jQuery is the most famous Javascript framework available out there which comes with many amazing features and is quite easy to be used.

You can use these plugins to add beautiful effects and functionality in your next project. These plugins will also help you in completing your task easily.

jQuery Menu and Navigation

Collapsing Site Navigation with jQuery ( Demo | Download )
Creating a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom.

Jqueryplugins26 in All About jQuery: Plugins, Tutorials and Resources

Beautiful Background Image Navigation with jQuery ( Demo | Download )
A beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect.

Jqueryplugins27 in All About jQuery: Plugins, Tutorials and Resources

Slot Machine Tabs ( Demo | Download )
Three columns in each content box rotate like a slot machine to reveal the content in the next content box when a new tab is clicked.

Jqueryplugins404 in All About jQuery: Plugins, Tutorials and Resources

Stylish Navigation Men ( Demo | Download )
A stylish CSS + XHTML navigation menu.

Jqueryplugins22 in All About jQuery: Plugins, Tutorials and Resources

SUPERFISH JQUERY MENU PLUGIN ( Demo | Download )
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu.

Jqueryplugins23 in All About jQuery: Plugins, Tutorials and Resources

LavaLamp for jQuery lovers! ( Demo | Download )
Lavalamp allows you to create a beautiful effect over your horizontal navigation bars.

Jqueryplugins24 in All About jQuery: Plugins, Tutorials and Resources

Sexy Drop Down Menu w/ jQuery & CSS ( Demo | Download )
Create a sexy drop down menu that can also degrade gracefully.

Jqueryplugins25 in All About jQuery: Plugins, Tutorials and Resources

SLIDE A NAVIGATION TOOL IN YOUR PAGE ( Demo | Download )
This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

Jqueryplugins21 in All About jQuery: Plugins, Tutorials and Resources

Stay-On-Top Menu ( Demo | Download )

Jqueryplugins28 in All About jQuery: Plugins, Tutorials and Resources

HoverFade ( Demo | Download )
The plugin is designed to be used with navigation menus, where each menu item is made from an anchor element within a list-item element. You can apply the effect to different collections of elements by supplying new trigger and faderTemplate options.

Jqueryplugins29 in All About jQuery: Plugins, Tutorials and Resources

jQuery Menu Style ( Demo | Download )
An Easy to setup and beautiful Menu Plugin.

Jqueryplugins30 in All About jQuery: Plugins, Tutorials and Resources

jQuery Slideshow and Image Gallery

Thumbnails Navigation Gallery with jQuery ( Demo | Download )
An extraordinary gallery with scrollable thumbnails that slide out from a navigation. The main idea is to have a menu of albums where each item will reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or right.

Jqueryplugins38 in All About jQuery: Plugins, Tutorials and Resources

Minimalistic Slideshow Gallery with jQuery ( Demo | Download )
A simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Jqueryplugins40 in All About jQuery: Plugins, Tutorials and Resources

HTML5 Slideshow w/ Canvas & jQuery ( Demo | Download )
You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it.

Jqueryplugins31 in All About jQuery: Plugins, Tutorials and Resources

A Slick Content Slider ( Demo | Download )
In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin.

Jqueryplugins32 in All About jQuery: Plugins, Tutorials and Resources

Google Wave History Slider ( Demo | Download )
It shows you how to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

Jqueryplugins33 in All About jQuery: Plugins, Tutorials and Resources

Cool jQuery Gallery ( Demo | Download )
A custom gallery that scans a folder of images and outputs a slick gallery, utilizing PHP, CSS, jQuery and the jQuery Lightbox plug-in.

Jqueryplugins34 in All About jQuery: Plugins, Tutorials and Resources

jqFancyTransitions ( Demo | Download )
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

Jqueryplugins36 in All About jQuery: Plugins, Tutorials and Resources

YoxView – jQuer Image Viewer Plugin ( Demo | Download )
YoxView is a free Lightbox-type media and image viewer jQuery plugin. It’s easy to use and feature-rich.

Jqueryplugins37 in All About jQuery: Plugins, Tutorials and Resources

Beautiful Photo Stack Gallery with jQuery and CSS3 ( Demo | Download )
A Beautiful and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

Jqueryplugins39 in All About jQuery: Plugins, Tutorials and Resources

Fresh Sliding Thumbnails Gallery with jQuery and PHP ( Demo | Download )
A full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.

Jqueryplugins401 in All About jQuery: Plugins, Tutorials and Resources

Auto-Playing Featured Content Slider ( Demo | Download )
This is an alteration based on the jQuery “Coda Slider” plugin. Each “slide” can be any kind of html content whatsoever, or be a full-size image with an overlay.

Jqueryplugins402 in All About jQuery: Plugins, Tutorials and Resources

Slide Deck ( Demo | Download )
SlideDeck is a powerful slider plugin made for web designers. With SlideDeck, you can organize any type of web content into a beautiful and user-friendly slider.

Jqueryplugins403 in All About jQuery: Plugins, Tutorials and Resources

jQuery Table Manipulation

DataTables ( Demo | Download )
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Jqueryplugins41 in All About jQuery: Plugins, Tutorials and Resources

Scrollable HTML table ( Demo | Download )
This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. No additional coding is necessary. All you need to do is put header rows (if you need them) in THEAD section, table body rows in TBODY section, footer rows (if you need them) in TFOOT section.

Jqueryplugins42 in All About jQuery: Plugins, Tutorials and Resources

JQTreeTable ( Demo | Download )
With JQTreeTable, you can have a treeview in your table. With this plugin, users still get the plain table even thought they disable Javascript.

Jqueryplugins43 in All About jQuery: Plugins, Tutorials and Resources

Flexigrid ( Demo | Download )
Flexigrid is a lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content.

Jqueryplugins44 in All About jQuery: Plugins, Tutorials and Resources

Tablesorter ( Demo | Download )
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful feature.

Jqueryplugins45 in All About jQuery: Plugins, Tutorials and Resources

Ingrid ( Demo | Download )
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more)

Jqueryplugins46 in All About jQuery: Plugins, Tutorials and Resources

jQuery ColumnManager plugin ( Demo | Download )
A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit.
It’s supporting tables with colspans and rowspans, too!

Jqueryplugins47 in All About jQuery: Plugins, Tutorials and Resources

Table Pagination ( Demo | Download )
This jquery plugin is used to create a pagination element under a table element. You can customize your pagination needs through various settings.

Jqueryplugins48 in All About jQuery: Plugins, Tutorials and Resources

jQuery TableRowCheckboxToggle ( Demo | Download )
This plugin can add toggle checkbox to any rows that can be specified through the CSS class names.

Jqueryplugins49 in All About jQuery: Plugins, Tutorials and Resources

uiTableFilter ( Demo | Download )
uiTableFilter is a jQuery plugin for filtering table rows.

Jqueryplugins50 in All About jQuery: Plugins, Tutorials and Resources

jQuery Form Element Enhancing

Progress Bar ( Demo | Download )
It’s a very simple widget with a small API that exposes a limited number of properties and methods, but it can still be highly effective and is great for providing visual feedback to visitors on the percentage of a process is left before it is complete.

Jqueryplugins98 in All About jQuery: Plugins, Tutorials and Resources

Ajax Fancy Captcha ( Demo | Download )
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers.

Jqueryplugins93 in All About jQuery: Plugins, Tutorials and Resources

Elastic – Make your textareas grow ( Demo | Download )
This Jquery plugin makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it’s competitors is it’s weight.

Jqueryplugins91 in All About jQuery: Plugins, Tutorials and Resources

jQuery “Highlight” Plugin ( Demo | Download )

Jqueryplugins92 in All About jQuery: Plugins, Tutorials and Resources

FormToWizard Plugin ( Demo | Download )
The FormToWizard plugin help you to turn any webform into a powerful wizard with jQuery with “steps left” information.

Jqueryplugins94 in All About jQuery: Plugins, Tutorials and Resources

File Style jQuery ( Demo | Download )
Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.

Jqueryplugins95 in All About jQuery: Plugins, Tutorials and Resources

Uploadify – a multiple file upload plugin for jQuery ( Demo | Download )
Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.

Jqueryplugins97 in All About jQuery: Plugins, Tutorials and Resources

jQuery Form Wizard Plugin ( Demo | Download )
The jQuery Form Wizard Plugin will convert your regular forms into step-by-step form wizard without having to reload the page when moving from one step to another. The plugin is unobtrusive and gives you the ability to set up flow of the different steps, by creating specific routes based on user input.

Jqueryplugins80 in All About jQuery: Plugins, Tutorials and Resources

Uniform – Sexy forms with jQuery ( Demo | Download )
Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

Jqueryplugins99 in All About jQuery: Plugins, Tutorials and Resources

jQuery.uiSelect ( Demo | Download )

Jqueryplugins100 in All About jQuery: Plugins, Tutorials and Resources

Autocomplete ( Demo | Download )
By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.

Jqueryplugins101 in All About jQuery: Plugins, Tutorials and Resources

jQuery Miscellaneous

jQuery Quicksand ( Demo | Download )
Reorder and filter items with a nice shuffling animation.

Jqueryplugins79 in All About jQuery: Plugins, Tutorials and Resources

jQuery PhotoShoot ( Demo | Download )
The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.

Jqueryplugins35 in All About jQuery: Plugins, Tutorials and Resources

QuickFlip ( Demo | Download )
It 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.

Jqueryplugins71 in All About jQuery: Plugins, Tutorials and Resources

Canimate ( Demo | Download )
If you’ve ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn’t want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

Jqueryplugins72 in All About jQuery: Plugins, Tutorials and Resources

Tooltip ( Demo | Download )
In this tutorial we are going to write a simple jQuery tooltip plugin. It is going to convert the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.

Jqueryplugins73 in All About jQuery: Plugins, Tutorials and Resources

jQuery Twitter Ticker ( Demo | Download )
Create a pure jQuery & CSS twitter ticker which utilizes Twitter’s Search API.

Jqueryplugins74 in All About jQuery: Plugins, Tutorials and Resources

A Fancy AJAX Contact Form ( Demo | Download )
In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques.
We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQTransform plugin

Jqueryplugins75 in All About jQuery: Plugins, Tutorials and Resources

jQuery-Notes 1.0.2 ( Demo | Download )
jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.

Jqueryplugins76 in All About jQuery: Plugins, Tutorials and Resources

jQuery Roundabout ( Demo | Download )

Jqueryplugins77 in All About jQuery: Plugins, Tutorials and Resources

Google Buzz Widget ( Demo | Download )

Jqueryplugins78 in All About jQuery: Plugins, Tutorials and Resources

CLEditor ( Demo | Download )
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.

Jqueryplugins81 in All About jQuery: Plugins, Tutorials and Resources

jQuery color plugin xcolor ( Demo | Download )

Jqueryplugins82 in All About jQuery: Plugins, Tutorials and Resources

IdmgAreaSelect ( Demo | Download )
imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features.

Jqueryplugins83 in All About jQuery: Plugins, Tutorials and Resources

Useful Resources

Via
http://www.noupe.com/jquery/all-about-jquery-plugins-tutorials-and-resources.html

About these ads

Etiquetado:, , , , , , , ,

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito

MarketingActivo

el mundo del marketing se activa para ti

tranquicomix

fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion

contact: ralucastoica23@gmail.com

Vinod833's Blog

This WordPress.com site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Silvia Altamirano

an editorial designer that writes

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

Travel & Lifestyle Blog

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“Un fotógrafo tiene que ser auténtico y en sus fotografías, debe expresar emociones, provocar reacciones y despertar pasiones..” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hay que ser libre para ser uno mismo

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 1.656 seguidores

%d personas les gusta esto: