jQuery Popup Window Plugin & Tutorials with Example

jQuery Hover Zoom gallery with 360 spin animations

jQuery Hover Zoom gallery with 360 spin animations

jQuery responsive mousehover zoom extension with optional 360° spins or multilevel 3D and full screen deep zoom on click.

Features:

  • Responsive mouseover area and flyout window
  • Adjustable for fixed or flexible image proportions
  • Permanent or automatic inner zoom depending on resolution
  • Works great on touch-enabled devices
  • Optional 360°/3D support with (pinch) zoom and full screen view
  • Optional responsive thumbnail slider integration
  • Responsive modal or full screen views on click with AJAX-ZOOM
  • Fast loading high resolution images
  • No need to pre-generate any thumbnails
  • Integrated pinterest button
  • 100+ other options

Motion Blur Effect with SVG & jQuery

Motion Blur Effect with SVG & jQuery

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.Motion blur is a technique widely used in motion graphics and animation in general to make movement seem more smooth and natural.

AgeCheck.js : jQuery plugin for Checking User Age

AgeCheck.js : jQuery plugin for Checking User Age

A simple jQuery plugin that verifies if a user is old enough to enter your site. You can easily customize the plugin with options and it uses sessionStorage to keep from popping up again. The modal box is responsive and is uses an external CSS for easy styling.

Prompt21 : jQuery Prompt Plugin

Prompt21 : jQuery Prompt Plugin

A minimalist jQuery prompt plugin for the 21st Century.

jQuery Confirm Dialogs with Bootstrap

jQuery Confirm Dialogs with Bootstrap

Confirm dialogs for buttons and links using jQuery and Bootstrap.

Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

Video Lightning : jQuery Lightbox or Popover for Youtube & Vimeo videos

Turn any element into a lightbox or popover link for Youtube and Vimeo videos.Includes access to all embed API options for both providers as well as a healthy set of style options. Popovers are intelligently positioned and allow users to preview videos on hover.

Features:

  • Simple access to all embed API options for both providers
  • Lots of options to customize and beautify your lightboxes
  • Intelligent popover auto positioning gravitates to page center
  • Preview videos on hover, pin if you want them to stick around
  • Lazy loading of videos prevents slow page load due to video embeds
  • Rick Roll with ease (don’t pass video id, add rick_roll option to prevent closing)

CSS effects for Notifications using Animate.css

CSS effects for Notifications using Animate.css

This tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.

AnimatedModal.js : jQuery fullscreen modal with CSS3

AnimatedModal.js : jQuery fullscreen modal with CSS3

AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.

Filtered image gallery with Fancybox & jQuery

Filtered image gallery with Fancybox & jQuery

Create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox.

eModal : jQuery Easy Modal Dialogs for Bootstrap

eModal : jQuery Easy Modal Dialogs for Bootstrap

Easy Modal for bootstrap, is a simple way to create modal dialogs using javascript.



Best jQuery websites design awards