About the Site

Interactive Media Web is an undergraduate design elective course at OCAD University in Toronto, Canada. This website is for students who are actively participating in the course but it’s also for anyone that’s curious about the World Wide Web as a creative medium. Take a look around and leave your mark along the way!

About the Instructor

Peter Ha is a co-founder of Equal Parts Studio, a Toronto-based contemporary graphic design practice. Their process is founded on curiosity and finding the joy and playfulness in every project. Since 2021, he has been teaching design process, information design and interactive media at OCAD U.

Credits

Original syllabus by Ali S. Qadeer
Design and Development by Peter Ha
Built using Static Website Template by Vincent Will
Typeset in Inconsolata and Xanh Mono

Paint by Numbers

Grid

Recreate three paintings using CSS Grid:


Composition with Red, Blue and Yellow by Piet Mondrian (1930)
Composition with half values by Theo van Doesburg (1928)
Artwork of your choice

Objective

To help you with your first project by familiarizing yourself with grids and using CSS as a medium for drawing.

Resources

Helper Files

Download solution to first painting. Included in the zip file are two solutions and a Figma file that outlines the steps in deconstructing and recreating the painting in a grid format.