Category: Mozilla

Slider with CSS animations

Thanks to another [Codrop tutorial](http://tympanus.net/codrops/2012/12/31/how-to-create-a-simple-multi-item-slider/), I learned how to make a slider using CSS animations and jQuery (still not sure what the difference is between that and Javascript). The size of the images isn’t quite right — parts of the birds are getting cut out…

Circle Hover Effects with CSS Transitions

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.

Blast Off!

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: *…

Fun with translucency

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…

Super Mario Wall

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…