Javascripts

12 Useful JavaScript Resources and Tools

JavaScript has made life of web developer a whole lot more easier than ever before. It is a powerful client side scripting language that gives a smooth running environment to its users. On the other hand, many people do not know what JavaScript is and how to use it. For them, we have a huge plethora of online tools and resources that will help them learning JavaScript.
In this post, we are posting 12 best JavaScript resources and tools that will help you in achieving your goals, and ultimately save you a lot of time as well. Here is the full collection. We hope you enjoy this collection.

Resumablejs

A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

Roughdraft.js

Quickly create an interactive HTML mock-up by auto sourcing lorem ipsum/images generators, with minimal html markup.

Packery

Bin-packing layout library.

Perimeter.js

Creates an invisible perimeter around a target element and monitors mouse breaches.

Angles

An angular.js wrapper for the Chart.js library.

Medium Editor

Medium.com WYSIWYG editor clone.

Midway.js

Midway.js makes it super easy to automatically center the responsive elements on your websites.

Leafletjs

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

Breezejs

Rich data for JavaScript apps is a breeze.

REVEAL.JS

A framework for easily creating beautiful presentations using HTML.

Slickspeed

speed/validity selectors test for frameworks.

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

10 JavaScript Libraries To Handle Keyboard Events

If you are looking for some JavaScript Libraries that can handle keyboard events, then you are at right place. Here we are featuring 10 best JavaScript Libraries that can handle keyboard events very well. With these libraries, developers can complete their tasks easily. It is important to incorporate event handlers to your HTML documents and register functions via JavaScript. This way, you can make your web applications to act similarly to a desktop application.

Here is the complete collection of 10 useful JavaScript libraries that can be very helpful for you. We hope that this collection proves to be the best for you. Enjoy looking into this collection and have more fun in using them for your works. Enjoy!

Keypress

Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.


Read the rest of this entry »

36 Excellent Data Visualization Tools

Data is always useful but it is not easy to comprehend it when it is not presented understandably. This is where data visualization comes in; there are many tools and techniques of providing data in a way that helps the viewers to apprehend the given data. It is very important to draw in the user’s attention via proper data visualization so that he/she is better capable of retaining facts. It would definitely require the media, through which the data is presented, to present the information in such a way that it catches the user’s eye and still be intelligible to him at all counts and levels because representation of facts is always better shown through pictorial representation of statistics.

To make it easy for all the data streaming sites to give their data in a most comprehensible way we have brought together a collection of data visualization tools. These are all excellent at performing their tasks and would definitely warrant a try.

Modest Maps

Modest Maps is a small, extensible, and free library for designers and developers who want to use interactive maps in their own projects. It provides a core set of features in a tight, clean package with plenty of hooks for additional functionality.

datavisualization

Flot Charts

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features.

datavisualization

Leaflet

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

datavisualization

Raphael

Raphael is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.

datavisualization

Pizza Pie Charts

Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices.

datavisualization

Chartkick

Create beautiful Javascript charts with one line of Ruby.

datavisualization

Ember Charts

A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation.

datavisualization

Cube

Cube is a system for collecting timestamped events and deriving metrics. By collecting events rather than metrics, Cube lets you compute aggregate statistics post hoc.

datavisualization

Better World Flux

Better World Flux was created as an entry for the World Bank Apps for Development competition. The site aims to raise awareness for the UN Millennium Development Goals by letting users visualize and share stories that are hidden in the World Bank Open Data.

datavisualization

Polymaps

Polymaps is a free JavaScript library for making dynamic, interactive maps in modern web browsers.

datavisualization

Google Charts

Google chart tools are powerful, simple to use, and free. Try out our rich gallery of interactive charts and data tools.

datavisualization

jQplot

jqPlot is a plotting and charting plugin for the jQuery Javascript framework.

datavisualization

Gantti

A simple PHP Gantt Class.

datavisualization

Smoothie Charts

A JavaScript Charting Library for Streaming Data.

datavisualization

Envision

Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations.

datavisualization

Arborjs

Arborjs a graph visualization library using web workers and jQuery.

datavisualization

Manyeyes

datavisualization

D3js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS. D3’s emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework, combining powerful visualization components and a data-driven approach to DOM manipulation.

datavisualization

Gephi

Gephi is an interactive visualization and exploration platform for all kinds of networks and complex systems, dynamic and hierarchical graphs.

datavisualization

Highcharts

Interactive javascript charts for your web projects.

datavisualization

JavaScript InfoVis Toolkit

The JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

datavisualization

jpGraph

JpGraph is an Object-Oriented Graph creating library for PHP >= 5.1 The library is completely written in PHP and ready to be used in any PHP scripts (both CGI/APXS/CLI versions of PHP are supported).

datavisualization

Timeline

With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details.

datavisualization

Wolfram Alpha

Wolfram|Alpha introduces a fundamentally new way to get knowledge and answers—not by searching the web, but by doing dynamic computations based on a vast collection of built-in data, algorithms, and methods.

datavisualization

Cross Filter

Crossfilter is a JavaScript library for exploring large multivariate datasets in the browser. Crossfilter supports extremely fast (<30ms) interaction with coordinated views, even with datasets containing a million or more records; we built it to power analytics for Square Register, allowing merchants to slice and dice their payment history fluidly.

datavisualization

Open Layers

OpenLayers makes it easy to put a dynamic map in any web page. It can display map tiles and markers loaded from any source. OpenLayers has been developed to further the use of geographic information of all kinds.

datavisualization

Fusion Charts

datavisualization

Raw

The missing link between spreadsheets and vector graphics.

datavisualization

Springy

A force directed graph layout algorithm in JavaScript.

datavisualization

Bonsaijs

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

datavisualization

Humble Finance

HumbleFinance is an HTML5 data visualization tool written as a demonstration of interactive graphing in HTML5.

datavisualization

D3js

D3.js is a JavaScript library for manipulating documents based on data. D3 helps you bring data to life using HTML, SVG and CSS.

datavisualization

Protovis

Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction.

datavisualization

Axiis

Axiis is an open source data visualization framework designed for beginner and expert developers alike.

datavisualization

TimeFlow

TimeFlow Analytical Timeline is a visualization tool for temporal data. The current release is “alpha” software—a very early version that may have bugs and glitches.

datavisualization

Paper.js

The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas.

datavisualization

40 Fresh jQuery Plugins You Need To Check Out

Here we have come up with another fresh and exciting collection of jQuery plugins. This time we are focusing only on the recently released jQuery plugins that are new and you might not be aware of them. So, if you love to have a good collection of useful jQuery plugins, then do not forget to browse through this collection. All the plugins presented in this collection are free to use and very useful. They will not only speed up your workflow but will also make your design more user friendly.

To wrap it up, they are all free to download, so dig in. come, take a peek, and choose your pick. Leave us a comment and let us know what you think about this compilation. Have a look and enjoy!

FancyText

( Demo | Download )

Lightweight, Simple, Styleable jQuery + CSS Dropdown Menu Plugin

( Demo | Download )

jNottery

( Demo | Download )

jQuery Scrollless

( Demo | Download )

Validation with Lightbox

( Demo | Download )

jQuery Pulse Animation Plugin

( Demo | Download )

TableExport

( Demo | Download )

Scrollmagic

( Demo | Download )

Jquery Checkthemall

( Demo | Download )

Tikslusbox

( Demo | Download )

Izilla jQuery Touch Menu Hover

( Demo | Download )

Loadjs

( Demo | Download )

Tikslusdialog

( Demo | Download )

Litebox

( Demo | Download )

jBox

( Demo | Download )

Skippr

( Demo | Download )

jQuery Sliding Menu

( Demo | Download )

Pattern Lock

( Demo | Download )

Minimus Slider

( Demo | Download )

Instagram Infinite Scroll

( Demo | Download )

Devrama Slider – jQuery Plugin

( Demo | Download )

Multiscroll.js

( Demo | Download )

OwlCarousel2

( Demo | Download )

Responsive Elements

( Demo | Download )

Revalidate

( Demo | Download )

Jcrop

( Demo | Download )

Label Better

( Demo | Download )

Panorama Viewer

( Demo | Download )

Waterpipe.js

( Demo | Download )

Mediacenter.js

( Demo | Download )

Restivejs

( Demo | Download )

jQuery SlotMachine

( Demo | Download )

Anijs

( Demo | Download )

Seenjs

( Demo | Download )

Hide Show Password

( Demo | Download )

jQuery File Upload – jQuery UI version

( Demo | Download )

Noty –A jquery Notification Plugin

( Demo | Download )

Autosize

( Demo | Download )

Headhesive.js

( Demo | Download )

Slidegrid

( Demo | Download )

15 Awesome jQuery Countdown Timers

This time around, we thought to compile some really cool and awesome jQuery countdown timers for you. jQuery is fast and simple and has been designed to simplify the client side scripting of HTML. It has been used all over the world. Here, we are featuring 15 really awesome and brilliantly designed jQuery countdown timers for you that you can use in a variety of ways.

Here is the full collection without any further ado. Feel free to have a look and download your favorite countdown timer. Also, let us know what you think about this collection. Your comments are always more than welcome. Thanks.

Countdown

A countdown widget for your web page that displays the remaining as a flip clock or simple numbers.

Time Circles

TimeCircles is a simple yet attractive jQuery plugin for creating a countdown or count up timer with cool looking circular design.sss

Beautiful jQuery Countdown Timer Plugin

A jQuery Countdown Timer Plugin that make it easy to create a coming soon page with a cool Countdown Timer.

Scoreboard Style Countdown Plugin

Countdown is a cool and simple jQuery plugin for creating a mechanical scoreboard style countdown timer to display the remaining time in seconds, minutes, hours and days to any date.

Jquery Countdown

The countdown functionality can easily be added to a division with appropriate default settings, although you do need to set the target time. You can also remove the countdown widget if it is no longer required.

KKCountdown Timer

Plugin kk countdown counts down to specific dates in the future.

Simple jQuery Digital Countdown Timer Plugin

Yet another jQuery timer plugin used to display a digital countdown counter/timer to a given time. It also has the ability to execute a function when the counter is finished.

Vintage Flip Clock Jquery Countdown Timer

Flipcountdown is a lightweight and fast jQuery flip clock plugin used to create an animated & vintage-style clock, countdown, or timer on your website.

Customizable & Themeable Countdown Timer

dsCountDown is a simple jQuery plugin for creating a customizable & themeable countdown timer which supports both local and server time (PHP script required). The plugin has the ability to count down in days, hours, minutes, and seconds to any time defined in the javascript.

Extremely Lightweight jQuery Countdown Timer

DownCount is a lightweight and fast jQuery plugin which helps you create a countdown timer with custom alert text and timezone support.

FlipClock

Modern Circular Jquery Countdown Timer

Final Countdown is a cool jQuery timer plugin used to countdown in seconds, minutes, hours and days to any date time, with a ring-style countdown indicator. Ideal for creating a modern coming soon & in construction page for your upcoming project.

Animated And Reponsive Jquery Countdown Timer

mbCoimingsoon is a responsive jQuery counter plugin that allows to count down in seconds, minutes, hours and days to any date, with a simple flip animation and callback support.

Customizable Countdown Timer For Jquery

jQuery countdown is a simple plugin for creating a customizable countdown timer which supports standard/compact formats or custom layout.

Jquery Countdown Timer And Digital Clock Plugin

Time To is an easy-to-use and high customizable jQuery plugin for creating Countdown Timers or Digital Clocks with a lot of options and Callback support.

12 Stunning jQuery Plugins and Tutorials

jQuery is here for quite a sometime and it really makes life easier for the web developers and designers. The web development industry has been revolutionized by the advent of jQuery. Designers all over the world are taking advantage of this new technology and creating brilliant stuff quite quickly. It is nothing less than a blessing for the developers and this is the reason of its ever increasing popularity all over the world.
In this compilation, we are presenting 12 stunning jQuery tutorials that will help you learn jQuery new techniques easily and quickly at your own pace. We hope that you will like this collection and find these tutorials useful for you. Here is the full collection after the jump. Enjoy!

Building a Simple Reddit API Webapp using jQuery

ALS

Tooltipster

jQuery Knob

Windows

A CSS3 Animated Modal Window Image Gallery jQuery Plugin

Textillate

Tabslet

Fancy Image gallery jqFancyTransitions

Tubular

TiltShift.js

Gridster

40 Useful Javascript Tools & Resources

Here, we are presenting 40 JavaScript tools and resources for you. This post is totally dedicated to JavaScript resources and therefore, you will not find any jQuery or CSS resource here as we have separately published them before. JavaScript is a powerful client-side scripting language that has been used in many modern websites as well as web applications. Sometimes, it is difficult to write JavaScript because of the environment it runs in, and this is where JavaScript tools and resources come into play.

So what do you think? What did we miss? Which resources do you like the most and why? Leave us a comment and let us know what you think about this compilation. We hope that following JavaScript tools and resources will let you speed up your coding process and help you to achieve desired result within deadline.

Admin.js

The Backend-Agnostic Administration Framework.

Roughdraft.js

Quickly create and prototype a full interactive HTML mock-up without duplicating markup, server-side loops/code, or having to source fake content (lorem ipsum text/images).

Midway

Midway.js makes it super easy to automatically center the responsive elements on your websites.

Packery

Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.

Together.js

TogetherJS is a free, open source JavaScript library by Mozilla that adds collaboration features and tools to your website. By adding TogetherJS to your site, your users can help each other out on a website in real time!

Perimeter.js

Creates an invisible perimeter around a target element and monitors mouse breaches.

Angles

Angles.js is a set of directives that wrap the chart.js library for use with angular. Just include the angles.js file, add “angles” to your list of app requirements and check out the source for use. More to come.

HTML.js

HTML is a small, powerful way for you to enjoy working directly with the DOM.

Popcorn-js

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla’s Popcorn project.

Javascript Regular Expression Validator

This tool is a web-based regular expression validator for Javascript that lets you easily test and write regular expressions for Javascript.

Html Inspector

HTML Inspector is a code quality tool to help you and your team write better markup. It’s written in JavaScript and runs in the browser, so testing your HTML has never been easier.

Annyang

annyang is a tiny javascript library that lets your visitors control your site with voice commands.

Highlightjs

Syntax highlighting for the Web.

Favico.js

Make a use of your favicon with badges, images or videos.

Raw

The missing link between spreadsheets and vector graphics.

RulersGuides.js

Creates Photoshop-like guides and rulers interface on a web page.

Instano.js

instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded.It modifies the standard noscript tags so that the messages inside can be shown immediately whenever JavaScript is disabled.

Medium Editor

Medium.com WYSIWYG editor clone.

Chartjs

Easy, object oriented client side graphs for designers and developers.

Sir Trevor js

Sir Trevor is rich content editing entirely re-imagined for the web: an intuitive editor for web content which does not presuppose anything about how it will be rendered.

Gif.js

Full-featured JavaScript GIF encoder that runs in your browser.

Skeuocard

Skeuocard progressively enhances credit card inputs to provide a skeuomorphic interface.

Wide Area

WideArea is simple and lightweight JavaScript and CSS library (2KB JS and 4KB CSS) which helps you to write better, simpler and faster.

Slickspeed

Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with an interval to prevent the browser from freeezing.

Emberjs

A framework for creating ambitious web applications.

Reveal.js

The HTML Presentation Framework.

-Breezejs

Rich data for JavaScript apps is a Breeze.

Resumablejs

A JavaScript library providing multiple simultaneous, stable and resumable uploads via the HTML5 File API.

Parallax

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Knockoutjs

Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM).

Leafletjs

Leaflet is a modern open-source JavaScript library for mobile-friendly interactive maps.

Handlebars.js

Handlebars provides the power necessary to let you build semantic templates effectively with no frustration.

JavaScript Regex Generator

First attempt at making a user-friendly regex generator. A little buggy in IE. Currently limited to 7 groups and no support for negating character classes.

jsbin

JS Bin is a JavaScript, HTML and CSS playground. If you want to experiment, learn or help your friends with a problem, then JS Bin is for you.

jslint

JSLint,The JavaScript Code Quality Tool.

React

React is a JavaScript library for building user interfaces.

Svgjs

A lightweight library for manipulating and animating SVG.

Pixastic

Pixastic is an experimental library which allows you to perform a variety of operations on images using just a bit of JavaScript.

Bonsai.js

A lightweight graphics library with an intuitive graphics API and an SVG renderer.

JSLitmus

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests.

Simple Statistics

Simple statistics is a JavaScript library that does descriptive statistics, regression, and classification.

Collection Of jQuery Plugins For Filtering And Sorting Items

One can easily take control of orders, placement and organization of his web pages or table elements with the help of jQuery filter and sort plugins. Moreover, if someone wants to offer a more dynamic and user friendly design, he can use plugins with drag-able controls.

Keeping this in mind, here we are presenting a vast collection of useful jQuery filter and sort plugins. Such type of sorting and filtering plugins are extremely useful for the websites that have large datasets for instance, table view, list views such as for a portfolio page.
Below, you will find some useful plugins to manage your table views and list views with. We hope that you will like this collection and find these plugins useful for you. Feel free to share your opinions with us via comment section below. Enjoy!

MixItUp

( Demo | Download )

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

jQuery Plugin For Sorting and Filtering Html Lists – listplus

( Demo | Download )

Listplus is a lightweight jQuery UI widget based on jQuery library that enables you to sort, group, and filter an html list on client side.

Minimal jQuery Table Sorter and Filter Plugin – table.js

( Demo | Download )

table.js is a super simple yet useful jQuery plugin for sorting, filtering and formatting your html tables.

Filtrify

( Demo | Download )

Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clark’s Vertical Navigation Menu. Advanced because you can search tags within tags and filter items by multiple tags from different categories and get a live feedback on the number of items containing related tags.

Ingrid

( Demo | Download )

Datagrids don’t have to be difficult to use anymore – say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables. It’s easy to get started.

Sortable Lists Using jQuery UI

( Demo | Download )

Sortable Lists Using jQuery UI.

PicNet

( Demo | Download )

The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

ColumnManager

( 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!

Filtering Blocks

( Demo | Download )

Animated table sort (REGEXP friendly)

( Demo | Download )

This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

Using jQuery To Manipulate and Filter Data

( Demo | Download )

When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Flexigrid

( Demo | Download )

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.

Drag & Drop Sortable Lists

( Demo | Download )

Drag & Drop Sortable Lists with JavaScript and CSS.

TinySort

( Demo | Download )

TinySort is a small and simple jQuery plugin that will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Table Sorter

( Demo | Download )

Flexible client-side table sorting.

Quicksand

( Demo | Download )

Reorder and filter items with a nice shuffling animation.

ISOTOPE

( Demo | Download )

An exquisite jQuery plugin for magical layouts.

CHOSEN

( Demo | Download )

Chosen is a jQuery plugin that makes long, unwieldy select boxes much more user-friendly.

Sortable

( Demo | Download )

Reorder elements in a list or grid using the mouse.

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

jQuery plugin

( Demo | Download )

Table Drag and Drop JQuery plugin.

Dragtable

( Demo | Download )

Visually reorder all your table columns.

Powerful jQuery Data Table Column Filter Plugin – yadcf

( Demo | Download )

yadcf is yet another data table column filter plugin for jQuery that integrates with jQuery DataTables Plugin to make your data tables sortable, filterable and searchable. With this plugin, you can add various types of filters to each column of your data table.

Nreco

( Demo | Download )

jSquared is a jQuery plugin for UI like in Google Squared.

jQuery Interface Elements

( Demo | Download )

Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery.

Premium Plugins:

SortTables Responsive

( Demo )

SortResponsiveTable including: sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function.

tQuery – Dynamic tables

( Demo )

tQuery Tables is an easy to implement, lightweight Jquery script that makes tables dynamic on the fly.

Simple Content Sorting

( Demo )

Quickly allow your users to access the information that they are looking for with Simple Content Sorting! This plugin creates a simple sorter for your content. Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

jSorted – a plugin for sorting things

( Demo )

This plugin allows to sort an unordered list or a table using a value (number or date) attached to each item in ascending or descending order. It can be used for live data charts, sports widgets, news tickers, html5 games and a lot more. It’s very easy to customize!

jQuery jPList Plugin

( Demo )

jPList is a flexible jQuery plugin for sorting, pagination and filtering of any HTML structure (DIVs, UL/LI, tables, etc).

SearchBox

( Demo )

SearchBox is a jQuery plugin that allows you to have reach search controls with filters on your pages (similar to GMail and Google Docs).

Tonic Gallery – jQuery XML Portfolio Gallery

( Demo )

Tonic Gallery is a jQuery XML Portfolio Gallery that allows you to create very easily a portfolio gallery with some nice effects and flexible customization settings.

JQuery Table

( Demo )

This is plugin of jQuery, to help create the table very simple.

jQuery Simple Content Sorting Plus Plugin

( Demo )

This plugin creates a simple content sorter for your content and allows you to control your content with pagination! Simple Content Sorting provides a clean and easy way to beautify your interface by providing a slick client side sorting mechanism. You heard correctly, no page loading happens as the sorting takes place since its all done with javascript.

Beautiful Data

( Demo )

Beautiful Data is a great way to turn a boring HTML table into something that supports features like paging and sorting. This jQuery plugin can also access data from CSV and JSON just by specifying the source file.

14 jQuery Tutorials and Plugins For Programmers

Tutorials are the best way to learn new techniques and new programs not only for the beginners but also for the experienced professionals who want to polish their skills. In this compilation, we have listed down 14 jQuery tutorials especially for programmers. jQuery is the most famous and most widely used programming language all across the globe. It is fast and extremely versatile giving developers and programmers complete command. If you want to learn jQuery or just want to polish your jQuery skills, then this collection is for you.

Below, we have 14 best and detailed tutorials and plugins about jQuery and how to use it to achieve excellent results. We hope that you will find this collection useful for you. Enjoy!

Any List Scoller

ALS – Any List Scroller is the jQuery plugin by musings.it to scroll any list, of any dimension, with any content. Try it.

StickUp

A simple plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts. Scroll down to see it in action.

Responsive Text

Responsive-Text is A jQuery plugin to set font sizes responsively based on its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more.

Toolbar

Toolbar allows you to quickly create tooltip style toolbars for use in web applications and websites. The toolbar is easily customisable using the twitter bootstrap icons and provides flexability around the toolbars display and number of icons.

ImageFill-js

imagefill-js is a jQuery plugin to make images fill their containers and also be centered .Its a potentially useful tool for Responsive Web Design.

Tipue Drop

Tipue drop is an open source and responsive. search suggestion box jQuery plugin.

Swatches

A jQuery plugin that turns a one-line div into a sweet color swatch.

Gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns.

Tumbo 1.0

Tumblr blogs are now-a-days mostly used to share images, audio and short notifications etc. It becomes very helpful if you can use Tumblr as a service to display those posts on your website.

Block Slide

Here we would like to share with you a little jQuery plugin that creates an image slider which gives more information when clicked on. I’ve also included a bunch of built-in animations for the modal windows giving some pretty cool effects.

Tabslet

Yet another jQuery plugin for tabs, lightweight, easy to use and with some extra features.

Offreg

A jQuery plugin that uses canvas to create a ‘screen print’ offset effect on an image, by altering the pixel data.

Textillate.js

Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text.

CLNDR

A jQuery calendar plugin that uses HTML templates.

10 Stylish Free Full Screen jQuery Slideshow

Are you looking for some stunning jQuery slideshows? If your answer is yes then look no further; because here we are presenting 10 truly beautiful and stunning websites that showcase full screen jQuery slideshow. These websites show that you can also integrate jQuery slideshow in such a way that it can cover the whole screen while presenting the content of your website in a very nice and visually alluring manner.
Here is the complete list after the small jump. We hope that you will like this collection and find these websites useful for you. We just have compiled this collection for your inspiration only. Do let us know what you feel about this collection. Enjoy!

SIDEWAYS–jQuery Fullscreen Image Gallery

A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars.

jQuery HTML5 Fullscreen Slideshow

This jQuery plugin lets you create fullscreen galleries where the slides are shown on the entire screen using the fullscreen APIs provided by Firefox 10+ and Chrome 15+ (and possibly Safari 5.1+).

Simple jQuery Fullscreen Image Gallery

A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.

Supersized Fullscreen Slideshow

Supersized is a fullscreen background slideshow built using the jQuery library.

Advanced jQuery background image slideshow

Here you will learn how to create a beautiful advanced jQuery background image slideshow.

Photo Swipe

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Fullscreen Video Slideshow With Bigvideo.JS

A tutorial about how to create a slideshow-like fullscreen video background using BigVideo.js, a jQuery plugin for big background video.

Animated Fullscreen Background Image Slideshow

Here With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow.

Fullscreen Slideshow With Html5 Audio And Jquery

In this tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

FPSlideshow.js

Full Screen Image Slideshow is a cool slideshow that uses jQuery and PHP to display large images from a directory automatically and using the entire browser window as its canvas! Thumbnails of every image is shown at the bottom of the slideshow for easy viewing on demand.