Posts Tagged Jquery Date and Time

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) →

Awesome jQuery Plugins to Create Animating Image Effects

Photon : JS CSS 3D Lighting Engine

Photon

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.
HoverTransitions


 

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.
JustGage

 


 

JZoopraxiscope

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.
JZoopraxiscope


 

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


Gauge.js

100% native and cool looking animated JavaScript gauge.
Gauge.js


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.
SeuratJS



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.

JSTween

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) →