Responsive product grid layout using Media-queries

Responsive product grid layout using Media-queries


 Responsive product grid layout that comes with some UI details . The product will rotate showing the backside of the item when the rotate button is clicked. Some examples of how tooltips can appear on hover or click are  included. Media queries can be used to resize the items in the grid or change the number of items in a row. 

Demo Download

Read More...

Animated Checkboxes and radio-buttons using svg

Animated Checkboxes and Radio-buttons using Svg

Animated  SVG to create a nice visual effect for selecting of checkboxes or radio inputs. There are many possibilities for the animated graphic, like a cross, a check mark, a circle and so on, ckeck them all.

Demo Download

Read More...

Animations and Transitions for Thumbnails grid

Animations and Transitions for Thumbnails grid

Thumbnails, when there are multiple items, like a grid of images. Theremay not be  much space and we have to consider the stacking order of the items for the effects to look nice. An interesting thing is that these can play with delays, intensifying the viewing pleasure of the whole thing with delays, randomly or reversed.

Download   Demo

Read More...

Tiny Circleslider - A lightweight circular carousel for jQuery

Tiny Circleslider -  A lightweight circular carousel 

A light weight j-query circle carousel  slider  which can fit easily in to any webpage. which gives an alternative to web-designers,web-developers to routine carousel's.

Tiny Circleslider -  A lightweight circular carousel 

Features:-

1. Supports iPhone, iPad and Android
2. Supports sliding by thumb or pager
3. A interval can be set to slide automaticaly every given milliseconds
4. Can be set to snap to a page
5. Option to fade dots when dragging is done
6. Size(radius) of the slider can be set.
7. Can fire a callback after every move.
8. Easy customizable
9. Lightweight its only 130 lines of code. mimified the size is 4 kb

Demo/Download

Read More...

Best free jquery library for building parallax websites quick and easy.

1) jquery.parallax

jParallax turns nodes into absolutely positioned layers that move in response to the mouse. Depending on their dimensions these layers move at different rates, in a parallaxy kind of way.

With a bit of CSS you can either set up windows to see these layers through, or leave them free to roam about.

Go To Website

2) parallax-scrolling

Parallax scrolling website interfaces have been popping up all over the place recently. I didn’t want to miss out on the fun, so I have put together a parallax scrolling demo built using jQuery and CSS.

Tutorial/download  Demo

Read More...

Build awesome realtime web and mobile apps with pusher

  Pusher is great for 

• chat
• Activity Streams
• Notifications
• Collaboration
• Multiplayer games
• Realtime data
• Dashboards
• 2nd Screen experiences

Click here  to go to Website   Tutorial

Read More...

HTML5, JavaScript, Knockout, JQuery, Guide tutorial basics

HTML5, JavaScript, Knockout, JQuery, Silverlight,WPF,C# JavaScript and DOM Tutorial

click here to Go To Website

Read More...

CSS3 Transitions for E-commerce and Portfolio

CSS3 Transitions for E-commerce

css3 Transition effect can very much effective foe E-commerce store and Portfolio pages.

Demo/Download

Read More...

Trasit - A Jquery plugin for css transitions and trasformations

Trasit  a Jquery plugin  transitions and trasformations

Trasit is a Jquery plugin for css transitions and trasformations like effects using jquery using which 2d and 3d transformations , transitions ,easing and many animation effects can be applied with ease.

Demo Download

Read More...

arbor - a jquery graph visualization library

Arbor - jquery graph visualization library

arbor.js  is a jquery graph visualization library very useful for building animated and great looking modular graphs.

This is one of the best plugin for graph visualization

Demo Download

Read More...

NEW AJAX FANCY CAPTCHA JQUERY PLUGIN

NEW AJAX FANCY CAPTCHA  JQUERY PLUGIN

Ajax Fancy Captcha is a jQuery plugin that helps your protect your web pages from bots and spammers.

Demo/Download

Read More...

Valid8 a validation+ jquery plugin

Valid8 solves everything from a basic required field to regular expressions, ajax requests and arbitrary javascript functions. There is nothing you can’t validate using Valid8.

Demo/Download

Read More...

Lazy : on-demand Jquery plugin loader

Lazy jquery plugin is an on-demand jquery plugin loader, also known as a lazy loader. Instead of downloading all jquery-plugins, you might or might not need, when the page loads. Lazy downloads the plugins when you actually use them.

Demo Download

Read More...

Flickering information boards Effect using jquery plugin Airport

Flickering information boards Effect using jquery plugin Airport


Airport is a rather simple text effect plugin for jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations.

Demo Download

Read More...

Show password simple jquery plugin

Show password simple jquery plugin

Show password is a Jquery plugin that let your users decide whether they want their password fields masked or unmasked.

Demo/Download

Read More...

jquery plugin to highlight the text

Jquery plugin to highlight the text

Highlight is a  jquery plugin that highlights text phrases. It does so by wrapping one or multiple phrases with a span with the class name highlight

Demo/Download

Read More...

new Jquery password strength display plugin

password strength jquery plugin

This plugin displays the strength of your passwords by telling you how long time it would take to brute force them.

Demo/Download

Read More...

Facebook like Jquery elastic text area

Jquery Elastic Text Area

This elastic text area grow and shrink to fit its content.it was inspired by auto grow text areas from facebook.

 Demo/Download

Read More...

new jquery validation plugin

A form validation plugin with jquery  offering lots of option for customization. That makes a good choice if you’re building something new from scratch, but also when you’re trying to integrate it into an existing application with lots of existing markup. The plugin comes bundled with a useful set of validation methods, including URL and email validation.

Demo   Download

Read More...

ANNOTATION OVERLAY EFFECT WITH CSS3

An overlay effect to show some more details of an item or image. The effect is CSS-only and uses a combination of the :checked pseudo-class with the sibling combinator.

Demo Download

Read More...