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

Day and Night: Creating a Scenery Animation with jQuery and CSSDecember 14, 2009

In today's tutorial I am going to show you, how to create an amazing animated scenery with just a few lines of jQuery and some absolute positioned elements with images. See the demo link below and check out the result. The animation takes around 30 seconds, so sit ...

read more

Fixed Fade Out Menu: A CSS and jQuery TutorialDecember 11, 2009

Inspired by David Walsh's top navigation bar that gets semi-transparent when you scroll down the page, I decided to create a tutorial out of that idea. The aim is to have a fixed navigation that follows the user when he scrolls, and only subtly showing itself by ...

read more

Beautiful Slide Out Navigation RevisedDecember 8, 2009

After I got a lot of feedback for the Beautiful Slide Out Navigation, I had some new ideas for a similar horizontal navigation. Thanks a lot to everyone! Like Stefan Matei pointed out, it might be quite cute but we don't want the user to hover over all options firs...

read more

CSS and jQuery Tutorial: Overlay with Slide Out BoxDecember 3, 2009

The other day I was creating an overlay with a box for Cody's jTextTranslate jQuery Plugin and I thought, it could be useful to describe the technique in a tutorial. So, I want to show you how to create a semi-transparent overlay that covers all the page, and a message box that can be turned ...

read more

Beautiful Slide Out Navigation: A CSS and jQuery TutorialNovember 30, 2009

Today I want to show you how to create an amazing slide out menu or navigation for your website. The navigation will be almost hidden - the items only slide out when the user hovers over the area next to them. This gives a beautiful effect and using this technique can...

read more

CSS Tutorial: Image with Toolbar and Navigation OverlayNovember 23, 2009

In this tutorial I will show you how to create an overlay toolbar and navigation for an image. This type of technique can, for example, be applied in an image gallery where you want to provide some options for the user when he is viewing your images. The result of this tutorial will look like thi...

read more

How To Play Looping Sound In Your iPhone AppSeptember 15, 2009

Here is a very useful code snippet for playing your own sound file continuously in your iPhone application. The example uses a .caf file and is based on the AVAudioPlayer Class. You can find the class reference of Apple here: http://developer.apple.com/iPhone/library/documentation/AVFoundation/...

read more