I'm wanting to design a "smart" website header. First it must be responsive and cross-browser compatible. Also a static fallback version should be included.
The main part of the header will be the logo placed over a city backdrop.
The header will need to query a weather service such as Yahoo weather to gather the weather and local time of the predetermined location of the user as set in their account.
If the location is sunny a Sun will appear in the city. If the weather is cloudy, clouds should appear in the city. Rainy of course will have rain. Snow will have snow, and so on. Detecting the locations day/night will need to be in effect also to show sun or moon/light/dark. I would like these weather affects to to have motion. The static fall back image for mobiles.
The last detail is to display clouds only behind the logo based on a single specific aspect in the users profile.
Logo is on top of all, weather is next, city is at the very back.
Hoping this isn't to hard. Particle effects with layered images. I think the biggest aspect is the Yahoo weather pull to call the weather animation.
51 freelancers are bidding on average $156 for this job
Hi I work towards providing reliable, relevant and robust IT solutions at most competitive prices to my customers. I ensure 100% customer satisfaction so lets start Thanks