sketches are miniature websites for practicing web design and animation.

Dancing boxes
Postcard
Dolphin story
Space circle
Animal race
Recipe book
Musical albums
Color bubble

Dancing boxes

This is a website with 9 boxes that dance! I made this using key frame animation in css and javascript event listeners.

Postcard

This website takes you an a trip around the world! I made this using javascript arrays and event listeners.

Dolphin story

I made this website for a kindergarten class that was really interested in marine animals. I used photoshop pictures and made an interactive story with twine about the cool things dolphins do.

Space know vs feel

Space has been represented in fictional ways through comics so this website compares images of space from our logical vs imaginative side.

Animal race

I made this website to visually display the speed of 4 different animals. I used their miles per hour to calculate their movement with pixels.

Recipe book

Last summer my Iaia (grandma) and I cooked and baked together. This website contains some of my Iaia's recipes in a book format with pictures of the final product.

Music albums

This website has animation that display album covers and it also has a button that changes the elements using jQuery.

Color bubbles

This website uses p5.js in order to make bubbles that shake. When clicked they turn a random color.