Home pages Archives -

Cherry Blossom Home page

Posted on March 9, 2015 by

Cherry Blossom banner

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…

Lens Flare New Years Home Page

Posted on January 14, 2015 by

beautiful home page banner

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.

Halloween home page…

Posted on November 11, 2014 by

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

Snow joke… JavaScript Falling Snow technique….

Posted on December 2, 2013 by

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!


Some of our happy customers

logo ahmad
logo poingdestres
logog swiss
logo ibhs 1
logo sgc
logo nationwide
logo undersea
logo roughton
logo stcross
logo pulse
logo mm
logo jfl
logo heritage 1
logo firesafe
logo electrofreeze
logo clickmetal
logo baguetti
logo ccc 1
log arokah
logo labs
logo paragon
logo trant
logo nahh
logo edge
logo romsey
spaceway logo
logo bookharbour
logo chartco
logo cranbourne
logo magister
logo mgmetals
logo westway
logo ocean
logo testvalley
logo brittania
logo faac
logo gss