Best jQuery Web Plugins & Tutorials with Demo

    leanModal – A Micro jQuery Modal Plugin

    jQuery Modal box

    leanModal is a lightweight jQuery plugin for displaying modal boxes with minimum effort.The width and height of the modal box is flexible and adjusts itself according to the content.

    Multiple instances can be used on the same page and there are almost no settings or complicated usage instructions which is perfect for most cases.

    Sliding Background Image Menu with jQuery

    Sliding Background Image Menu with jQuery

    Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu will slide out from the bottom. This menu comes with some configuration possibilities, such as the size of the image, the hover effect and custom default states.

    Picbox a lighweight Image viewer

    jquery lighweight Image viewer

    Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

    zWeatherFeed – Yahoo! Weather plugin for jQuery

    jQuery Weather plugin

    This plugin will read the current weather for a location using Yahoo! Weather. It produces structured HTML with in-built CSS classes for styling. Simple and easy to use.

    Features:

    • Define one or more locations.
    • Choose to include background image indicating condition.
    • Displays day or night images.
    • Returns city, current temperature and condition description.
    • Choose to include high/low temperatures and wind speed.
    • Creates a link to read full forecast as Yahoo!.

    Image Upload and Cropping with PHP and Jquery

    PHP and Jquery Image Upload and image cropping

    Image cropping is the most important and required part in social media projects. In this post my friend had implemented image cropping functionalities such as upload image file into physical location, cropping image using jquery and resizing image into small resolution.

    Simple use of Event Delegation

    jQuery Event Delegation

    Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation.

    jQuery Image Load

    jQuery Image Loader

    Found a tutorial about image loading using Jquery written by Remy Sharp while trying to create the same function for company i am working at. Remy has publish the core script and here i will modify it to make it work for multiple images, and load in sequencing order.

    Preview window – jquery Description view plugin

    jquery Preview window

    In this guide you will lern how to make a box that shows a preview of the description on mouseover.

    Simple jQuery Text Resizer

    jQuery Text Resizer

    The idea of this plugin is very simple: you click on the text size you want, and a class is added to the body to indicate which size the user has selected. Then, it will take advantage of that body class when you are writing your CSS to size the different elements appropriately.

    VisualSearch.js – jQuery modern search boxes

    jQuery search boxes

    VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don’t have to parse the query string yourself.