Snowfall! An Experiment Using HTML5/CSS3

I cooked up a fun experiment using HTML5/CSS3 for the holidays. I call it Snowfall. It’s a screenful of falling snow for your enjoyment.

If you’re a huge nerd like me and a big fan of Star Wars, you can also use a special alternate set of snowflakes borrowed from Anthony Herrera’s set of Star Wars Snowflakes by going to Snowfall: Star Wars Edition. I have to give credit where credit’s due — the idea to do this was my wife’s. I showed her Anthony’s page last week and when I showed her Snowfall she put the ideas together. :)

If you click on the word Snowfall in the footer, you can expand a special list of optional parameters you can add to the URL to customize things like the background color, number of snowflakes and others to your liking.

Snowfall Screensaver

If you’re running OSX, I found a neat app called Websaver — "A very simple screen saver with a single simple purpose. You specify a web page URL and, optionally, a reload time. The page will then be displayed when your machine is idle.&;quot; which works terrific with Snowfall. Try it out! It looks really sweet. :)

What’s kind of funny about this to me, is that Snowfall is basically a remake of an OpenGL screensaver I wrote for Windows about six years ago. I spent a lot of time tuning the animation to run well on machines back then, and I find it amusing that a web browser can be used as a suitable replacement for the crazy amount of code it took to do this in its previous incarnation.

Hope you like it!

One Response to “Snowfall! An Experiment Using HTML5/CSS3”

  1. Btw, if anyone knows of a screen saver similar to Websaver for Windows, let me know! I tried a couple I found randomly on the Internet, but none of them ran the web page in a modern browser, so it didn’t know what to make of my CSS3. :)