Explaining Responsive Design with Gifs

Animated gif of Responsive vs Adaptive design

Responsive web design has enabled many websites to become more adaptable to the smorgasbord of Internet-capable devices. But some of its terms can be hard to explain to someone who’s not a designer. Thankfully a blogpost by Sandijs Ruluks has some choice gifs that explains it all visually.

On the Froont.com blog, he visually explains things like relative units, static units, breakpoints, and adaptive design with animated gifs. This is a definite bookmark for sharing with non-designer friends if they want to understand responsive design.

9 basic principles of responsive web design | Froont.com via Web Designer Newsletter

Photo credit: Copied from 9 basic principles of responsive web design blogpost

Posted in Web Design

About Blips

This here fine blog is a collection of shiny things I've curated on my web travels. I'll be sharing a weekly nugget on—web design, marketing, cool tools, tech—and maybe a screencast or two.

Get fresh posts by:

Subscribe via RSS