Best jQuery Responsive Plugins & Tutorials with Demo

    Sandywatch : Responsive HTML5 Countdown Canvas

    December 28, 2014 | Ajax, CSS2 / CSS3.0, HTML5, Premium, Responsive
    Sandywatch : Responsive HTML5 Countdown Canvas

    Sandywatch is a fully responsive, creative, clean and mobile friendly coming soon / under construction innovative canvas animation. Sandywatch comes with three distinct themes and provides a nice admin interface for handling email subscriptions.

    Features:

    • Unique HTML5 Canvas Sandywatch animation
    • Three distinct themes
    • Retina Ready
    • Optimized for mobile
    • Responsive and mobile friendly design
    • Custom countdown plugin
    • Simple to setup from the get go
    • AJAX email subscription with validation and support for
      • Various sql databases (SQLite, MySQL, PostgreSQL, SQLSRV)
      • Export to CSV files
      • Mailchimp Seamless Integration
    • Valid HTML5/CSS3
    • Gracefully degrades in older browsers
    • Responsive admin interface with subscriptions statistics
    Read More Demo

    Shrinking Fixed Top Bar with jQuery & CSS3

    December 24, 2014 | CSS2 / CSS3.0, Menus, Responsive
    Shrinking Fixed Top Bar

    A very common trend these days is the use of a fixed navigation, which shrinks to become less intrusive as the user scrolls down the page. In this tutorial, I’m going to show you how you can achieve this by using ZURBs Foundation Top Bar, some custom sass and jQuery. To top it off we’ll add a couple of media queries to make our menu responsive.

    Read More Demo

    Bee3D Slider : Touch-Enabled Pure JS Plugin

    December 22, 2014 | CSS2 / CSS3.0, Plugins, Premium, Responsive, Slider
    Bee3D Slider : Touch-Enabled Pure JS Plugin

    Bee3D Slider is a floating 3D slider and carousel plugin built with pure Javascript and CSS3 transformations!

    Features:

    • Touch-Enabled
    • 9 3D Effects available, with more on the way…
    • Autoplay, with optional pause on hover
    • Infinite Loops
    • Parallax effects, optional
    • Auto-Focus on load
    • Lightweight, 5KB minified
    • Responsive Image Support
    • Video Carousels
    • Mobile-friendly
    • Extensible callbacks
    • Styles come in LESS, SASS, and Stylus
    Read More Demo

    WM Gridfolio : jQuery Plugin for Content Gallery style Portfolio

    December 21, 2014 | Gallery, Plugins, Responsive
    WM Gridfolio : jQuery Plugin for Content Gallery style Portfolio

    The Plugin WM Gridfolio is a jQuery plugin for displaying content in the portfolio style .

    Read More Demo

    HTML5 Interactive World Map with JavaScript

    December 19, 2014 | Core Java Script, HTML5, Maps, Premium, Responsive, SVG Tutorial
    HTML5 Interactive World Map with JavaScript

    This map is built in HTML5 code and runs with javascript based on the new technique of Scalable Vector Graphics (SVG), So it can be scaled to any size without losing its quality.

    Read More Demo

    ScalableLightbox : jQuery Responsive Picture lightboxes

    December 13, 2014 | Plugins, Popup Window, Responsive
    ScalableLightbox : jQuery Responsive Picture lightboxes

    A jQuery plugin for building aesthetically minimalistic, responsive picture lightboxes. Features an index module for providing an overview with thumbnails as well as a lightbox module, for displaying high-res images in a responsive manner.

    Read More Demo

    Lazy-loading Google Maps

    December 13, 2014 | Maps, Plugins, Responsive
    Lazy-loading Google Maps

    A tiny jQuery plugin for lazy-loading Google Maps. jQuery plugin, which just loads the maps and then gives away the full control of the loaded ones to you.

    On every scroll and browser resize interval the plugin checks whether there are any maps in the viewport to be displayed. If yes, it loads (if it wasn’t loaded before) Google Maps API script file and then initiates the corresponding map instances. Finally, there’s a callback function which is called within every map instance initiation so that you can continue doing whatever you need with your maps.

    Read More Demo

    Expandable Image Gallery with CSS3 & jQuery

    December 11, 2014 | CSS2 / CSS3.0, Gallery, Responsive, Slider
    Expandable Image Gallery with CSS3 & jQuery

    An image that expands on click, going full-width and turning into a gallery.

    Read More Demo

    jQuery iBacor Google Plus Streaming Plugin

    December 9, 2014 | Other API, Plugins, Responsive
    jQuery iBacor Google Plus Streaming Plugin

    jQuery iBacor Google Plus Streaming is jQuery plugin to display your google+ timeline steams (posts, photos, videos, article) on your website.

    Features:

    • Display all timeline, shared urls+thumb, plusone count, comment count, shared count.
    • Popup photos & play videos using Fancybox plugin.
    • Css3 responsive,.
    • Awesome icon using fontawesome.
    Read More Demo

    3D Rotating Navigation with CSS3

    December 5, 2014 | Animation, CSS2 / CSS3.0, Menus, Responsive
    3D Rotating Navigation with CSS3

    A 3D rotating navigation, powered by CSS transformations. Animated elements are key ingredients of the user experience. In this case a 3D menu can’t just be fun. It has to be efficient.

    Read More Demo