Robin O'Connell

   

Etc.

A stylized depiction of a classic American hamburger. The burger patty is set on a sesame bun and is topped with cheese, lettuce, tomato, and red onion. A drizzle of ketchup runs down the front of the burger.

CSS Burger

When I was an instructor at Hackingtons (which offers extracurricular coding classes for children), we would challenge our CSS students to "draw" a burger (or other food item) using only styled <div> elements.

This is my own take on the project which I created to demonstrate what's possible without using any images.

Try it View source
A top-down view of a small spaceship approaching a much larger Mars-like planet against a backdrop of stars and interstellar gas.

Space Engine

The foundations of a 2D game engine in JavaScript. It is extremely unfinished, but you can fly a little spaceship around a single planet if you like. Left click in the direction you wish to accelerate. Right click to decelerate instead.

Try it View source
A solid gray band partially obscures a photograph of a circuit board. The threshold is adorned by lime green rectangles of varying opacity.

Grid Reveal

A simple yet attractive animation that makes an image appear to be drawn one grid cell at a time. It is configurable for a variety of related effects. See the README on GitHub for more details.

Try it View source
A text input labeled "What are the top ten global staple crops?" appears above a table with three columns labeled "#" (number), "Crop", and "Top Producer". Some rows are filled in, but the text has been replaced with "[redacted]". In some rows, the Top Producer cell contains another text input labeled "Who produces the most [redacted]?"

Staple Crops Quiz

This is a tiny geography quiz I created to try out the React state management library Zustand. Test your knowledge of the world's staple crops and their top producers.

Try it View source