レスポンシブ・デザインを説明するGIFアニメ

「レスポンシブ・デザインとは?」を説明する9つのGIFアニメーションが、FastCompanyが運営するCo.Designの記事に掲載されていました。
9 GIFs That Explain Responsive Design Brilliantly | Co.Design

レスポンシブ デザインとは? 1

見習いたい表現なので、取り上げます。

たとえば、画面幅の考え方は。

レスポンシブ デザインとは? 2

レスポンシブ デザインとは? 3
image by Froont

デスクトップファーストとモバイルファーストの違いは?

レスポンシブ デザインとは? 4
image by Froont

それぞれのGIFアニメーションのサイズは、数百キロバイトに抑えてあり、アニメーションは9つありますが表示するのにストレスは少ないです。

わかりやすく情報を伝えられるだけではなく、記事を読む側の利便性からしても、動画を9つ使うよりもGIFアニメーションを使うことに意味がありますね。