Today we are going to look at a quirky idea I was asked to make for a website I was building recently. It’s a way to provide extra information about an image without needing extra space.

A very popular design element today is the large illustrative header, just like the one we have here at Return True. Something that is starting to become just as popular is adding the ability to hide said large header. Here I’ll show you how to do that.

I’m always looking for inspiration for new tutorials, and thanks to you lovely people I’ve always got something to try & create. Today I was asked to create a slide down header (similar to the footer), but with a creative twist.

A little while ago I made a tutorial explaining how to make a slide up footer that did not remove itself from document flow. After receiving a help request via email, I’ve decided to do a tutorial on how to make a footer that is removed from document flow.

If you’ve seen a slide down header, they look pretty awesome, but what if you want a slide up footer? It becomes very difficult due to normal document flow being top to bottom, however you can create the effect of a slide up footer using jQuery.

A fairly common sight in these modern times of social networking is the famous Twitter tab. This is a tab that floats on the left or right hand side of your browser window & follows you. Here is how to go slightly further than that by making it slide out.