This is an effect I was asked to create for a website I was helping out with a day or so ago. The idea is to have the image zoom forward & become larger so users can get a better view. Ideal for e-commerce websites to show close-ups of products.
I received an email yesterday asking me if I could replicate Twitter’s auto updating popular tweets widget that they have on their front page. So instead of just sending an email back I thought I’d make a tutorial.
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.
When learning jQuery understanding the principle behind callbacks & the elusive ‘this’ can be extremely difficult. In this little tip I hope to remove some of the difficulty from understanding these useful principles.
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.
In this first coding tip we are going to look at a small, but very helpful tip for those starting out with jQuery animation. Who knows maybe even some of those who are familiar with jQuery have missed it.
