Best jQuery Fullscreen Plugins & Tutorials with Demo

Instagram Element : Instagram Plugin for jQuery

Instagram Element : Instagram Plugin for jQuery

Instagram Element is a premium Instagram plugin for bloggers, photographers, models, and anyone looking to increase their presence on Instagram. Based off the popular Instagram Journal plugin, this jQuery plugin version allows you to easily manage 50+ flexible options and create the perfect display with just a few clicks. Furthermore its’ mobile, responsive design allows you to showcase your photos beautifully on any device!

CSS Mobile Header Animations

CSS Mobile Header Animations

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

FSVS : jQuery Full Screen Vertical Scroller

FSVS : jQuery Full Screen Vertical Scroller

Simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback.Bound events support mousewheel, click and drag, arrow keys and touch gestures.

Sliding Panels Template with CSS & jQuery

Sliding Panels Template with CSS & jQuery

A simple portfolio template, with project preview images that slide out to reveal the selected project.

LobiPanel : jQuery Bootstrap Floating Panels

LobiPanel : jQuery Bootstrap Floating Panels

LobiPanel is jquery plugin for bootstrap panels. It extends panels with several common and useful functions which does not come by default.

Pointy Slider with CSS & jQuery

Pointy Slider with CSS & jQuery

Today’s resource is a simple, responsive slider, with a sharp design and an interesting motion effect: with each new slide item, a sliding-in block of content covers the old one, and unveils a new image.

jR3DCarousel : jQuery 3D Responsive Carousel

jR3DCarousel : jQuery 3D Responsive Carousel

jR3DCarousel is a jQuery plugin for responsive 3D carousel with modern effects and multiple options.

Features:

  • Modern effects
  • Responsive
  • Fullscreen Carousel
  • Tiny plugin (gzipped ~ 1.68KB, uncompressed ~ 4.95KB)
  • Infinite scroll
  • Multiple slideLayouts to maintain aspect ratio of images
  • Minimal configuration, easy to install
  • Useful public API for extending the functionalities like custom nav buttons.

Fullscreener : jQuery FullScreen Background Plugin

Fullscreener : jQuery FullScreen Background Plugin

Fullscreener is a jQuery plugin for easy fullscreen backgrounds.

Fullscreen Video Opening Animation with CSS3

Fullscreen Video Opening Animation with CSS3

In this in-depth tutorial we want to show you how to create a similar video opening effect to the one seen on momentsapp.com. If you click the “Watch the video” button on the Moments App page, you will see a new image appearing on the photo stack which contains a video. The animation is a slight rotation of the frame and a subtle scaling of the video, which already starts to play. The whole wrapper expands to full screen without any play controls; just the closing cross will be shown. Once the video ends, or, if the user clicks on the closing cross, the video will simply disappear.

jQuery fatNav : Fullscreen Menu

jQuery fatNav : Fullscreen Menu

Chubby fullscreen menu with nice hamburger toggle.



Best jQuery websites design awards