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!.

    Jquery Animated Grid Plugin

    Jquery Animated Grid Plugin

    This animated Grid Plugin is compatible with Mozilla Firefox, Safari, IE8 / IE7, Google Chrome and allow you to control completely the degradation if javascript is disable.

    Simple Overlay – jQuery plugin

    Simple Overlay - jQuery plugin

    A jQuery Plugin for easily adding lightweight, flexible overlays to your projects.

    Use custom effects, customize using CSS hooks, define custom callbacks for further action, take advantage of CSS3 and more.

    Create a grid Image Gallery that has intersecting highlights with jQuery and CSS

    jQuery CSS grid Image Gallery

    In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect. This gallery uses jQuery Masonry to achieve the animated resizing effect of the grid.

    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.

    Analog JQuery clock

    JQuery Analog clock

    In this tutorial we will use JQuery and a plugin named jQueryRotate.The main idea behind making this watch is to rotate the three images according to the actual time tt/mm/ss. We split that time up in hours, minutes and seconds. Then use some math to convert each of the three values into an angle between 0 and 360. one for each of our three pointers. Then we use a timer function in JQuery to do that every second. That will make it look like the pointers is ticking like a real watch.