Responsive Web Comic

by

Goal

I wanted to explore the idea of what a responsive web comic could be.

Problem

Zoomed in PDF’s or shooting from panel to panel doesn’t seem to be an optimal experience for reading comics on various sized devices.

Solution

After researching CSS Grid, with it’s ability to determine panel sizes, grid-gaps (gutters), and to use media queries to alter the layout of the page depending on the device, I could maintain the unique story telling features, layout and design of a comic page.

I was able to include some accessibility features as well. This allows someone with vision impairments or blindness to read a comic. Comics for everyone!