DropKick.js a jQuery dropdowns

    jQuery dropdown

    Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making s@#t look good.

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Fullscreen Slideshow with HTML5 Audio and jQuery

    In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

    TagCanvas – jQuery Animated Tag Cloud

    jQuery Animated Tag Cloud

    An HTML5 canvas-based plugin which replaces <a href="..."> links with a 3D rotating cloud of tags.

    Tested in FireFox, Chrome, Opera, Safari. Also tested in IE8, where it obviously doesn’t work except in conjunction with ExplorerCanvas. Now works in the IE9 beta/release candidate without ExplorerCanvas.

    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.