Home > Slide
Permalink to Animated Sliding Info Pop-Up With jQuery & CSS 3

Animated Sliding Info Pop-Up With jQuery & CSS 3

by on 06.01.2010 | no comments

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.

Permalink to Sexy Illustrative Sliding Header With jQuery

Sexy Illustrative Sliding Header With jQuery

by on 05.28.2010 | 8 comments

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.

Permalink to Scroll Activated Slide Down Header With jQuery

Scroll Activated Slide Down Header With jQuery

by on 04.09.2010 | 43 comments

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.

Permalink to jQuery Pop Up Footer Version 2

jQuery Pop Up Footer Version 2

by on 04.08.2010 | 178 comments

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.

Permalink to Creating A Slide Up Footer Using jQuery

Creating A Slide Up Footer Using jQuery

by on 03.25.2010 | 55 comments

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.

Permalink to jQuery Snippet: Slideout Tab

jQuery Snippet: Slideout Tab

by on 02.26.2010 | 36 comments

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.