HTML5 Interaction developer

This project received 7 bids from talented freelancers with an average bid price of $362 USD.

Get free quotes for a project like this
Project Budget
$100 - $250 USD
Total Bids
Project Description

Overview: To develop an Html5 interaction for modern browsers with iOS and mobile support.

Technology to develop in: Html5

Support for: Modern html5 canvas web browsers and iOS and mobile devices.

Mobile features?: Yes, Swipe and click

Brief: We have a design available to preferred bidders. We have protected the identity of certain assets to protect NDA so we will be swapping those out with the real ones later on.

This will be an html5 interaction that will be embedded into one of our client websites. It's a time line that runs from 1948 to present. At each point, listed below:

Point 1: Date

Point 2: Date

Point 3: Date

Point 4: Date

Point 5: Date

Point 6: Date

Point 7: Date

Point 8: Date

Point 9: Date

Point 10: Date

Point 11: Date

Point 12: Date

Point 13: Date

Point 14: Date

Point 15: Date

Point 16: Date

Point 17: Date

Point 18: Date

Point 19: Date

The copy and photo will change detailing what happened on that particular time. Each photo must be a jpeg and all text must be html formatted so we can use bold, italic and add links etc.

For each generation there will be a .png cut out of each milestone which you will see on the main ruler (when design has been supplied). These will be swapped out later on.

A – 1948 to 1959

B – 1960 to 1969

C – 1970 to 1979

D – 1980 to 1989

E – 1990 to 1999

F – 2000 to 2009

G – 2010 to 2013

When ever the ruler hits a generation the current cutout will fade out and fade in with the correct one for that generation, see above.


Browsers should navigate the time line by moving the arrow or clicking on the ruler for each appropriate time line marker. The arrow will move back and forth with a glide effect with some inertia. We are looking for a smooth and polished movement with nice snappy fade effects.

Mobile devices should be able to use swipe where by the user can glide their finger over the ruler and the arrow will follow their movement along the ruler.

While moving the arrow the bottom image and text should change using a fade effect depending on which point gets detected.

Privacy Agreement:

All work you carry out with us on this project or any further projects should be carried out with the strictest of privacy and secrecy. You should not share any aspects of this work with anyone (ever). By excepting this contract you agree to everything set out in the project posting.

3rd party assets: You are free to use any 3rd party code on the agreement that anything you do use is free for commercial use and will not bring any copyright issues.

Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online