Posts Tagged Jquery Date and Time

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


jQuery Waypoints

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



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



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.



A graph visualization library using web workers and jQuery



Wookmark jQuery Plugin

A dynamic column grid.


jQuery Masonry

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



Isotope: An exquisite jQuery plugin for magical layouts



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



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



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


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



Edit In Place Plugin For jQuery



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.


Cool UI

jQuery Knob demo

Nice, downward compatible, touchable, jQuery dial


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.



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


jQuery Collapse

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



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


jQuery One Page Navigation

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



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


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.



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.



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


Slideshows, Images & Sliders

jQuery Slider Shock

The most complete responsive jQuery / WordPress slider.



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


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.


jQuery Lightbox

A simple lightbox based on prototype and scriptaculous.


FlexSlider 2

An awesome, fully responsive jQuery slider toolkit.



A lightweight customizable lightbox plugin for jQuery


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.




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


jQuery Validation

The jQuery Validation Plugin provides validation for your existing forms.


jQuery File Upload Demo

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


jQuery Instagram

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



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.


jQuery Transit

Super-smooth CSS transitions & transformations for jQuery


Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →

Awesome jQuery Plugins to Create Animating Image Effects

Photon : JS CSS 3D Lighting Engine


Photon is a JavaScript library that adds simple lighting effects to DOM elements in 3D space.

HoverTransitions – jQuery animated hover effects

HoverTransitions allows you to create numerous transition animation effects for webpage elements. The effects are performed by breaking the element into smaller boxes and animating the appearance of each of them according to different patterns and effects.


Nice Sparkle Progress Bars with jQuery & CSS3

Shiny Sparkle Progress bars with percentage label. The sparkles inside the bars are created using a combination of linear-gradient and radial-gradient as the background and then animated using the animation and keyframes properties. However, the label for percentage is animated using jQuery.
Nice Sparkle Progress Bars


JustGage : Animated Gauges in SVG & Raphaël library

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.




A jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope. Besides jQuery, it also uses jQuery UI and requires the frames to be animated as a single, horizontal image.


Mac OS X Lion with CSS3 & jQuery

This section is simply composed by a CSS3 keyframes animation. Login section mainly consists of a clock, two images (logos and avatars user name), two backgrounds and a password input field.
Mac OS X Lion

Slide-in backgrounds with jQuery

Slide-in backgrounds

jQuery flex

A fluid asymmetrical animated grid plugin for jQuery.
jQuery flex


100% native and cool looking animated JavaScript gauge.

Rotating Feature Boxes with jQuery & CSS3

The full effect of it (with transition animations) will work in newish WebKit and Opera browsers and Firefox 4 above. Any other browser will rotate the blocks without transition animation.
Rotating Feature Boxes

Color animation jQuery-plugin

With jQuery’s animate function, you can animate all kinds of css-properties. What’s really missing from jQuery is animating colors. This plugin will add this feature. With this plugin, you can animate the following properties:

  • color
  • backgroundColor
  • borderColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • outlineColor

Color animation jQuery-plugin

Horizontal bar graph with CSS3 and jQuery

Horizontal bar graph

Pointillize and Pixelize all on the Client Side

SeuratJS is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code. It does this by extacting color data from an image of your choice and rebuilding the original with filled graphical primitives in SVG.

Powerful JavaScript animation library for jQuery.

While good for simple effects, popular JavaScript libraries like jQuery lack the Oomph required to animate complex user interactions in the DOM. JSTween was designed from the ground up for speed and precision, allowing it to handle more simultaneous animations while maintaining a silky smooth frame rate.


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

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



Posted in: Uncategorized, Web Developers/Designers Reference Guide

Leave a Comment (0) →