jQuery Cycle is a jQuery plugin normally used to make slideshows or feature sliders. Here is how to add some special sauce to jQuery Cycle via a custom transition.

Going back to my jQuery Typewriter posts I’ve had a few requests in the comments, and via email, to make it work with HTML. Previously I thought this would be near impossible, but a bolt of inspiration hit me & this code was born.

It’s been requested that I do some tutorials for those who are just starting out & having trouble understanding how lots of simple coding principles come together to help build larger, more complicated applications.

You may have seen one or two tutorials around on this subject, but I was recently asked to make a Map of the UK using RaphaelJS and thought I would make my own tutorial going over how I did it. Hopefully it will help you avoid the same problems I had when making it.

You may remember a post I made showing how to create a full width slider with a color changing background using jQuery & jQuery Cycle. It turned out to be a very popular post, and someone suggested that I try to figure out how a slider on another site was created and make a tutorial based on it. Well, here is that tutorial.

A little while ago someone commented on a post asking if I would do a post on the basics of using jQuery within WordPress. I didn’t have time then with so much going on, but finally I’ve found some time to write it. Better late than never I suppose.

In this tutorial we are going to take a look at how to create an opening & closing element. Normally this is quite easy, but these elements will be able to open & close independently. Let’s take a look at how this is possible.

I’ve noticed an extremely popular search term to my site is the jQuery Typewriter code I created a long time ago, so I’ve decided to revisit it and see what I can do to improve it. So today I’m going to show you what I’ve ended up with.

Kathy asked me how I created the sliding header that you may have noticed when you first entered the home page of Return True (yes, that’s this site). Well here is a very short tutorial explaining how it was done.

A feature slider is great for highlighting important content on your site, but what if you want it to be fluid & stretch the full width of the browser? Here is a funky way of creating a full width feature slider using the jQuery cycle plugin.

I had a request to make a photo gallery in the same style of Derren Brown’s art gallery website. Unfortunately Derren has moved his art and the gallery is no longer there, but I wanted to try and replicate it using modern techniques anyway. Here’s the result.

I was playing around with jQuery & CSS 3, and managed to cobble together this little gallery slash photo viewer. It’s not really ready to be used on websites right now, but it is a look at the promising things coming thanks to speedier Javascript & CSS.