Using Weather Data to Change Your Website’s Appearance through PHP and CSS
A few weeks back, CSS-Tricks.com's Chris Coyier asked me to help him use PHP and the Yahoo Weather API to create a website header that changes based on the weather. Mission accomplished! Skip over to the article and let me know what you think!
Discussion
Be Heard!
Share your thoughts with fellow developers of all skill levels! I want to hear from you!
Very nice work, i’ll try and get it up on my website !
Thanx
This may be more important than you realize. In the disaster-response context, automatically updated, highly localized blogs can be critical. What you’ve done with the header does that with one of the critical data streams (weather) – and does it with really elegant information design – it doesn’t require people to analyze a string of words.
My blog is about these issues – and I do consulting, research and writing that isn’t always reflected on the blog. But I’m going to see how easy it is to set up at my skill level -
Nice work – you’ve done something that may end up saving people’s lives.
Jon Soroko
Glad you like it. Thank you Jon!
is it possible to make a forcast for san jose costa rica?
Yes it is Jon. Yahoo! provides country codes as well.
Great website. I am a PHP newbie. I am learning PHP as a hobby. Completed a couple of tutorials. I already have a non-PHP fulltime job. How do I start working with PHP as a part timer. I am bored doing the PHP tutorials. I would like to cut my teeth on something real time which would increase my PHP skills. Odesk.com has experienced guys . Are there any opportunities for a newbie like me.
Hello Azeem,
I started the same as you — learned PHP completely by myself. There’s always a place for a web noob. Start a blog would be my advice, and bring your blog up during interviews
David
I’ve integrated the script pretty easy (despite I’m a nob). How can i know for sure day and night right codes for 27 mostly cloudy (night), 28 mostly cloudy (day), 29 partly cloudy (night) and 30 partly cloudy (day)? How can i declare this in according css? Should i have different css files for day and night?
Instead of it changing css on the page, would it be hard to have it play a different swf animation that corresponds with the local weather? I’ve searched around for someone that’s tackled this but haven’t found much.