Today my business is one year old and I’m still here to tell the tale! I’m returning to my “Going Freelance” diary to discuss my year, hopefully to give you some helpful pointers and insights into the web design business (and self employment in general) as well as to help myself by going over what I’ve spent the year doing, what I’ve learnt and how I will approach freelance life next year.
Earlier this year, I wrote a tutorial explaining how the Nike Better World website was created and how you could use jQuery to create that effect on your own website. Since the launch of Nike Better World, the web has gone parallax crazy with many websites trying their own hand at the effect.
Having seen many-a-site using the effect and having worked on a few too, I think it’s time to dig deeper and take a closer look at some of the issues around using the JavaScript parallax effect, as well as answering some overdue questions from my original tutorial. Continue reading
In today’s tutorial we’re going to develop a small script that allows a user to switch between product cards. It’s not the usual jQuery slider script though! In this demo we’ll use CSS to carefully make the three cards look as though they are lined up behind each other, the further into the distance they go, the smaller they will get. When a user hovers over a background layer, we’ll use jQuery to animate that layer, bringing it to the front of the deck whilst moving the other cards into the background.
A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level.
In today’s tutorial, we’re going to take the original jQuery Parallax script I wrote and recreate a webpage similar to Nikebetterworld.
Discovering possibilities with me is free and I'm only a call away. Beforehand though, I do recommend you complete this short client worksheet to get a really good grip on what we can achieve together. I'll have it in front of me when we brainstorm your effective web presence.
And, just to let you know, I'm taking on work right now, so there's no better time to call.
I'm sitting at my desk right now which means for the quickest response, you should contact me via Skype or telephone:
Ian Lunn Design, 34 Bursledon Court, 2 East Cliff Road, Dawlish, Devon, EX7 0BP
