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 ...
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 ...
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...
Our site was getting kind of slow, so I decided to read some articles about how to speed up a Wordpress blog. While many give really great tips on what to do, I just want to add some own experiences. The speed of loading this blog decreased from an average of more than 9 seconds to an average of...
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 ...
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...
For our last post Cody asked me to create these two glossy icons for the jFeedback jQuery plugin. We thought, we could post the icons as well with the Photoshop file because you might want to change the color or the symbol. So, here they are, two incredibly awesome glossy icons :-) "open sour...
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...
