A Fresh Bottom Slide Out Menu with jQueryMarch 9, 2010

A Fresh Bottom Slide Out Menu with jQuery

In this tutorial we will create a unique bottom slide out menu. This large menu will contain some title and a description of the menu item. It will slide out from the bottom revealing the description text and some icon. We will use some CSS3 properties for some nice shadow effects and jQuery for

read more

Photo Zoom Out Effect with jQueryMarch 7, 2010

Photo Zoom Out Effect with jQuery

Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and wh

read more

Grungy Random Rotation Menu with jQuery and CSS3February 24, 2010

Grungy Random Rotation Menu with jQuery and CSS3

In this tutorial we are going to create a great menu with some content area that slides out. We use the grunge style because we want it to look a bit messy: the menu items are going to have a random rotation using the CSS3 property "transform". So, when we load the page each menu item will be po

read more

Neat Photo Hover Effect with CSS Sprites and jQueryFebruary 22, 2010

Neat Photo Hover Effect with CSS Sprites and jQuery

Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic principle is to create the impression that the background gets darker

read more

CSS Mania jQuery PluginFebruary 11, 2010

CSS Mania jQuery Plugin

Here is a jQuery plugin that makes use of the CSS Mania API. CSS Mania is a well known website showcase site where designs can be submitted and rated. A lot of information about each website is provided like the color scheme, the developer of the website, the creation date and many more. The API

read more

A jQuery Heat MapFebruary 8, 2010

A jQuery Heat Map

Here is a very simple way ho to create a heat map with jQuery. The idea is to track the clicks of a user and then display the click pattern with semi-transparent dots on an overlay. You can try out the demo by first clicking around on the page and then clicking "Analyze". Since the dots are semi

read more

Awesome CSS3 & jQuery Slide Out ButtonFebruary 8, 2010

Awesome CSS3 & jQuery Slide Out Button

Here is an awesome little slide out button. The inspiration for that button came from photoshop.com where Flash is used to create a nice slide out effect. This button does not behave exactly the same, but the effect is quite neat. It does not use any images and uses the border radius property to

read more