Posts Tagged Javascript Libraries

Best and important jQuery Plugins, Every Web Developer / Designer must try it

Scrolling

jQuery Waypoints

Waypoints is a jQuery plugin that makes it easy to execute a function whenever you scroll to an element.

screenshot

skrollr

Parallax scrolling for the masses. Skrollr helps with all kinds of different scrolling effects including color shifts, transforms and more.

screenshot

DataTables

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.

screenshot

arbor.js

A graph visualization library using web workers and jQuery

screenshot

Layout

Wookmark jQuery Plugin

A dynamic column grid.

screenshot

jQuery Masonry

A dynamic layout plugin for jQuery The flip-side of CSS floats

screenshot

Isotope

Isotope: An exquisite jQuery plugin for magical layouts

screenshot

FitVids.JS

A lightweight, easy-to-use jQuery plugin for fluid width video embeds.

screenshot

gridster.js

Gridster is a jQuery plugin that allows building intuitive draggable layouts from elements spanning multiple columns.

screenshot

Freetile.js

Freetile is a plugin for jQuery that enables the organization of webpage content in an efficient, dynamic and responsive layout.
screenshot

Text

jQuery TextExt Plugin

TextExt’s modular design allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code

screenshot

Jeditable

Edit In Place Plugin For jQuery

screenshot

FitText

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

screenshot

Cool UI

jQuery Knob demo

Nice, downward compatible, touchable, jQuery dial

screenshot

noty – A jQuery Notification Plugin

Noty is a jQuery plugin that makes it easy to create alert, success, error, warning, information and confirmation messages as an alternative the standard alert dialog. Each notification is added to a queue.

screenshot

PageSlide

A jQuery plugin which slides a webpage over to reveal an additional interaction pane

screenshot

jQuery Collapse

This plugin provides you an accessible and lightweight solution to a widely adopted interface pattern known as progressive disclosure.

screenshot

Avgrund

Avgrund is a jQuery plugin for modal boxes and popups. It uses interesting concept showing depth between popup and page. It works in all modern browsers and gracefully degrade in those that do not support CSS transitions and transformations

screenshot

jQuery One Page Navigation

Smooth scrolling navigation and animation for single page sites. Super simple, incredibly handy.

screenshot

jqPagination

jqPagination is a jQuery plugin that provides a newer method of pagination for your web site or application.

screenshot

jQuery Joyride Feature Tour Plugin

Joyride is extremely flexible and lets you take control of how people interact with your tour. We programmed it to be cross-browser compatible with modern browsers and even used some fancy CSS to avoid images. Now let’s see just how easy it is to take your first ride without getting the fuzz involved.

screenshot

Tooltips

jQuery PowerTip

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

screenshot

tipsy

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

screenshot

Slideshows, Images & Sliders

jQuery Slider Shock

The most complete responsive jQuery / WordPress slider.

screenshot

Backstretch

a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element

screenshot

jQuery Anystretch

Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size changes.

screenshot

jQuery Lightbox

A simple lightbox based on prototype and scriptaculous.

screenshot

FlexSlider 2

An awesome, fully responsive jQuery slider toolkit.

screenshot

ColorBox

A lightweight customizable lightbox plugin for jQuery

screenshot

WOW Slider

WOW Slider is a responsive jQuery image slider with amazing visual effects (Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack, Stack vertical and Basic linear) and tons of professionally made templates.

screenshot

Miscellaneous

Timeago

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps

screenshot

jQuery Validation

The jQuery Validation Plugin provides validation for your existing forms.

screenshot

jQuery File Upload Demo

File Upload widget with multiple file selection, drag&drop support, progress bars and preview images for jQuery.

screenshot

jQuery Instagram

A simple jQuery plugin to show a list of Instagram photos.

screenshot


MotionCAPTCHA

MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas requiring users to sketch the shape they see in the canvas in order to submit a form.

screenshot

jQuery Transit

Super-smooth CSS transitions & transformations for jQuery

screenshot

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Top 6 Date Manipulation JS Plugins

As you’ll understand the constitutional Date and Time methods in JavaScript are pretty basic. Sure, one can code his or her own JavaScript Date Manipulation Library but it can easily to get well-developed and tested JavaScript date manipulation plugins. a bit like the following below! Enjoy!

1. XDate

It is a skinny wrapper around JavaScript’s native Date object that gives increased functionality for parsing, formatting, and manipulating dates. It implements an equivalent methods as the native Date, therefore it should seem very acquainted.

Source + Demo

2. DP Date Extension

A library extends the JavaScript Date object with new features and functionality.


Source Demo

3. JavaScript Pretty Date


A simple way to format previous JavaScript dates in a very “pretty” approach. for instance “2008-01-28T20:24:17Z” becomes “2 hours ago”.

Source Demo

4. Moment.js


A lightweight (3.7k) javascript date library for parsing, manipulating, and info dates.

Source + Demo

5. Countdown JS

A simple JavaScript API for producing associate degree accurate, intuitive description of the timespan between 2 Date instances.

Source Demo

6. Date JS


Datejs
is an open source JavaScript Date library for parsing, formatting and processing.

Source

 

Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →