I loved the ingenuity of zine templates, that origami or map-like magic of a single piece of paper folding into an entire little book. That made me think, surely we should be able to do this on the web — right? A web page that you can read on a screen, but when you press print it turns into that magical little book. The answer is: of course we can! If you want the short version, then jump right in and read about how to make a CSS zine… in the form of a CSS zine!

Have a peek below…


This is the first in a series of posts detailing how I built the 🥑 Rotavo PWA. Give it a whirl and see what you can draw!

Let’s see how we can recreate the (hopefully) intuitive experience adjusting the volume on your stereo 📻 by building our own rotating, touch-sensitive knob web component. None of the cool kids are into skeuomorphism any more, but that doesn’t mean there’s no place for an analogue to physical controls in the software world.

Contents


Content will be ♻ syndicated here, but I’ll 🥇 publish on dev.to first via rowan_m. See you there!

Rowan Merewood

Developer Advocate for web / Chrome at Google. I’m practising development.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store