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.
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.
7 freelancers are bidding on average $362 for this job
It's an easy task for us. We have gone through the project requirements and may start working on it immediately. Please check PM for complete details.Thanx.