jQuery Popup Window Plugin & Tutorials with Example

jQuery lightGallery Plugin

jQuery lightGallery Plugin

jQuery lightGallery is a lightweight jQuery lightbox gallery for displaying image and video gallery.

Features:

  • Responsive layout.
  • Touch support for mobile devices.
  • CSS transitions with jQuery fallback.
  • Youtube Vimeo Video Support.
  • Slide and Fade Effects.
  • Chrome, Safari, Firefox, Opera, IE7+, IOS, Android, windows phone.
  • Image captions and descriptions.
  • Multiple sliders on the same page.
  • Easily customizable via CSS and Settings.
  • Lightweight (8kb) (minified).
  • Thumbnail support.
  • Separate images for mobile devices
  • Can be extended with callbacks
  • Smart image preloading and code optimization
  • Keyboard Navigation for desktop
  • Font icon support

Remodal : jQuery Responsive & Flat Modal Window Plugin

Remodal : jQuery Responsive & Flat Modal Window Plugin

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.

Fluid Menu to Overlay Content CSS3 Animations

Fluid Menu to Overlay Content CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.

QuestionMark.js : A keyboard shortcuts modal for your App

QuestionMark.js : A keyboard shortcuts modal for your App

When the user pushes the ? key, QuestionMark.js triggers a modal window that displays keyboard shortcuts for your app — similar to what happens on Twitter, Gmail, GitHub, etc. The modal is removed when the ESC key is pushed or the user clicks behind the modal.

I think every app that has keyboard shortcuts should do this. This could also be a generic ‘help’ menu for the app, but that would require some tweaking to the code and the CSS. For now, this works primarily as a shortcut keys menu.

jQuery AnimateDialog : jQuery plugin with css3 animation

jQuery AnimateDialog : jQuery plugin with css3 animation

This is a jQuery plugin for css3 animation.This plugin allows you to show any element with css3 animation effect.

Google Grid Gallery with CSS3 & JavaScript

Google Grid Gallery with CSS3 & JavaScript

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

This Blueprint is a responsive grid gallery based on the gallery by Google for the Chromebook Getting Started guide. In this Blueprint we use Masonry for the grid and 3D transforms for navigating the items. For smaller screens we have some example media queries that adjust the grid layout and also the gallery view.

jsPanel : jQuery plugin to Generate Floating Panels

jsPanel : jQuery plugin to Generate Floating Panels

A jQuery Plugin to generate configurable floating panels for use in a backend solution and other web applications.

Bootstrap Confirmation : jQuery plugin for Twitter Bootstrap

Bootstrap Confirmation : jQuery plugin for Twitter Bootstrap

Bootstrap Confirmation is a jQuery plugin for Twitter Bootstrap. Use Bootstrap Popovers as confirmation dialogs. Simple and easy.

flavr – Flat jQuery Popup Dialog

flavr - Flat jQuery Popup Dialog

flavr is a freshly build stylish popup dialog for your next flat website. flavr is built to be responsive, able to adapt its layout and position to any screen size of your viewer with the power of CSS. Just like you, we are avoiding javascript on things we could do with pure CSS.

Features:

  • Clean & Modern Flat Design
  • Well Documented
  • Fully Responsive
  • Lightweight yet Powerful
  • Bootstrap Compatible
  • CSS3 Animated in Modern Browser
  • jQuery Powered
  • Cross Browser Support

CMD Bomsect – jQuery Fullscreen Overlay Menu styles

CMD Bomsect - jQuery Fullscreen Overlay Menu styles

CMD Bomsect – fullscreen overlay menu styles – easy to use cross-browser and mobile ready fullscreen menu overlays animation. Menu easy to install and change, file includes 12 different animations and 5 additional colors of background.



Best jQuery websites design awards