Best jQuery Responsive Plugins & Tutorials with Demo

Vidbg.js : HTML5 jQuery Video Background plugin

Vidbg.js : HTML5 jQuery Video Background plugin

Vidbg.js is a html5 jQuery video background plugin.When resizing is set to true (default) the video will resize automatically when the window is expanded or compressed.

  • All modern web browsers
  • IE9+
  • Video will play on desktops and laptops and will resort to the fallback image (poster) on mobile devices (tablets, phones, etc.)

Fixed Responsive One Page Nav

Fixed Responsive One Page Nav

Responsive, fixed and touch friendly one page navigation with animated scrolling.

Features:

  • Fixed positioned, always visible navigation bar
  • Uses vanilla JavaScript, no jQuery required
  • Smooth animated scrolling
  • Removes 300ms tap delay
  • Adds a mask over the content when navigation is open
  • Auto highlights current location
  • Uses a tiny custom font for icons (only two characters included)
  • Closes the navigation when user tap’s outside of it

Horizon Swiper : Lightweight jQuery Swiper Plugin

Horizon Swiper : Lightweight jQuery Swiper Plugin

Horizon Swiper is a lightweight and free jQuery swiper plugin. It has many options and it works with your simple native browser scrolling.

Minigrid : Cascading Grid Layout

Minigrid : Cascading Grid Layout

Minigrid is a minimal 2kb zero dependency cascading grid layout. It’s responsive and can be animated.

Effect Ideas for Image Grids with jQuery & CSS

Effect Ideas for Image Grids with jQuery & CSS

Today we’d like to share some inspiration for image grid effects. The idea is to animate the grid item when opening it, the other grid items’ disappearance and the new content. The content shown can be anything from just the larger version of the image and a title (think image gallery) or something like an album view. The common effect to all is the animation of the clicked grid image: we move it to the desired spot, scale it up and then replace it with a larger version. This creates a direct flow between the grid and the other (full) view.

jQuery Responsive Bootstrap Carousel

jQuery Responsive Bootstrap Carousel

jQuery Responsive Bootstrap Carousel is a pack that includes Different types of carousel like thumbnail image gallery and content carousel with animated captions, testimonial carousel, portfolio carousel, video carousel etc.

Features:

  • Touch Enabled
  • 100% Responsive
  • Easy To Customize
  • Beautiful Animation
  • Built With Bootstrap
  • Font Awesome Icons

jPicture : jQuery Plugin to Load Pictures on Right Viewport

jPicture : jQuery Plugin to Load Pictures on Right Viewport

jPicture is a jQuery plugin to load pictures on the right view port.  jPicture loads only the most fitting picture out of the picture-versions for the viewport the page is displayed on. This not only takes away the trouble of handling this yourself, but also reduces loading times for lower-res viewports.

Responsive Multi Menu with jQuery & CSS3

Responsive Multi Menu with jQuery & CSS3

The easiest way to develop site with multi level navigation and user-friendly experience it has been optimized for mobile devices using HTML5, CSS3 and jQuery.

Features:

  • Easy installation
  • Multi level on CSS
  • Light-weight
  • Multiple menus
  • Works in mobiles
  • Free licensed under MIT

GreedyNav : jQuery Responsive Navigation Menu

GreedyNav : jQuery Responsive Navigation Menu

A responsive navigation menu that stacks items into a dropdown menu when they overflow.

When the user resizes the window the nav will shrink, any overflowing items will be removed from the visible list and get prepended to a list of vertically stacked items that are hidden. The user is notified of this action by a count badge next to a hamburger icon at the end of the menu, which acts as a dropdown trigger button for the hidden list.

Responsive Sidebar Navigation with CSS & jQuery

Responsive Sidebar Navigation with CSS & jQuery

If you’re working on an admin panel, chances are you’ll need to design and develop a vertical menu, with plenty of sub-categories. That’s why we decided to share today’s snippet! Our Sidebar navigation can make your life easier by providing a starting, simple template for your next project.

An easy-to-integrate side, vertical navigation, ideal for dashboards and admin areas.