Things I build · 06
Am I Responsive?
The four-screen responsive screenshot tool. Net Magazine’s Side Project of the Year, 2013.
- Stage
- Archived
- Started
- 2013
- Built with
- HTML, CSS transforms, jQuery
Am I Responsive shows a site at desktop, laptop, tablet and mobile sizes at once, framed in device mockups. It started as a way to make the weekly device screenshot for the newsletter faster, and became the image everyone dropped into client decks.
It is four iframes at real viewport sizes, scaled down with CSS transforms. The source is on GitHub under the MIT licence, and the story of building it is in the archive.