Archive for 2011

    jQuery Multimedia Portfolio

    jQuery Multimedia Portfolio with audio player and flv player

    Non obstrusive and accessible portfolio supporting multiple media : photos, video (flv), audio (mp3), will automatically detect the extension of each media and apply the adapted player.

    Animated Scroll to Top

    jquery Animated Scroll to Top

    I’m writing a detail tutorial on how to create an animated scroll to top as seen on Web Designer Wall. It is very simple to do with jQuery (just a few lines of code). It checks if the scrollbar top position is greater than certain value, then fade in the scroll to top button. Upon the link is clicked, it scrolls the page to the top.

    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.

    bMap – jQuery maps plugin

    jQuery maps plugin

    The bMap jQuery plugin allows you to quickly and easily add mapping to your website. It has been designed from the beginning to handle lots of markers, lots of layers, and custom marker icons.The plugin can manage a sidebar for you, one with a list of markers, one with a list of layers. The sidebars can be styled with CSS.The internal Google object is exposed, so you can continue to use all of the power of the Google Maps API. You can also access the internals of the bMap object.

    jQuery maxImage Scaling Plugin

    jQuery maxImage Scaling Plugin

    This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it’s effect.

    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.