Home pages Archives -

In our series of home pages, we’ve been trying to come up with creative ideas to keep the front of our site looking “fresh”. The idea for the Cherry blossom came from a simple excercise of thinking through; What characterises spring? Blossom – falling cherry blossom would look great.

So, as you can see, we have found an image and added some traditional Japenese footwear (called Geta) to keep our general theme of feet related banners and then from a technical point of view we have taken bits of our script for the falling snow we used in winter and added some sideways music using some maths (it’s a slightly randomised sine wave if you’re wondering).

We think it looks great and it was certainly quite enjoyable to work on as well…

In a concinuation of our varied home pages we came up with the concept of a New Year’s banner that reflected the practice of people getting fit as their New Year’s resolution, Jakub, our designer came up with the concept image above and we all thought it was great so we got the banner ready to go.

In keeping with all of our other home page banners we wanted some kind of interesting movement. After a bit of searching I found a link to this tutorial – https://www.script-tutorials.com/flare-lens/ which enabled me to put a nice lens flare effect on page load.

This year, for Halloween, we decided to amend banner on web-feet’s homepage. The orange pumpkins were an obvious choice, but because we love challenges we decided to add something extra in the form of a flickering candle

To create the candle flickering effect we took a trick from the animation industry to build a frame by frame version of the candle flame and used a  jQuery carousel auto playing on page load and looping through the images of the flame in different positions. We think it definitely added something a bit special to the overall Halloween mood of the scene.

We hope you liked it..:-)

If you missed it this halloween it’s still available to look at here

Within a week of launching the new web-feet site we decided to implement a changing theme for the banner (to change with the seasons). We had already developed clouds to float across the screen in summer, but we needed some rain and snow for winter and autumn…

So I turned to Google to find a canvas HTML5solution, and ended up implementing my own JavaScript.

Here is the result for the snow on jsfiddle (http://jsfiddle.net/k7RHs/10/).

As you can see the result is very pleasing and the snow also slowly “settles” at the bottom of the element in which it is contained.

If you would like this effect on your site for christmas then get in contact!

Happy Christmas!

We have updated our home page for the autumn!

The banner includes falling rain written using the canvas element and some requestAnimationFrame goodness.

See our summer home page if this is a bit grey and dreary for you!