Best jQuery Responsive Plugins & Tutorials with Demo

    SlickNav : jQuery Responsive Mobile Menu Plugin

    SlickNav : jQuery Responsive Mobile Menu Plugin

    Responsive Mobile Menu jQuery Plugin.

    Features:

    • Supports with multi-level menus
    • Flexible, simple markup
    • Cross-browser compatibility
    • Keyboard Accessible
    • Degrades gracefully if javascript disabled
    • Creates ARIA compliant menu

    jQuery.touchdragh : Makes elements Draggable horizontally by Touch

    jQuery.touchdragh : Makes elements Draggable horizontally by Touch

    This makes elements draggable horizontally by touch.

    • touchdragh: demo
    • touchdragh with transition: demo
    • touchdragh forever option: demo
    • touchdraghfitty: demo
    • touchdraghfitty with transition: demo
    • touchdraghsteppy: demo
    • touchdraghsteppy with transition: demo
    • touchdraghsteppy refresh method: demo
    • touchdraghsteppy forever option: demo
    • touchdraghsteppy normalize_height option: demo
    • touchdraghsteppy unsteppify: demo
    • touchdraghsteppy unsteppify manually slide: demo
    • dragger option: demo

    with Media Queries using $.ViewportWatcher

    • touchdraghsteppy media queries example: demo
    • touchdraghsteppy media queries example2: demo

    jQuery Multi Purpose Media Boxes – Responsive Grid

    jQuery Multi Purpose Media Boxes - Responsive Grid

    This is a HTML | CSS | JQuery Fully Responsive Portfolio in a pinterest style with a lightbox. It will adapt to the width of its container so you can put it anywhere and you can put anything inside the boxes. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button.
    The navigation filter bar is generated automatically from the categories you specify to each image.

    Features:

    • Fully responsive grid and lightbox
    • Lazy Load Feature
    • The Lightbox Support images and iframes of any dimensions and it will keep the right proportions
    • The filter navigation bar is generated automatically from the categories you specify to each thumbnail
    • Set the number of images to load at start and when you click the “load more images” button
    • Support thumbnails for the grid only to the images you want to improve performance
    • Fully Responsive Grid and Lightbox
    • Full width, the grid will adapt to the 100% of its container if you set the width of each column to ‘auto’
    • You can specify a static width for each column or specify number of columns
    • When specifying the number of columns you can set the minimum width for each column
    • CSS3 Effects
    • Direction aware hover effect
    • Lightbox with slideshow (play, pause, auto-play)
    • Easy implementation
    • Compatible with Twitter Bootstrap

    Gridforms : Data entry can be beautiful with jQuery & CSS

    Gridforms : Data entry can be beautiful

    Grid forms are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.

    An effort to make beautiful forms for web applications that make data entry less painful. Grid forms is a front-end library (Just CSS at the moment) which handles the boiler plate necessary to build grid based forms.

    jQuery Responsive Portfolio Gallery

    jQuery Responsive Portfolio Gallery

    Responsive Fully Customizable jQuery Portfolio Gallery. Image preloading

    Responsive elements : Helps you build better responsive websites

    Responsive elements : Helps you build better responsive websites

    Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.

    jGallery : jQuery photo gallery with albums and preloader

    jGallery : jQuery photo gallery with albums and preloader

    FREE jQuery photo gallery with albums and preloader.

    Features:

    • 41 configuration parameters
    • 43 transition effects
    • Unlimited scalability
    • Use modern technology
    • Compatible with all major browsers
    • Retina friendly
    • FREE for commercial use

    mobileGmap : jQuery responsive Google maps

    mobileGmap : jQuery responsive google maps

    Well, when scrolling a website on your mobile device you can get trapped in a google map due to the Maps scrollbar of death™. This plugin gives you a native google maps on your website and a safe fallback to the static image API of google maps for smaller devices.

    Glide.js : Responsive and touch-friendly jQuery slider

    Glide.js : Responsive and touch-friendly jQuery slider

    Glide is responsive and touch-friendly jQuery slider. Based on CSS3 transitions with fallback to older broswers. It’s simple, lightweight and fast. Designed to slide, no less, no more.