About three weeks ago, my fiancée (Emily) and I bought a puppy and named it Chanel. She’s probably the cutest dog that has ever lived, but she is also a huge pain. She poops everywhere, chews everything, and barks constantly. I decided to make an iPhone app called Is Chanel Being Good? so that I can let Emily see what she’s missing out on while she’s gone.
This weekend I really wanted to design a quick site and try out some new CSS techniques I’ve been learning, so I made a sandbox site. What’s a sandbox? Basically it’s a place where I’ll post my experiments and little projects that I’ve been playing around with.
There has been a lot of excitement about CSS animation lately, and I’ve been playing around with it. In this tutorial, I’ll show you how to use CSS Animation to make an old video game style website.
First things first: some of the CSS we’ll be using in this tutorial will not work in all browsers. Right now, only webkit supports CSS animation properties, so Chrome and Safari will render the page correctly. Firefox will work aside from the animations, and IE will probably find ways to screw everything up.