Best jQuery Responsive Plugins & Tutorials with Demo

    jQuery Fullscreen Responsive Lightbox Gallery

    December 8, 2012 | Gallery, Plugins, Responsive
    jQuery Fullscreen Responsive Lightbox Gallery

    This is a beautiful Jquery Fullpage Lightbox Plug-in. It’s great for photographers and perfect for any designer to showcase their work and it is very reliable. It works on modern browsers and it is easily managable. This Jquery is a full responsive gallery and it adjusts on all screens, even your smart phone! You can add DIV elements and adjust your dive using the CSS. It has a unique and new design to it with retro rectangles and stylish squares.

    The photos turn from black-and-white to colors after hovering your mouse over them also. The descriptions of the photo appear on the right side of the picture. This is probably the easiest Jquery you will ever use! Have fun and continue designing!

    Read More Demo

    jQuery Responsive & Touch-Friendly Audio Player

    December 6, 2012 | CSS2 / CSS3.0, HTML5, Plugins, Responsive, Video & Audio
    jQuery Responsive & Touch-Friendly Audio Player

    A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. The jQuery plugin itself would be pretty much useless without the respective CSS which is responsible for the looks and some of the features summarized below.The plugin replaces targeted <audio> elements with some HTML and JavaScript events attached to it.

    Don’t confuse this player with the whole media centre like iTunes or so. It is nothing like that. This is a tiny, lightweight player with a very clear purpose: to play a single audio file. I have built it having this credo in mind: “don’t solve problems that do not exist”. You don’t need complex plugins or ugly Flash players with thousands of useless functions to play that damn audio file. Be innovative, be subtle.

    Read More Demo

    imgLiquid : jQuery Responsive Image Plugin

    December 3, 2012 | Image Effects, Plugins, Responsive
    imgLiquid : jQuery Responsive Image Plugin

    jQuery plugin to resize images to fit in a container.

    Read More Demo

    Calendario: A Flexible jQuery Calendar Plugin

    November 30, 2012 | Calendar, Plugins, Responsive
    Calendario: A Flexible jQuery Calendar Plugin

    Today we want to share a flexible calendar concept with you. Calendars can be a very tricky thing when it comes to their layout and responsiveness. This is an experiment for trying out some grid layouts that can be applied to calendars. We’ve created a jQuery plugin for the calendar itself and you can see some examples of how to use it in the demos. The aim is to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.

    Read More Demo

    FooTable : jQuery Responsive Table plugin

    November 27, 2012 | Plugins, Responsive, Tables
    FooTable : jQuery Responsive Table plugin

    FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.FooTable transforms your HTML tables into expandable responsive tables.It hides certain columns of data at different resolutions (we call these breakpoints).Rows become expandable to show the data that was hidden.

    So simple! So all the data that is hidden can always be seen just by clicking the row.

    Read More Demo

    jQuery Responsive Menu Plugin

    November 24, 2012 | Menus, Plugins, Responsive
    jQuery Responsive Menu Plugin

    A jQuery plugin which turns your site’s navigation into a dropdown (<select>) when your browser is at mobile widths.

    Read More Demo

    How to Create a Responsive Image Slider in jQuery and CSS3

    November 15, 2012 | CSS2 / CSS3.0, Responsive, Slider
    How to Create a Responsive Image Slider in jQuery and CSS3

    Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSliderplugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects.

    Read More Demo

    OpenPanel : jQuery Open Responsive Panel Anywhere

    November 14, 2012 | Ajax, Layout, Plugins, Premium, Responsive
    OpenPanel : jQuery Open Responsive Panel Anywhere

    OpenPanel is a jQuery plugin that allows you to open panel at any where in your page, unlimited panels as you want and support for responsive design. With this small plugin you can open more space for your site to add anything you want.

    Features:

    • Open Panels Anywhere in Your Sites.
    • Unlimited Panels
    • Support Responsive Design.
    • Inline Content for SEO Purpose.
    • Support Ajax Content.
    • Four Directions Slide and Fade Effects.
    Read More

    jPanelMenu : Create jQuery Paneled-Style Menu

    November 12, 2012 | Menus, Plugins, Responsive
    jPanelMenu : Create jQuery Paneled-Style Menu

    jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

    Read More Demo

    CodingJack’s jQuery 3D Carousel

    November 11, 2012 | Carousel, CSS2 / CSS3.0, HTML5, Premium, Responsive
    CodingJack's jQuery 3D Carousel

    CodingJack’s 3D Carousel is a Real 3D using CSS3 3D Transforms carousel plugin with jQuery,Html5 & Css3

    The carousel is supported on iOS and Android and includes touch swipe functionality. It looks great on a tablet and will even work on a smartphone. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:

    • Option to display a thumbnail grid instead (the “fallback” presentation)
    • Option to transform the grid fallback into a responsive layout. View either preview from your phone for an example.
    Read More Demo