Best jQuery Responsive Plugins & Tutorials with Demo

    HTML5 Video Player like YouTube in jQuery plugin

    February 8, 2014 | HTML5, Plugins, Responsive, Video & Audio
    HTML5 Video Player like YouTube in jQuery plugin

    VideoControls is a open source free plugin made in jQuery for display a YouTube-Like control bar. Based on the new HTML5 tag <video>, VideoControls is cross platform, simple and free to use.

    Features:

    • Free & Open Source
    • Easy to use
    • Lightweight
    • Based on jQuery
    • 100% skinnable using CSS
    • Consistent look between browsers
    • Preview on timebar mouse over
    • Markers on timebar
    • Buffer loading visibility
    • Full screen
    • Play/pause, seek
    • Volume Control
    • Mute/unmute
    • Mobile compatible
    Read More Demo

    UberPanel – jQuery Sliding Panel Plugin for WordPress

    February 7, 2014 | Menus, Plugins, Premium, Responsive, Wordpress
    UberPanel - jQuery Sliding Panel Plugin for WordPress

    UberPanel is a plugin which adds a widgetised sliding panel to any WordPress theme. It provides you with an unobtrusive way to add additional space to your theme.

    Features:

    • Unobtrusively adds more space to your WordPress theme
    • Supports WordPress widgets (four horizontal columns and one vertical)
    • Choose from the left (off-canvas) panel or the top position
    • Choose colours for the button & border, or the optional pre-defined style
    • Works beautifully on all modern devices
    Read More Demo

    jQuery Responsive Countdown with Visual Builder

    February 2, 2014 | Plugins, Premium, Responsive
    jQuery Responsive Countdown with Visual Builder

    This is a javascript based tool that uses the canvas object to animate SVG defined drawings. The tool uses a flip animation to display the remaining time to or the elapsed time from a target date. The tool detects change of width and height of its container object and responds accordingly. Since it uses vector data to draw the digits and the panels of the countdown, there is no change in the quality of the displayed drawings when it gets resized. The tool features around 30 options to customize but it can also be used in a simple configuration.

    Features:

    • Responsive behavior. The tool scales according to available width.
    • Visual tool that assist you to create your unique countdown.
    • Infinite color combinations. Solid color for the digits. Gradient color for the panels.
    • Show hide groups.
    • Two perspective modes.
    • Two sets of digits. Three sets of panels.
    • Setting of time zone.
    • Setting of label captions.
    • Setting of labels font and size.
    Read More Demo

    FullScreen Background Slider – jQuery SlideShow

    January 31, 2014 | Animation, CSS2 / CSS3.0, Plugins, Premium, Responsive, Slider
    FullScreen Background Slider - jQuery SlideShow

    The plugin using the latest CSS3 transitions with some jQuery to display a really unique Gallery Slideshow on your website’s background. With 20 animation types, 20+ patterns and customizable timing it can be a exciting tool to create great websites, landing pages and coming soon sites.

    Features:

    • Responsive, Mobile-Friendly
    • 20 Animation Effects
    • Lightweight javascript (~14Kb), using CSS3 Transitions
    • Compatible with all major browers
    • 20 built-in patterns
    • Customizable Animation Time
    • init(), destroy(), updatepattern() methods
    • jQuery Animations on Old Browsers
    Read More Demo

    Responsive HTML5 gallery tutorial with CSS3

    January 30, 2014 | CSS2 / CSS3.0, Gallery, HTML5, Responsive
    Responsive HTML5 gallery tutorial with CSS3

    Responsive HTML5 image gallery tutorial. CSS3 acceleration.

    Features:

    • Responsivity: adjust layout and behaviour
    • Touch event handling
    • Fastclicks without 300ms click delay
    • CSS3 accelerations
    • SPA architecture
    • Scalable graphics via icon font
    • Client side local storage
    Read More Demo

    ZoomScript – Touch-Enabled jQuery Image Gallery

    January 29, 2014 | Gallery, Premium, Responsive, Slider
    ZoomScript - Touch-Enabled jQuery Image Gallery

    ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. We have also added an extra thumbnail bar which will show after tap on the screen.

    Features:

    • Touch control
    • Responsive
    • Gestures, mousewheel, arrow keys
    • Cross browser compatibility
    • Direct image linking
    • Smart image preloading
    • I18N support
    Read More Demo

    Magic Slider with layers & Carousel with LightBox

    January 26, 2014 | CSS2 / CSS3.0, HTML5, Plugins, Premium, Responsive, Slider
    Magic Slider with layers & Carousel with LightBox

    Magic Slider and Carousel will help you to create the next generation of sliders, using the CSS3 transitions for layers and an ultra-smooth KenBurns effect. You’ll also be able to create interactive ‘magic’ carousels with YouTube, Vimeo and HTML5 video support; HTML5 audio support; Image support; Links support.

    Features:

    • touch screen navigation support for mobile
    • responsive design. Available parameter to disable responsive behaviour
    • 2 predefined skins: bullets & thumbs
    • layered elements: permits almost unlimited number of layers, images or texts.
    • animated layers from any direction: top, bottom, left and right using smoooth CSS3 transitions.CSS and HTML formated
    • each layer has parameters for intial move animation, intermediate move animation and exit move animation
    • Ultra-smooth Ken Burns Effect for background image, on all major browsers
    • ‘Fade’ and ‘Slide’ transitions to navigate between the slides. Parameters to set the speed and easing.
    • Fixed Dimensions Version, Full Width Version and Responsive Version
    • external url link parameter for each slide
    • target parameter: _blank or _self
    • width & height parameters
    • autoplay parameter
    • loop parameter
    • show/hide controllers parameter
    • show/hide bottom thumbs parameter
    • circle timer parameters for color, dimensions, transparency
    • you can include YouTube and Vimeo
    Read More Demo

    jQuery PopMenu Plugin

    January 21, 2014 | Menus, Plugins, Responsive
    jQuery PopMenu Plugin

    A simple responsive popup menu, it’s a jQuery plugin.

    Read More Demo

    CoverPop : JavaScript modal plugin with Cookie integration

    January 19, 2014 | Core Java Script, Popup Window, Responsive
    CoverPop : JavaScript modal plugin with Cookie integration

    CoverPop is a lightweight lightbox popup plugin with cookie integration. Style agnostic. Responsive friendly.If you are trying to show up a lightbox popup similar first time visitors that is easily styleable and has cookie integration, this is for you.

    If you are trying to show a colorbox image when someone clicks on an internal link, this isn’t for you.

    Read More Demo

    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    January 18, 2014 | CSS2 / CSS3.0, Gallery, HTML5, Plugins, Responsive
    least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

    least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

    Read More Demo