30 Fresh Useful & Powerful jQuery Plugins

30 Fresh Useful & Powerful jQuery Plugins

jquery plugin

Fresh Useful & Powerful jQuery Plugins - The `write less, do more` JavaScript library is great for rapid web development. New components, tools and applications are literally popping up on daily basis. Numerous plugins are also available to help jQuery developers. I have compiled a list of jQuery plugins that you may find really useful.

ppGallery - Elegant Lightbox Gallery Jquery Plugin

Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

MobilyBlocks

MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

WOW Slider - jQuery Carousel & Slider

WOW Slider is a jQuery Image Slider with stunning visual effects and fancy templates.

jQuery zLayers

zLayers is a jQuery plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent. zLayer is perfect for interactive illustrations and rich user experience through creative methods.

jquery thumbnail scroller

A cool jquery/css thumbnail scroller plugin inspired by the ones made in Flash. It works by cursor movement and it's simple to configure and easy to style through css.

tofslaForms

Choose which form controls get styled -- all, buttons only, checkboxes and radios, textareas and selects?

SliderNav

SliderNav is a plugin that lets you add dynamic, sliding content using a vertical navigation bar (index).

jQuery Colors Pickers HSL

FBModal jQuery plugin

FBModal is a jQuery plugin that is the first FaceBook replica modal dialog.

Tipped - The Javascript Tooltip Framework

Tipped allows you to easily create beautiful tooltips using your Javascript framework of choice.

Pines Grid jQuery Plugin

Pines Grid is a JavaScript data grid plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of Pines.

jQuery Stepy

jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard.

jQuery Apple Effect

This plugin is very easy to use. Just target the element you want to highlight.

Overlay Effect Menu with jQuery

Dirty Forms

Dirty Forms will alert a user when they attempt to leave a page without submitting a form they have entered data into. It alerts them in a modal popup box, and also falls back to the browser’s default onBeforeUnload handler for events outside the scope of the document such as, but not limited to, page refreshes and browser navigation buttons.

Thumbox

jQuery formDesigner

This jQuery Plugin allows you to skin standard form elements (select, input, textarea) with CSS.

xhEditor

JQByte StickyForms Plugin

StickyForms is a jquery plugin that automatically saves all form fields into cookies, and then autofills those values on any form that shares element IDs across your site.

Panoscoper

The panoscoper plugin allows you to take any DOM object and wrap it into a 360° panorama, leaving interactivity intact. This includes Images, Div boxes, and even Video. Currently in alpha development.

JOverText

This plugin adds title and description on an image visible on mouseover. Slide has several effects: above, left, right and bottom. Fully customizable and easy to apply ... Here you will find all info about it.

Dragdealer JS

Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders.

jQuery Capty - A Caption Plugin

jQuery Capty is a plugin jQuery Capty is a plugin that creates captions over the images.

NV / box-slider

Horizontal Box Slider is using native scrolling. There are a lot of “carousels”, but none of them is using it.

jQuery Share Plugin

This lightweight jQuery Share Plugin allows you to easily add share buttons for Social Bookmarks to your website - with only a few lines of code.

jMenu Plugin

jMenu is a jQuery plugin that enables us to create horizontal navigations with unlimited sub-menus.

Thumbnail Gallery JQuery plugin

Thumbnail Gallery JQuery plugin is a easy to use JQuery plugin for web developer to build Javascript gallery on their web application. The gallery can be driven by xml. Easy setup and only minimum programming knowledge is needed. Best to showcase your photography portfolio.

Hightabler

It is a plugin which Highlights the rows of a table.You can navigate to previous or next table row by pressing the left or right arrow keyboard keys. You can also click on the panels to navigate.

infiniScroll jQuery plugin

"infiniScroll" was written as a jQuery plugin. It works for blog posts... but will work for anything where you scroll to get more data. Just like Twitter.com, Facebook status messages, etc. Instead of paginating items, why not just keep scrolling?

Simple Fade SlideShow

Simple Fade SlideShow is highly customizable with CSS and it can create the list and buttons automated or you can create your own individual elements and Simple Fade SlideShow will only bind the relevant functions.

10 jQuery Accordion Plugins & Tutorials

10 jQuery Accordion Plugins & Tutorials

jquery jquery tutorials plugin

10 jQuery Accordion Plugins & Tutorials - jQuery Accordion is a really easy way to squeeze a bunch of text, images, buttons, or whatever you are using in to a smaller area.

Grid Accordion with jQuery

Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.

jQuery plugin: Easy Accordion

Easy Accordion Plugin keeps the HTML to the minimum, is SEO friendly and fully accessible, uses the CSS rotation to rotate the slide titles (no need for images here!), works in all the major browsers, allows for autoplay, it’s opensource and fully customizable and, what count most, it’s free!

jQuery Common Accordion - Horizontal & Vertical

jQuery - Horizontal Accordion

This jQuery plugin allows you to easily transform any unordered list into a horizontal menu.

Colorful Content Accordion, CSS & jQuery

jQuery plugin: Accordion

This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automatically activates a part of the accordion based on the current location (URL) of the page.

Exactly How to Create a Custom jQuery Accordion

Accordions can be very useful for showing lots of different sections of data in a small amount of space. jQuery UI has a built in Accordion function, but according to the jQuery UI Build your Download, the size of the Core jQuery UI and Accordion scripts are 25kb and 16.6kb, respectively. Today, I’ll show you how to build a custom accordion that is more “bandwidth efficient”.

Simple Accordion w/ CSS and jQuery

When designed and implemented with usability in mind, the accordion can be incredibly useful when organizing a good chunk of content.

Micro Accordion

JQuery Micro Accordion Plugin is a small (1.33 KB) plugin that creates a simple accordion - no bells or whistles. It's pretty easy to use just download it at the bottom of this post. A demo is included in the download.

Elegant Accordion with jQuery and CSS3

10 Surprising HTML5 Canvas Application Experiments

10 Surprising HTML5 Canvas Application Experiments

css html5 jquery

The canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bit map and does not have a built in scene graph.

Sketchpad

Sketchpad’s drawing tools allow for the usual brush, pencil, fill and text items but it also provides tools for spirographs, unusual shapes and stamps. Applying a pattern to these items is simple, meaning it’s easy to create something artistic even if you’re not particularly artistic yourself.

Reflections

Jean d’Arc has created this 3D texture mapping demo using the HTML5 canvas element. The demo features rotating 3D objects with spherical texture mapping and pixel shading.

Cubescape

Cubescape allows you to draw 3D isometric pictures by dropping little blocks. It was open to user submissions for a while and some people had amazing patience!

charact-o-matic

Type the text you wish to display in to box on the bottom left, and then use the controls scattered around the display area to change the 3D effect.

Cloudkick Viz

Cloudkick Viz uses the canvas element to display cloud server monitoring information in real time. The graph plots servers in real-time in a 3D space according to performance metrics like CPU and memory usage, and ping latency. Each plotted points size represents the relative power of the server and will blink when monitoring data is updated. If something critical happens, it will turn red and pulsate. Hovering over a server will show you its name and a ghost trail based on performance history, and clicking will yield detailed monitoring data.

Canvas Sphere

Canvas Sphere by Emil Korngold renders a 2D projection of the 3D points of a sphere using a tiny sprite 3D engine. The demo uses z-sorting and alpha motion blurring to give the sense of 3D and rotation.

canvas threshold filter

A threshold filter converts grayscale or color images into high contrast, black and white images. This threshold filter has been created with canvas by hitode909.

HTML5 Canvas - Collage

Your collage creating begins with a Flickr search, which will bring up a list of the most popular results. Clicking any of the results will automatically add them to the collage area as a new layer. Each layer can be altered in a variety of ways – from moving, scaling and rotating to changing opacities, blend modes and shadows. You can also adjust the layer position in relation to the other layers.

Tweet Flare

Nikhil Bobb has produced this interested HTML5 canvas visualisation based on real time tweets from around the world using Twitter’s geocode data. Each tweet sets off a flare, lighting up areas of activity on Earth.

iGrapher

iGrapher is a free web-based financial market visualisation tool for charting, analysis and prediction of different stock, currency and commodity markets. It uses canvas to draw the graphs of financial data.