jQuery Popup Window Plugin & Tutorials with Example

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat : Responsive jQuery Lightbox Plugin

Chocolat helps you to easily create responsive slideshows.Chocolat is a jQuery plugin that enable you to display one or several images staying on the same page. The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.

Simple Morphing Search with CSS3 & JS

Simple Morphing Search with CSS3 & JS

Today we’d like to share a simple morphing effect with you. The idea is to have a search input in the upper right corner of the page and once the input is clicked, the whole search element expands to a fullscreen overlay. The fullscreen overlay has a bigger search input and some elements for showing related items or the search results. Note that we just made a dummy that does not actually search dynamically.

BlurBox : jQuery lightbox with blured Background

BlurBox : jQuery lightbox with blured Background

BlurBox is a jQuery lightbox which blurs the background.On small screens (<= 480px), a lightbox doesn’t make much sense, so the plugin instead switches to a sheet which slides up from the bottom and just darkens the background (no blur)

Bootstrap Confirmation : jQuery on-place Confirm Boxes

Bootstrap Confirmation : jQuery on-place Confirm Boxes

Bootstrap plugin for on-place confirm boxes using Popover.

Bootstro.js : jQuery plugin for Users help Guide with Bootstrap

Bootstro.js : jQuery plugin for Users help Guide with Bootstrap

Tiny JS library taking advantage of bootstrap’s popover to help guide your users around.

Subscribe Better : jQuery Subscription Modal Window

Subscribe Better : jQuery Subscription Modal Window

Create a better, highly customizable subscription modal or newsletter signup window with jQuery Subscribe Better.

Rounded Animated Navigation with CSS3 & JQuery

Rounded Animated Navigation with CSS3 & JQuery

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

Strip : A Less Intrusive Responsive Lightbox

Strip : A Less Intrusive Responsive Lightbox

Strip is a Lightbox that only partially covers the page. This is less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

First Time : jQuery Notifications based on User Visits

First Time : jQuery Notifications based on User Visits

First Time is a lightweight (4kb minified) jQuery library that allows you to customize page content basing on users page visits. For example, you can display a welcome popup when a user visits your website for the first time.

Revealing Content Overlays With CSS3 Transitions

Revealing Content Overlays With CSS3 Transitions

In this tutorial, we create revealing content overlays with CSS3 transitions, allowing us to minimise content clutter and provide a neat user experience.

Imagine your company offered a bunch of different services, and on your website’s services section, they were listed. Each service had its own description, but you didn’t want to occupy a whole lot of page real estate. You present a bunch of attractive links or buttons instead, prompting and allowing users to click on the links to view more. Each service might not warrant a whole new page, so instead, we reveal content overlays with CSS3 transitions. They animate into view above the page, and can be closed off easily without ever having to traverse different pages.



Best jQuery websites design awards