Best jQuery Plugin & Tutorial of May, 2013

Smooth Diagonal Fade Gallery with CSS3 Transitions & jQuery

Smooth Diagonal Fade Gallery with CSS3 Transitions & jQuery

In this tutorial we are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window. Adding new photos is as easy as copying two files (a regular image and a thumbnail, preferably 150×150 px) to the gallery folder.

CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.

zerobox : jQuery Lightweight, animated lightbox plugin

zerobox : jQuery Lightweight, animated lightbox plugin

Lightweight, animated lightbox plugin for jQuery JavaScript library.Getting zerobox up and running is easy. The plugin only requires that include its source on your pages and give its method a link it will use to invoke the lightbox.

Waterfall : jQuery Pinterest Like Layout Plugin

Waterfall : jQuery Pinterest Like Layout Plugin

Waterfall is a powerful and customizable jQuery plugin for creating dynamic and responsive Pinterest like layout which supports infinite ajax scroll.

HCaptions.js : jQuery Hover Captions plugin with Cool effects

HCaptions.js : jQuery Hover Captions plugin with Cool effects

Hover Captions (here in after: HCaptions) is a jQuery plugin that enables you to display caption overlays with cool effects over images, div’s, ect..

All Around : jQuery Content Slider / Carousel

All Around : jQuery Content Slider / Carousel

All Around content slider is a multi-purpose all-in-one slider solution for your website. It supports both images and video. It can be an easy and effective solution for your shop related website as you can display your products in an interesting and eye appealing way. All Around carousel is perfect for almost all type of websites and it can fit perfectly into all business areas. You can display your company services, personal portfolio, sport products, health services, real-estate properties, vacation/holiday offers, cooking recipes and much much more.

You can adjust the content slider the way you need it or you can choose one of our 6 prepared layouts. The All Around jQuery slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius.

Midway.js : Automatically Center the responsive elements

Midway.js : Automatically Center the responsive elements

Midway.js makes it super easy to automatically center the responsive elements on your websites. You all know and love the absolute positioning centering technique, but what happens when those centered elements change sizes, due to percentage based layouts? That’s where Midway.js comes in. Take a look at the demo below, and see for yourself!

jQuery.Pin : Pin any element to the top of a container

jQuery.Pin : Pin any element to the top of a container

Ever wanted to pin something to the side of a text? Ever needed a subtle sticky element to quietly hang around as you scroll down?

Jquery.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

Scroller : jQuery plugin for replacing default browser scrollbars

Scroller : jQuery plugin for replacing default browser scrollbars

Scroller is a bare bones option for completely custom scrollbars that retain a native feel. The scrollbar can be styled using basic CSS and will fall back to the standard browser chrome if JavaScript is disabled. If you find most scrollbar replacements too bloated or convoluted for basic applications, Scroller is the answer.

widearea : Create expandable textarea with JavaScript & CSS

widearea : Create expandable textarea with JavaScript & CSS

Lightweight, easy-to-use JavaScript/CSS library to create expandable textarea and write large amount of text easily.

least.js : jQuery Responsive HTML 5, CSS3 Gallery with LazyLoad

least.js : jQuery Responsive HTML 5, CSS3 Gallery with LazyLoad

least.js is ajQuery plugin for Random & Responsive HTML 5, CSS3 Gallery with LazyLoad.



Best jQuery websites design awards