Fresh Set of CSS-only MenusJanuary 31, 2010

Here is a set of fresh CSS-only menus for your website - no images, no JavaScript. The markup for the menus is always the same and I used 12 different stylesheets for their appearance. The main idea is to have a big title link and some description under the link. The ...

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

Self-resizing Navigation Menu with jQueryJanuary 12, 2010

Today I am going to share a nice CSS only (with some jQuery) navigation menu that adapts the size of its list items automatically. Sometimes you need to reuse a menu and it can take some work to adapt the list items if you would like to spread them evenly. So, here...

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

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