Best jQuery Responsive Plugins & Tutorials with Demo

    WordPress Awesome Gallery with jQuery

    Wordpress Awesome Gallery with jQuery

    Lots of galleries are available for WordPress, but Awesome Gallery is special. First of all, it supports 3 layout modes:

    Features:

    • Top priority – easy to use admin interface. No tech skills and rocket science required, just follow step by step instructions.
    • 3 layout modes – horizontal flow, vertical flow and classic grid.
    • 7 image sources. All most popular services included and counting
    • 10 style presets
    • Custom styling support
    • Load more / Infinite scroll support + easily handles hundreds of images.
    • Built-in lightbox
    • Unique builtin support
    • Responsive and Retina-ready

    Easy As Pie – jQuery CSS3 Responsive Navigation

    Easy As Pie - jQuery CSS3 Responsive Navigation

    An easy to use, CSS3/jQuery Responsive Navigation built on the Superfish menu and HTML5. This was developed in part because of the lack of nested responsive menus.

    Included:

    • Modernizr for IE6-8
    • Superfish Menu
    • HoverIntent plugin
    • Data image fallback for lack of png support for IE7
    • Arrow image for IE6 menus

    Royal : Responsive Audio Player with Html5 CSS3

    Royal : Responsive Audio Player with Html5 CSS3

    Royal Audio Player is a powerful responsive HTML5 mp3 player for your website that runs on all major browsers and mobile devices like iPhone, iPad, IOS, Android and Windows8. Royal Audio Player supports unlimited playlists and each playlist can have unlimited tracks. The playlists can be loaded from a simple HTML markup, XML file, Podcasts url or SoundCloud playlist. Packed with a huge amount of features like, external API, deeplinking and facebook share button, it is one of the most impressive HTML5 mp3 players available on sale.

    Features:

    Responsive layout.

    • Mobile and desktop optimized.
    • Only mp3 file required.
    • FLASH fallback included for older browsers that don’t support HTML5 audio.
    • Optional deeplinking (unique and sharable link for the current playlist and track).
    • Load any type of playlist through XML, HTML markup, Podcasts or SoundCloud.
    • Support for unlimited playlists and each playlist can have unlimited tracks.
    • Powerful API included.

    jQuery Responsive Lazy Loader

    jQuery Responsive Lazy Loader

    A responsive lazy loader. Load image rendition according to CSS display & breakpoint.Responsive lazy loader allows you lo load the most appropriate image renditions according to the current breakpoint and to the current display into the CSS grid-system.

    It can be used as a simple lazy loader, simply as a responsive lazy loader (taking care of the breakpoint) or as an advanced lazy loader taking care of breakpoint and display.

    Tipue drop : jQuery Search Suggestion box plugin

    Tipue drop : jQuery Search Suggestion box plugin

    Tipue drop is a search suggestion box jQuery plugin.Tipue drop only needs a browser that supports jQuery. Tipue drop is responsive and works on all reasonably modern browsers.

    Fancy 7 – jQuery Touch Image Slider / LightBox

    Fancy 7 - jQuery Touch Image Slider / LightBox

    Fancy 7 is one of the most complete image slider ever. It is built in latest jQuery and mobile compatible so anyone can easily use it without any restriction. And it is fully responsive and modern features like Video embed,Smart Lightbox are supported which make it more stunning.

    Features:

    • Premium 10+ fancy skins
    • 380+ wonderful animations(2d,3d) – Animations will come more as new version released.
    • Easy to implement and customize
    • Unlimited slides – Users can insert as many slides as he wants.
    • Native browser support
    • Html5/Css3 transitions support – It uses html5/css3 transition for modern browsers.
    • Image Lazy Loading – Fancy 7 loads all images at once so that he/she doesn’t wait again while slides.
    • Image Preview support – Fancy 7 provides image preview option on hover.
    • Customizable width and height – Width and height can be set.
    • Fully responsive – It’s fully responsive so it can be attached in touch device.
    • Full width functionality involved – Full width slider is available
    • Lightbox support – It supports lightbox based on users’ demand.
    • Touch device support – Touch events are supported.

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks : jQuery layouts Library for Responsive Design way

    jBlocks is a javascript library that can be used as a jQuery plugin and/or a framework taking care of the layout in a HTML5 application. It allows designing applications that will run on desktops as well as on mobile devices without having to worry much about the details of screen resolution, pixel density and so on.

    jBlocks arranges rectangular blocks into a viewport according to a set of loose preferences given by the developer. The library tries to minimize the spare areas without content in real time. This means the application may add, remove or modify blocks geometry and jBlocks will recalculate and adjust the layout accordingly.

    Features:

    • works on desktops and mobiles
    • comes with a large of predefined block widget classes
    • widget classes can easily be extended
    • support either vertical or horizontal scrolling

    VenoBox : Responsive jQuery lightbox plugin

    VenoBox : Responsive jQuery lightbox plugin

    Just another responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google Maps, Vimeo and YouTube videos.

    The big difference compared to many others plugins like this is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).

    ReStable : Responsive tables to list jQuery plugin

    ReStable : Responsive tables to list jQuery plugin

    jQuery ReStable is a very simple and lightweight (~1Kb) jQuery plugin that make tables responsive making them collapse into ul lists.

    jQuery Responsive Tabs Plugin

    jQuery Responsive Tabs Plugin

    jQuery plugin for creating responsive tabs. The controls behave like regular tabs above a specified screen width (defined by an editable media query in the associated css file), and behave like an accordion on screens below that width.

    Features:

    • Progressive enhancement – uses semantic heading/content markup – tabs and accordion are created entirely with jQuery
    • Uses Aria attributes and roles to aid screen reader accessibility
    • Tabs and their content are fully accessible via keyboard
    • Supports multiple sets of tabs on same page