Overview:

The clouds above change speed/color/count according to the actual weather for Carlsbad at the moment. I’ve changed a lot since the earlier versions, mainly there is now something for basically every type of weather. The clouds change type(color) depending on the type of weather, and speed depending on the wind speed.

See the original post here.

Features:

1. Grabs the current weather from yahoo weather api live, with a configurable zip code.

2. You can customize it for any weather displayable.

3. Clouds move according to wind speed, and change color based on the weather type.

Installation:

1. Download the script

2. Include it in your page

3. Configure to your liking

Legend:

Clouds:

Regular Clouds (Fair/Clear weather)

Cloudy weather

Dark clouds(Rain/light rain/fog)

Storm clouds(Snow/Thunderstorm)

 

 

Raindrops (light/heavy)

Snow (light/heavy)

Cloud speed (wind speed)

Note:

My site runs very slow, so I would recommend downloading the scripts onto your own server or CDN, rather than just using mine.

 

Changelog:

0.3

1. Started keeping a changelog.

• Filed to:
• HTML,
• Javascript,
• PHP,
• Projects,
• Site