Thanks to a [friendly tutorial by Codrops](http://tympanus.net/codrops/2012/08/08/circle-hover-effects-with-css-transitions/), I put together this example of CSS transitions. The buttons link to somewhat random [McSweeney’s articles](http://www.mcsweeneys.net/). In the process, I also stumbled upon the site, [Vintage Printable](http://vintageprintable.com/), which has beautiful naturalist illustrations in the public domain.
I’ve been playing with [Javascript thanks to Codecademy](http://www.codecademy.com/tracks/javascript) (at the moment, working on if/else statements and for loops). And now [CSS3 transitions](http://html5css3box.com/transitions/) have caught my eye. Surfing around, there are **a lot of beautiful designs I’d like to learn how to do.** Some examples: *…
I really enjoyed this project, which uses translucency in PNG files to fun effect: So I decided to do a quick remix: As part of my [Webmaker in a Year](http://michellethorne.cc/2013/07/webmaker-in-a-year/) efforts, I’ve also started the [Javascript lesson in Codecademy](http://www.codecademy.com/tracks/javascript), which so far isn’t that intimidating…
This took longer than I’d like to admit (two days worth), but I finally got the positioning down (more or less). Instead of using px as measurements, I switched to em and percentages, so that the objects stay (to some extent) in the same spot…
Today I tried out [Google Fonts](https://www.google.com/fonts/) but think I made a mistake, since they weren’t displaying properly. So then I went crazy trying to recreate a Super Mario scene, using images picked up across the web. I still can’t get the li to align properly.…