Demonstrating Responsive Design

Explaining ‘responsive web design’ to anyone who isn’t a web developer is tricky – show them and the penny drops instantly. Resizing the browser is fine but non-web geeks don’t seem connect the browser window size with a device window size. This demo is intended to demonstrate the practice in a manner everyone ‘gets’.

  • Resource Name

    Demonstrating Responsive Design

  • Resource Creator

    Jamus Reynolds


Nope, this demo isn't responsive. It's designed to be a tool to demonstrate in the clearest manner possible to the widest audience possible. I felt concept would be lost if someone on their smart phone couldn't see differences between 'viewports' just the same a those on their desktop. Yeah- I know, I know.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.