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