Javascripts

16 Beautiful jQuery Pagination Plugins

Here, we are presenting a collection of some useful and free to use jQuery pagination plugins for you that you can integrate on your website in order to split pages and posts into several pages. These pagination plugins make pagination easy for the website developers. These plugins are designed for you so that website pagination will no longer be a tough task for you. With these plugins, you can divide the data into multiple pages once it is loaded into the page. Furthermore, server side pagination allows you to extract necessary amount of data and then loaded on the page.

In this post, you will find a list of some useful jQuery pagination plugins that allow you to create proper pagination setups for your website. We hope that you will find this collection useful for you. Feel free to share your opinions with us via comment section below. Have fun.

Extreme Makeover: jPaginator CSS3 Edition

( Demo | Download )

jPaginate: A Fancy jQuery Pagination Plugin

( Demo | Download )

jQuery Quick Pagination

( Demo | Download )

Pajinate – A jQuery Pagination Plugin

( Demo | Download )

SimplePagination

( Demo | Download )

Easy Paginate jQuery plugin for pagination

( Demo | Download )

jQPagination

( Demo | Download )

Sweet Pages: A jQuery Pagination Solution

( Demo | Download )

jQuery Pagination Plugin

( Demo | Download )

jPaginator

( Demo | Download )

jQuery Pagination Plugin: Smart Paginator

( Demo | Download )

Easy pagination with jQuery and Ajax

( Demo | Download )

jPaginate – jQuery Pagination System Plugin

( Demo | Download )

jQuery Pagination revised

( Demo | Download )

Pagination with jQuery, MySQL and PHP.

( Demo | Download )

AJAX Pagination using jQuery and PHP with Animation

( Demo | Download )

13 Very Useful jQuery Modal Plugins

In today’s collection, we are presenting for you 13 jQuery Modal plugins. Many websites are using jQuery currently and it is important that one should know what jQuery plugins are available there in order to stay up to date with the latest web design trends. With the help of jQuery plugins, one can keep his website ahead of the crowd.

If you want to show quick information to your users, then jQuery Modal dialog box would be the great option for you. With the help of jQuery Modal dialog boxes, you can show alerts, notices, errors, modal popups, modal windows or dialog. With the help of jQuery modal plugins, you can easily create modal dialog boxes. All of these jQuery modal plugins can easily be integrated into you websites so that you can create cool and visually appealing modal window. So what are you waiting for? Have a look at this collection.

Avgrund Modal

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 (e.g. in IE 6-9 has standard behavior).

FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Simple Modal

SIMPLEMODAL is a small plugin to create modal windows. It can be used to generate alert or confirm messages with few lines of code. Confirm configuration involves the use of callbacks to be applied to affirmative action; it can work in asynchronous mode and retrieve content from external pages or getting the inline content. SIMPLEMODAL is not a lightbox although the possibility to hide parts of its layout may partially make it similar.

Lightview

Lightview was built to change the way you overlay content on a website.

jQuery.bPopup.js

bPopup is a lightweight jQuery modal popup plugin (only 1.34KB gzipped). It doesn’t create or style your popup but provides you with all the logic like centering, modal overlay, events and more. It gives you a lot of opportunities to customize so it will fit your needs.

LeanModal.js

Bare bones modal dialog windows.

jQuery SuperBox!

jQuery Superbox! is a script which allows you display windows with the lightbox effect.

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.

GreyBox

GreyBox can be used to display websites, images and other content in a beautiful way.

Reveal: jQuery Modals Made Easy

Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it’s fast, sexy and just works. Now let’s see how easy is can be to get Reveal working!

jQuery lightBox plugin

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

PrettyPhoto is a jQuery lightbox

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.

Simplemodal

SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework. SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development.

7 jQuery Plugins To Create Page Scrolling

Are you interested in creating a single page layout website? Do you need to know something about plugins that help you create such websites? If yes then you are at right place. Here we are discussing 7 jQuery plugins that help you creating page scrolling layout – characteristic layout for a single page website. Page scrolling techniques are of two types: one is browser scrollbar dependent and the other user action dependent. Regardless of what type of scrolling techniques you want to use, these plugins will help you achieve page scrolling effect quite effortlessly.

We hope that these plugins will not only save your time but will also satisfy your needs so that you will not be required to reinvent the wheel again. Speak your mind and let us know your opinion about this compilation. Enjoy!

BetterNikeWorld Parallax

With this plugin you can create layout with the famous NikeBetterWorld style.

Page Scroller

Page Scroller lets you know where you are on a page while providing a simple smooth scroll navigation. Organize your site into easily digested sections. Use a CSS navigation skin or create your own.

Scrollrama

The jQuery plugin for doing cool scrolly stuff.

Scrolldeck

A jQuery plugin for making scrolling presentation decks.

ScrollTo

With ScrollTo you can easily scroll various elements and the screen itself.

Stellar.js

With this jQuery plugin you can create a parallax scrolling effects to any scrolling element.

jQuery Scroll Path

It’s a plugin for defining custom scroll paths. It uses canvas flavored syntax to draw lines and arcs. It comes with a custom scrollbar. It also does rotations in supported browsers.

16 Cool Countdown Timer Scripts For Your Projects

A countdown timer is the first thing that comes to a developer’s mind whenever the website is down for maintenance and there is a requirement to inform the visitors about the upcoming special events. Countdown timer scripts are there to help developers in informing their visitors about the specific events no matter how long their website will be down.

In this round up, you will discover 16 essential countdown timer scripts that you may need one day. So, it’s better to keep them in your tool kit for the time of need. Here is the full collection after the jump. Enjoy!

jQuery Countdown Timer

( Demo | Download )

Add a Countdown Timer on Your Website

( Demo | Download )

Littlewebthings CountDown

( Demo | Download )

jQuery Countdown Plugin

( Demo | Download )

jQuery CountDown Plugin

( Demo | Download )

KK Countdown

( Demo | Download )

Digital Countdown Clock

( Demo | Download )

Flash Simple Timer

( Demo | Download )

Countdown Timer With ActionScript 3

( Demo | Download )

DHTML Easy Countdown

( Demo | Download )

jQuery Countdown

( Demo | Download )

Countdown Timer In ActionScript

( Demo | Download )

Dynamic Countdown Script

( Demo | Download )

Flexible and Easy “Countdown” Clock

( Demo | Download )

Php Ajax/jquery Countdown

( Demo | Download )

FlipCounter

( Demo | Download )

Collection of Amazingly Stylish jQuery Image And Multimedia Gallery Plugins

In this collection, we are presenting a complete list of some amazingly stylish and appealing jQuery plugins for creating image and multimedia galleries. It goes without saying that jQuery is the first option that strikes your mind when it comes to showcasing a variety of creative stuff on your website. With the help of jQuery plugins, you can easily showcase your stuff to the world even without being technical savvy.

So, enjoy looking into this collection and have more fun using them in your websites. We hope that these plugins prove helpful for you and save your time and energy. Enjoy!

TN3 Gallery

jqueryimage

Download | Demo

Galleria

jqueryimage

Download | Demo

AnythingSlider

jqueryimage

Download | Demo

ppGallery – Lightbox Gallery

jqueryimage

Download | Demo

Micro Image Gallery A jQuery Plugin

jqueryimage

Download | Demo

Smooth Div Scroll

jqueryimage

Download | Demo

WOW Slider

jqueryimage

Download | Demo

Image Flow

jqueryimage

Download | Demo

Nivo Slider

jqueryimage

Download | Demo

Slidesjs

jqueryimage

Download | Demo

Elixon Theatre 2.4.2

jqueryimage

Download | Demo

Making a Mosaic Slideshow With jQuery & CSS

jqueryimage

Download | Demo

An HTML5 Slideshow w/ Canvas & jQuery

jqueryimage

Download | Demo

High Slide Js

jqueryimage

Download | Demo

Awkward Showcase – A jQuery Plugin

jqueryimage

Download | Demo

ZOOM – jQuery photo gallery plugin

jqueryimage

Download | Demo

Polaroid photo viewer

jqueryimage

Download | Demo

10 (More) jQuery Plugins That Enhance Your Forms

A web form on your website is one of the most important and crucial elements that you cannot neglect if you really want your website to go beyond your expectations. The main reason is that web form is the way your visitors and clients can contact you with their queries and suggestions. Thus, having a visually appealing and completely function web form is important for every website.

Thanks to jQuery plugins, now you can easily create aesthetically appealing and functional web forms without much effort. We have already published a post about jQuery Forms and in this round up, we will showcase another 10 classy jQuery plugins that you can use to enhance the beauty and appeal of your web forms. Here is the complete list. Enjoy!

jQuery Credit Card Validation Plug in

( Demo | Download )

Creating a Neon Blink Effect for your Forms Using jQuery

( Demo | Download )

jQuery Simple Validation Plugin

( Demo | Download )

jQuery Validation

( Demo | Download )

Ajax Username Checker

( Demo | Download )

Password Validation

( Demo | Download )

Turn any webform into a powerful wizard with jQuery

( Demo | Download )

Fancy Sliding Form with jQuery

( Demo | Download )

jQtransform

( Demo | Download )

jQuery plugin Targeting Usability for Password Masking on Forms

( Demo | Download )

10 Very Useful jQuery Plugins For 360 Degree Image Rotation

jQuery does not need any introduction rather it is the most widely used technology in the web and graphic designing world. You can create loads of great things with the help of jQuery Live action. In addition, plentiful jQuery plugins are available on the internet that make it possible to create slideshows, forms, animations and various other excellent effects without much effort.

Below, we are presenting 10 truly amazing and great jQuery plugins for 360 degree image rotation. So, if you want your products to be seen from all angles then you should check out these jQuery plugins. So, don’t miss the opportunity to try and test the matchless features of these great plugins. Enjoy!

Ajax Zoom

AJAX-ZOOM is a unique tool to present 360° product images on the web. Users can rotate the VR 360 object, also on Z-axis (3D multirow). Additionally deep zoom on every frame (the sprite contains a set of single images of the same object). The adoption of image tiles technology (image pyramid) allows the usage of high resolution images without compression.

Reel

Reel 1.2 is an established jQuery plugin which takes an ordinary image tag and transforms it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

Dopeless Rotate

Dopeless Rotate is Jquery plugin for 360 degree product visualisation.

JQuery Plugin For Rotating Image

This amazing and useful jQuery plugin allows you to rotate an image by clicking and moving the mouse.

Spritespin

Spritespin is a jQuery plugin that enables sprite animation in your website. It takes an array of images or a stiched sprite sheet and is able to play these images frame by frame. This results in an animation. The aim of this plugin is to provide a 360 degree view of some kind of product. There is no flash needed. Everything is done with javascript and the jQuery framework.

360 Panorama for Jquery

You can rotate the image either by clicking, mousemoving or by setting it to rotate in auto With this plugin.

jQuery Image Cube

The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.

360 degrees product view

j360 is a jQuery plugin designed to display 360 view of product using a set of images.

Viewer3D Javascript

Displaying a 360° view of a sequences of images or panorama. It is simple, lightweight, no flash needed, no extra css need, fast and compatible with all major browsers and touches devices. It has been tested on Android browsers, Ipad browser, IE 6,7,8,9 , Firefox, Chrome, Safari and Opera.

Flip

Flip is a jQuery plugin that will flip easily your elements in four directions.

11 Most Useful jQuery Plugins To Enhance Typography

Here we are presenting 11 jQuery plugins for you to improve your typography. With jQuery plugins, you can implement superb things on your website quite easily. In this round up, we have put together some jQuery plugins that will allow you a better control on your website for web typography. We all know that typography is an important element in a web design and achieving a high level of typographic style can make your web design look eve more stunning and attention grabbing.

Here is the complete collection. Browse through this collection and do share your opinion with us via comment section below.

FitText

( Demo | Download )

Arctext.js

( Demo | Download )

Shuffle Letters

( Demo | Download )

Lettering.js

( Demo | Download )

jQuery-glow

( Demo | Download )

Slab Text

( Demo | Download )

BigText

( Demo | Download )

jQisotext: jQuery Text Plugin

( Demo | Download )

Textualizer

( Demo | Download )

3D Flying Text in jQuery

( Demo | Download )

jMetronome: Using jQuery to keep typographic rhythm

( Demo | Download )

40+ Powerful jQuery Navigation Plugins And Tutorials

In this round up, we are showcasing a wonderful collection of some useful jQuery navigation plugins and tutorials that will definitely help you improve your website visibility and let you spice up your website more effectively. jQuery is a wonderful creation and its plugins have been designed to help you keep your content more organized and interactive for your website users.

Here in this collection, you will discover some handy plugins and useful tutorials that will assist you in your work. We hope that you will like this collection and find it helpful for you. Do let us what you feel about this collection. Let us take a look at this compilation.

A Stylish Navigation Menu With jQuery

( Demo | Download )

Making a Fresh Content Accordion

( Demo | Download )

Create a Slick Tabbed Content Area using CSS & jQuery

( Demo | Download )

Halftone Navigation Menu

( Demo | Download )

A Different Top Navigation

( Demo | Download )

jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

( Demo | Download )

Create a Cool Animated Navigation with CSS and jQuery

( Demo | Download )

Vertical Flyout JavaScript Menu

( Demo | Download )

Use Sprites to Create an Awesomeness-Filled Navigation Menu

( Demo | Download )

How to Make a Smooth Animated Menu with jQuery

( Demo | Download )

Dropdown Menu

( Demo | Download )

Drop down menu with Nested Submenus

( Demo | Download )

Simple jQuery Dropdowns

( Demo | Download )

Create a Cool Animated Menu with jQuery

( Demo | Download )

Mega Vertical

( Demo | Download )

Memu

( Demo | Download )

Sweet AJAX Tabs With jQuery 1.4 & CSS3

( Demo | Download )

Building a Better Blogroll

( Demo | Download )

Fancy Sliding Form with jQuery

( Demo | Download )

Little Boxes with jQuery

( Demo | Download )

AutoSprites – A jQuery Menu Plugin

( Demo | Download )

Creating a Floating HTML Menu Using jQuery and CSS

( Demo | Download )

CSS3 multicolor menu

( Demo | Download )

Using jQuery for Background Image Animations

( Demo | Download )

Coda-Slider 2.0

( Demo | Download )

Creating CSS3 Dropdown Menu

( Demo | Download )

Creating a CSS3 Dropdown Menu

( Demo | Download )

Vertical Scroll Menu with jQuery Tutorial

( Demo | Download )

Slide Subnav Plugin

( Demo | Download )

jQuery Listmenu

( Demo | Download )

Easy to Style jQuery Drop Down Menu Tutorial

( Demo | Download )

How To Create A Keypress Navigation Using jQuery

( Demo | Download )

StyleSelect Menu

( Demo | Download )

Sliding Jquery Menu

( Demo | Download )

Outside the Box Navigation with jQuery

( Demo | Download )

‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

( Demo | Download )

Beautiful Slide Out Navigation

( Demo | Download )

Puffer Fish Navigation

( Demo | Download )

jQuery Horizontal Tooltips menu tutorials

( Demo | Download )

Image Hover Move

( Demo | Download )

Awesome Cufonized Flyout Menu

( Demo | Download )

MultiColor Animated DropDown Menu

( Demo | Download )

Create a Good Looking Floating Menu with jQuery Easing

( Demo | Download )

jQuery Flipping Menu Tutorial

( Demo | Download )

Ultimate Collection Of Fresh jQuery Plugins And Tutorials

jQuery has become one of the most accepted JavaScript library that has been used all over the world. For this reason, many people all around the world are interested in learning this wonderful creation of the technology. Tutorials is the best thing on the internet to learn from. This time, we are specifically presenting some fresh tutorials that were recently released. These tutorials will cover different aspects of jQuery that you can use to make your creation even more powerful and interactive.

Here is the complete list of fresh jQuery tutorials for you. We hope that you will find this collection helpful for you and will learn loads of interesting and useful techniques from them. Enjoy looking into this collection and have more fun using them in your work.

Create a Beautiful Password Strength Meter

( Demo | Download )

Growing Thumbnails Portfolio

( Demo | Download )

Create a Sticky Navigation Header Using jQuery Waypoints

( Demo | Download )

Swatch Box with CSS3 and jQuery

( Demo | Download )

Fullscreen Slit Slider with jQuery and CSS3

( Demo | Download )

How to Create an Video Player in jQuery, HTML5 & CSS3

( Demo | Download )

Orman Clark’s Vertical Navigation Menu: The CSS3 Version

( Demo | Download )

Page Transitions with CSS3

( Demo | Download )

How to Create a Slider Plugin with jQuery

( Demo | Download )

CSS3 Breadcrumbs

( Demo | Download )

Create A Minimal Single Page Portfolio With HTML5/CSS3

( Demo | Download )

CSS3 Animated Tooltips

( Demo | Download )

Curving Text with CSS3 and jQuery

( Demo | Download )

Timeline Portfolio

( Demo | Download )

Making a Page Flip Magazine with turn.js

( Demo | Download )

Making an Impressive Product Showcase with CSS3

( Demo | Download )

Apple-like Login Form with CSS 3D Transforms

( Demo | Download )

CSS3 Multilevel Menu with Transition and Animation

( Demo | Download )

Change Image on Click with jQuery

( Demo | Download )

How to Create a CSS3-Only Tab Control Using the :target Selector

( Demo | Download )

How to Code a jQuery Rolodex-Style Countdown Ticker

( Demo | Download )

Building an E-mail Request Invite Form with jQuery

( Demo | Download )

Interactive Menu with CSS3 & jQuery

( Demo | Download )

Create an Audio Player in HTML5 & CSS3

( Demo | Download )

Responsive Horizontal Layout

( Demo | Download )

Accdordion with CSS3

( Demo | Download )

How to Create Login Form with CSS3 and jQuery

( Demo | Download )

Animated Web Banners with CSS3

( Demo | Download )

Slideshow with Jmpress

( Demo | Download )

Create Calendar using jQuery and CSS3

( Demo | Download )

Login and Registration Form with Html5 and CSS3

( Demo | Download )

Filter Functionality with CSS

( Demo | Download )

How to Create an Image Slider using jQuery and CSS3

( Demo | Download )

Pretty Simple Content Slider with jQuery and CSS3

( Demo | Download )

Parallax Contenet Slider with jQuery

( Demo | Download )

How to Create an Upload Form using jQuery and PHP

( Demo | Download )

Conclusion

We hope that you will find this collection of useful tutorials helpful for you. These jQuery tutorials are designed to help you use jQuery more proficiently and effectively. Without any further ado, here we are presenting the complete list of some fresh jQuery tutorials that were released in 2012. Enjoy!