Best jQuery Responsive Plugins & Tutorials with Demo

    Navgoco : jQuery Multilevel Slide Menu

    Navgoco : jQuery Multilevel Slide Menu

    Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded submenus between sessions by using cookies and optionally act as an accordion menu.

    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

    S Gallery is a responsive jQuery gallery plugin with CSS3  animations.It is inspired from SONY’s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.

    The plugin makes use of HTML5’s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.

    jQuery Top Bar Offers Promoter

    jQuery Top Bar Offers Promoter

    The jQuery Top Bar Offers Promoter is the best way to emphasize the offers on your website. All the special offers will be instantly seen by your potential buyers.

    Features:

    • Over 50 js options from where you can customize the plugin.
    • You have parameters to change anything: colors, images, backgrounds, borders, dimensions.
    • The top bar promoter is responsive for both fixed dimensions or full width versions.
    • It is compatible with IOS and Android operating systems.
    • Options to add social icons in order to promote your website on all the available channels.
    • SEO Friendly
    • Centered or full width

    Bootstrap Lightbox with jQuery

    Bootstrap Lightbox with jQuery

    A simple lightbox plugin based on the bootstrap modal plugin.This is a plugin for Twitter Bootstrap that adds a lightbox that is based off the modal dialog.

    jSliderPro : jQuery CSS3 Responsive Slider

    jSliderPro : jQuery CSS3 Responsive Slider
    • – Transition engine that can generate an incredible number of stunning effects. More possibilities incoming with the very next releases.
    • – No images limits and automatic memory management.
    • – Javascript callbacks to interface with other programs.
    • – CSS3 and HTML5 only.
    • – Fully responsive and cross browser compatibility from desktop PCs to mobile devices.
    • – Reference manual and hundreds of examples included.

    Dock Menu : Responsive touch enable jQuery Menu

    Dock Menu : Responsive touch enable jQuery Menu

    This is a beautiful menu like dock with the capability of store a submenu.

    Features:

    1. Touch enabled
    2. Responsive
    3. Infinite dock items
    4. Infinite sub menu items
    5. Animations
    6. Dock properties to change
    7. More than 700 icons

    Easiest Way to Retrieve Twitter Timeline with PHP & jQuery

    Easiest Way to Retrieve Twitter Timeline with PHP & jQuery

    Twitter terminated its old API, and all of our Twitter tutorials have stopped working! So, here is a follow up to show you how easy is it to retrieve user timeline and hashtag with Twitter REST API 1.1. Of course, I don’t just stop there. I integrated my previously written script and modified it to work with Grid-A-Licious plugin to create something that’s similar with Pinterest.

    Vertical Responsive Navigation with jQuery & CSS3

    Vertical Responsive Navigation with jQuery & CSS3

    Vertical Responsive Navigation is a navigation component based in CSS and Javascript code. It’s responsive navigation, collapsible on mobile devices, has two themes and 12 preset colors.

    Features:

    • Light and Dark themes
    • 12 preset colors
    • Responsive
    • Collapsible
    • Major Browsers Compatible
    • 361 icons available

    Loading Effects for Grid Items with CSS Animations & JavaScript

    Loading Effects for Grid Items with CSS Animations & JavaScript

    Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration. Some of the effects are from the awesome CSS3 scroll effects by Hakim El Hattab and the idea is inspired by the tile animation seen in the Google Plus app.

    Since Masonry is a popular library for laying out grids, we thought it might be a good idea to use it in this demo. If you’d like to use something else or no library at all, you’ll have to remove the initialization from the script and adjust the selectors etc. That should be pretty straightforward.

    Blueprint : Responsive Icon Grid with CSS3

    Blueprint : Responsive Icon Grid with CSS3

    A responsive grid of anchors with icons, text and some example hover transitions.A grid of icons and text that adjusts its number of columns depending on the screen size as shown in some media queries. Some example effects are used for animating the elements on hover.