End of Page Slide Out Box with jQueryApril 13, 2010

The other day I was reading an article in the NYTimes and I really liked the box that slides out from the right when you are reading the last part of the article. It shows another article from the same category and I thought that it might be something interesting for ...

read more

Interactive Image Vamp up with jQuery, CSS3 and PHPMarch 22, 2010

Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get m...

read more

A Fresh Bottom Slide Out Menu with jQueryMarch 9, 2010

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

read more

Photo Zoom Out Effect with jQueryMarch 7, 2010

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

read more

Grungy Random Rotation Menu with jQuery and CSS3February 24, 2010

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

read more

CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out NavigationJanuary 17, 2010

Today I want to show you, how to create an Apple-style navigation menu with a twist. Although "fancy" and "Apple-style" don't really go together, I thought that it's time for something different. This menu looks very similar to the Apple-style navigation but it rev...

read more

Clothesline Social Bookmarks – A CSS-only Social Bookmarking TutorialJanuary 2, 2010

Today we will create a fancy social bookmarking solution which will not require any JavaScript - it is only CSS based. We will hang up some rotated social bookmark icons on a clothesline and put a cute Tweetie sitting on top of it. This will just be an example and, of course, you are encourag...

read more

Creating a Rotating Billboard System with jQuery and CSSDecember 16, 2009

Currently we are in the "hey, let's do that flash thing in jQuery"-mood and so we came up with another idea: a rotating billboard system. In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is...

read more