Blog: Category "Web Design"

A Clever Way to Demonstrate Responsive Design

A Clever Way to Demonstrate Responsive Design

When demonstrating responsive design, sometimes resizing your desktop browser is enough to prove the concept. In other cases, it's best to have mobile devices with varying screen sizes and configurations handy.

For quick-and-dirty demos, wouldn't it be cool to check the site out at various resolutions all in the same browser?

Thanks to Felix Rilling's clever CodePen (which takes advantage of CSS transforms on IFRAMEs), that's both possible and a lot of fun.

Interact with the real-time mobile demo of https://apidae.com below:

Read More...